From: Snapshot-Content-Location: https://web.archive.org/web/20190920193326/http://secss.com.mx/ Subject: SECSS Date: Mon, 30 Mar 2026 11:00:50 -0600 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq----" ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20190920193326/http://secss.com.mx/ =09 =09 SECSS =20 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09
The Wayback Machine - https://web.archive.or= g/web/20190920193326/http://secss.com.mx/
=20
3D"Up"
=09
=09
=3D"SECSS" =09
=09 =09
=20
=20
=09
=09 =09 =09 =09

SECSS

SERVICIOS ESPECIALIZADOS EN CALIDAD SALUD = Y SEGURIDAD=20 Leer mas

3D"Examenes<= /a>

= Examenes de Laboratorio Ocupacionales

SERVICIOS ESPECIALIZADOS EN CALIDAD SALUD = Y SEGURIDAD=20 Leer mas

3D"Cursos

Cursos a Empresas

SERVICIOS ESPECIALIZADOS EN CALIDAD SALUD = Y SEGURIDAD=20 Leer mas

 123
=20
=09
=09 =09
=09
=09 =09
=09
=09 =09 =09

SERVICIOS ESPECIALIZADOS EN CALIDAD SALUD Y SEGURIDAD

=09 =09
=09
=09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09 =09

3D"Nuestros

Somos un Grupo Comprometido con la Calidad e= n el Servicio que proporcionamos lo que nos Asegura Trascender en todas las= Actividades que Realizamos.

Selecciona alguno de nuestros serv= icios para conocer mas

3D"Laboratorio_servicio= 3D"capacitacion_servicio"

=3D"Outsourcing_servicio" 3D"Equipo_servicio"

 

Nu= estro Personal
  • MEDICOS ESPECIALISTAS CERTIFICADOS EN MEDICINA DEL TRABAJO
  • MEDICOS TITULADOS CON ENTRENAMIENTO EMPRESARIAL
  • ESPECIALISTAS EN SEGURIDAD INDUSTRIAL
  • QUIMICOS-FARMACOBIOLOGOS
  • INGENIEROS QUIMICOS.( HIGIENISTAS INDUSTRIALES)
  • MEDICO Y TECNICOS RADIOLOGOS
  • ENFERMERAS INDUSTRIALES
  • ESPECIALISTAS EN CONTRAINCENDIO
  • SECRETARIAS
  • MENSAJERO
  • CONTRALOR GENERAL
  • PSICOLOGAS LABORALES

3D"Corporativa"<= /p>

 

 

 

=09 =09 =09 =09 =09 =09 =09 =09 =09
=09 =09 =09 =09 =09 =09 =09

=09 =09
=20
  • Tweet
  • =20
=20 =20 =20
=20 =20 =20 =20 =20
=20
=20 =20 =20 =20 =20 =20 =20 =20 =20
=20 =20 =20 =20
=20 =20 =20 =20 =20 =20 =20 =20 =20 ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/firebase/images/icon.svg = =0A ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/static/speed/webp/images/webp-devsite-icon.png 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 ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/tensorflow/images/icon.svg =0A ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/cloud/images/icon.svg =0A ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/lockup.svg =0A ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319cs_/https://developers.google.com/extras.css @charset "utf-8"; body[codelabs-content-type=3D"paginated"] .devsite-book-nav-bg[fixed] { dis= play: none; } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319cs_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/css/app.css @charset "utf-8"; [theme=3D"developers"] { --devsite-primary-color: #1a73e8; --devsite-second= ary-color: #185abc; } [foreground=3D"developers"], [theme=3D"developers"] [foreground=3D"theme"] = { --devsite-foreground-color: #1a73e8; --devsite-foreground-button-backgrou= nd-hover: #e8f1fd; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #c6dcf9; --devsite-foreground-bu= tton-border-color-active: #e8f1fd; --devsite-foreground-button-color: #1a73= e8; --devsite-foreground-button-primary-background: #1a73e8; --devsite-fore= ground-button-primary-background-hover: #185abc; --devsite-foreground-butto= n-primary-color: #fff; } [theme=3D"blue-grey"] { --devsite-primary-color: #607d8b; --devsite-seconda= ry-color: #455a64; } [theme=3D"blue-grey-dark"] { --devsite-primary-color: #455a64; --devsite-se= condary-color: #37474f; } [theme=3D"cyan"] { --devsite-primary-color: #12b5cb; --devsite-secondary-co= lor: #098591; } [theme=3D"deep-orange"] { --devsite-primary-color: #ff5722; --devsite-secon= dary-color: #e64a19; } [theme=3D"deep-purple"] { --devsite-primary-color: #673ab7; --devsite-secon= dary-color: #512da8; } [theme=3D"google-blue"] { --devsite-primary-color: #1a73e8; --devsite-secon= dary-color: #185abc; } [theme=3D"google-green"] { --devsite-primary-color: #1e8e3e; --devsite-seco= ndary-color: #137333; } [theme=3D"google-red"] { --devsite-primary-color: #d93025; --devsite-second= ary-color: #b31412; } [theme=3D"google-yellow"] { --devsite-primary-color: #f9ab00; --devsite-sec= ondary-color: #ea8600; } [theme=3D"indigo"] { --devsite-primary-color: #3f51b5; --devsite-secondary-= color: #303f9f; } [theme=3D"orange"] { --devsite-primary-color: #e8710a; --devsite-secondary-= color: #c26401; } [theme=3D"pink"] { --devsite-primary-color: #e52592; --devsite-secondary-co= lor: #b80672; } [theme=3D"purple"] { --devsite-primary-color: #9334e6; --devsite-secondary-= color: #7627bb; } [theme=3D"teal"] { --devsite-primary-color: #009688; --devsite-secondary-co= lor: #00796b; } [theme=3D"blue"] { --devsite-primary-color: #1a73e8; --devsite-secondary-co= lor: #185abc; } [theme=3D"green"] { --devsite-primary-color: #1e8e3e; --devsite-secondary-c= olor: #137333; } [theme=3D"light-blue"] { --devsite-primary-color: #0288d1; --devsite-second= ary-color: #01579b; } [theme=3D"light-green"] { --devsite-primary-color: #8bc34a; --devsite-secon= dary-color: #689f38; } [theme=3D"navy"] { --devsite-primary-color: #3f51b5; --devsite-secondary-co= lor: #303f9f; } [theme=3D"pale-blue"] { --devsite-primary-color: #12b5cb; --devsite-seconda= ry-color: #098591; } [theme=3D"google-yellow"], [theme=3D"light-green"] { --devsite-header-foreg= round-lower: rgba(0,0,0,.87); --devsite-header-foreground-lower-hover: #202= 124; --devsite-header-foreground-lower-active: #202124; } [theme=3D"cyan"] [background=3D"theme"], [theme=3D"google-yellow"] [backgro= und=3D"theme"], [theme=3D"light-green"] [background=3D"theme"], [theme=3D"o= range"] [background=3D"theme"] { --devsite-background-button-white-color: #= 202124; --devsite-link-color: #202124; --devsite-text-color: #202124; --dev= site-text-color-hover: hsla(210,6%,63%,.5); } [theme=3D"cyan"] { --devsite-background-color: #43cde6; } [theme=3D"google-yellow"] { --devsite-background-color: #fcc934; } [theme=3D"light-green"] { --devsite-background-color: #aed581; } [theme=3D"orange"] { --devsite-background-color: #fcad70; } [theme=3D"white"] { --devsite-primary-color: #fff; --devsite-secondary-colo= r: #202124; --devsite-cta-background: var(--devsite-link-color); --devsite-= feedback-icon-background: var(--devsite-link-color); --devsite-header-borde= r: 1px solid #bdc1c6; --devsite-header-foreground-lower: var(--devsite-seco= ndary-text-color); --devsite-header-foreground-lower-hover: var(--devsite-p= rimary-text-color); --devsite-header-foreground-lower-active: var(--devsite= -primary-text-color); --devsite-progress-background-color: #5f6368; --devsi= te-toc-border: #039be5; --devsite-user-avatar-background: var(--devsite-lin= k-color); --devsite-user-avatar-color: var(--devsite-inverted-text-color); = } [theme=3D"white"] .devsite-product-button-row { --devsite-button-border: 1p= x solid #dadce0; --devsite-button-border-hover: 1px solid #d2e3fc; --devsit= e-button-border-active: 1px solid #e8f0fe; --devsite-button-line-height: 34= px; } [theme=3D"cars-theme"] { --devsite-body-background: #fff; --devsite-header-= color-lower: #f7f9fa; --devsite-header-foreground-lower: rgba(32,33,36,.7);= --devsite-header-foreground-lower-hover: #202124; --devsite-header-foregro= und-lower-active: #202124; --devsite-header-foreground-lower-description: #= 202124; --devsite-header-link-color: #1a73e8; --devsite-header-link-color-a= ctive: #185abc; --devsite-lower-tab-marker-color-active: #3ddc84; --devsite= -page-border: 1px solid #dadce0; --devsite-page-border-radius: 8px; --devsi= te-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-marker-color: #3ddc84; } [theme=3D"cars-theme"] { --devsite-primary-color: #3ddc84; --devsite-second= ary-color: #00a956; } [foreground=3D"cars-theme"], [theme=3D"cars-theme"] [foreground=3D"theme"] = { --devsite-foreground-color: #3ddc84; --devsite-foreground-button-backgrou= nd-hover: #ecfcf3; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #cff6e0; --devsite-foreground-bu= tton-border-color-active: #ecfcf3; --devsite-foreground-button-color: #3ddc= 84; --devsite-foreground-button-primary-background: #3ddc84; --devsite-fore= ground-button-primary-background-hover: #00a956; --devsite-foreground-butto= n-primary-color: #fff; } [theme=3D"nest-theme"] { --devsite-header-icon-color-active: #bdc1c6; --dev= site-header-link-color: #039be5; --devsite-header-link-color-active: #0277b= d; --devsite-upper-tab-marker-color: #0096c8; } [theme=3D"nest-theme"] { --devsite-primary-color: #00afd8; --devsite-second= ary-color: #0096c8; } [foreground=3D"nest-theme"], [theme=3D"nest-theme"] [foreground=3D"theme"] = { --devsite-foreground-color: #00afd8; --devsite-foreground-button-backgrou= nd-hover: #e6f7fb; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #bfebf5; --devsite-foreground-bu= tton-border-color-active: #e6f7fb; --devsite-foreground-button-color: #00af= d8; --devsite-foreground-button-primary-background: #00afd8; --devsite-fore= ground-button-primary-background-hover: #0096c8; --devsite-foreground-butto= n-primary-color: #fff; } [theme=3D"stadia-theme"] { --devsite-header-link-color: #9b0063; --devsite-= header-link-color-active: #680039; --devsite-header-link-color-visited: #d0= 4791; } [theme=3D"stadia-theme"] { --devsite-primary-color: #9b0063; --devsite-seco= ndary-color: #680039; } [foreground=3D"stadia-theme"], [theme=3D"stadia-theme"] [foreground=3D"them= e"] { --devsite-foreground-color: #9b0063; --devsite-foreground-button-back= ground-hover: #f5e6ef; --devsite-foreground-button-border-color: #dadce0; -= -devsite-foreground-button-border-color-hover: #e6bfd8; --devsite-foregroun= d-button-border-color-active: #f5e6ef; --devsite-foreground-button-color: #= 9b0063; --devsite-foreground-button-primary-background: #9b0063; --devsite-= foreground-button-primary-background-hover: #680039; --devsite-foreground-b= utton-primary-color: #fff; } [theme=3D"youtube-theme"] { --devsite-primary-color: red; --devsite-seconda= ry-color: #c20000; } [foreground=3D"youtube-theme"], [theme=3D"youtube-theme"] [foreground=3D"th= eme"] { --devsite-foreground-color: red; --devsite-foreground-button-backgr= ound-hover: #ffe6e6; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #ffbfbf; --devsite-foreground-= button-border-color-active: #ffe6e6; --devsite-foreground-button-color: red= ; --devsite-foreground-button-primary-background: red; --devsite-foreground= -button-primary-background-hover: #c20000; --devsite-foreground-button-prim= ary-color: #fff; } body, dd, div, dl, figure, form, img, input, menu { margin: 0px; padding: 0= px; } body[no-overflow] { overflow: hidden; } iframe { border: 0px; } iframe:not([src]) { display: none; } .beta > :first-child, .caution > :first-child, .deprecated > :first-child, = .dogfood > :first-child, .experimental > :first-child, .key-point > :first-= child, .key-term > :first-child, .note > :first-child, .objective > :first-= child, .preview > :first-child, .quickstart-left > :first-child, .quickstar= t-wide > :first-child, .special > :first-child, .success > :first-child, .w= arning > :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: 0px; } .beta > :last-child, .caution > :last-child, .deprecated > :last-child, .do= gfood > :last-child, .experimental > :last-child, .key-point > :last-child,= .key-term > :last-child, .note > :last-child, .objective > :last-child, .p= review > :last-child, .quickstart-left > :last-child, .quickstart-wide > :l= ast-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 > .expa= ndable:last-child > :last-child, td > :last-child, td > :last-child > li:la= st-child { margin-bottom: 0px; } html { box-sizing: border-box; } *, ::after, ::before { box-sizing: inherit; } .clearfix::after, .quickstart-step::after { clear: both; content: ""; displ= ay: table; height: 0px; visibility: hidden; } :root { --devsite-code-font-family: Roboto Mono,monospace; --devsite-primar= y-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-h1= -margin: 40px 0 20px; --devsite-h2-margin: 40px 0 20px; --devsite-h3-margin= : 32px 0 16px; --devsite-h4-font: 500 16px/24px var(--devsite-primary-font-= family); --devsite-h5-font: 700 14px/24px var(--devsite-primary-font-family= ); --devsite-h6-font: 500 14px/24px var(--devsite-primary-font-family); --d= evsite-background-0: #e8eaed; --devsite-background-1: #fff; --devsite-backg= round-2: #f8f9fa; --devsite-background-3: #f1f3f4; --devsite-background-4: = #e8eaed; --devsite-background-5: #dadce0; --devsite-primary-text-color: #20= 2124; --devsite-primary-text-rgba: rgba(0,0,0,.87); --devsite-secondary-tex= t-color: #5f6368; --devsite-secondary-text-rgba: rgba(0,0,0,.65); --devsite= -tertiary-text-color: #bdc1c6; --devsite-tertiary-text-rgba: rgba(0,0,0,.26= ); --devsite-inverted-text-color: #fff; --devsite-inverted-text-color-hover= : hsla(0,0%,100%,.7); --devsite-inverted-text-rgba: hsla(0,0%,100%,.7); --d= evsite-primary-border: 1px solid #dadce0; --devsite-secondary-border: 1px s= olid #e8eaed; --devsite-elevation-key-shadow-color: rgba(60,64,67,.3); --de= vsite-elevation-ambient-shadow-color: rgba(60,64,67,.15); --devsite-elevati= on-inset-shadow-color: hsla(210,6%,63%,.5); --tenant-background-1: #fff; --= tenant-background-2: #f8f9fa; --tenant-background-3: #f1f3f4; --tenant-prim= ary-text-color: #202124; --tenant-secondary-text-color: #5f6368; --tenant-i= nverted-text-color: #fff; --tenant-primary-border: 1px solid #dadce0; --ten= ant-secondary-border: 1px solid #e8eaed; --devsite-link-background: #d2e3fc= ; --devsite-link-background-active: #e8f0fe; --devsite-link-color: #1a73e8;= --devsite-contrast-link-color: #185abc; --devsite-button-background-hover:= #e4eefc; --devsite-button-background-active: #c8ddf9; --devsite-button-col= or: #1a73e8; --devsite-button-primary-color: #fff; --devsite-caution-notice= -background: #feefe3; --devsite-caution-notice-color: #bf360c; --devsite-ke= y-point-notice-background: #e8eaf6; --devsite-key-point-notice-color: #3f51= b5; --devsite-key-term-notice-background: #f3e8fd; --devsite-key-term-notic= e-color: #9334e6; --devsite-note-notice-background: #e1f5fe; --devsite-note= -notice-color: #01579b; --devsite-status-notice-background: #eceff1; --devs= ite-status-notice-color: #546e7a; --devsite-success-notice-background: #e0f= 2f1; --devsite-success-notice-color: #00796b; --devsite-warning-notice-back= ground: #fce8e6; --devsite-warning-notice-color: #d50000; --devsite-notice-= margin: 16px 0; --devsite-notice-padding-block: 16px; --devsite-notice-padd= ing-inline: 60px 24px; --devsite-book-nav-background: var(--devsite-backgro= und-1); --devsite-card-background: var(--devsite-background-1); --devsite-c= ard-header-background: var(--devsite-background-3); --devsite-checkbox-bord= er-radius: 2px; --devsite-checkbox-icon-canvas-border-radius: 50%; --devsit= e-checkbox-icon-canvas-offset-x: -9px; --devsite-checkbox-icon-canvas-offse= t-y: -9px; --devsite-checkbox-icon-canvas-size: 36px; --devsite-checkbox-ma= rgin-block: -2px 2px; --devsite-checkbox-margin-inline: 0 8px; --devsite-ch= eckbox-offset-x: 3px; --devsite-checkbox-offset-y: -3px; --devsite-checkbox= -size: 18px; --devsite-feature-tooltip-background-color: #1a73e8; --devsite= -feature-tooltip-offset-y: 3px; --devsite-input-background: var(--devsite-b= ackground-1); --devsite-input-border: var(--devsite-secondary-border); --de= vsite-item-gap: 24px; --devsite-mdc-line-height: 56px; --devsite-scrollbar-= thumb-background: hsla(207,5%,52%,.26); --devsite-select-background-image: = url('data:image/svg+xml;utf8,'); --devsite-select-border-radius: 2px; } [lang=3D"ar"], [lang=3D"fa"] { --devsite-nav-item-line-height: 18px; } devsite-appearance-selector { --devsite-appearance-selector-menu-transform:= translate3d(-10px,0,0); } [dir=3D"rtl"] devsite-appearance-selector { --devsite-appearance-selector-m= enu-transform: translate3d(calc(46px - 100%),0,0); } devsite-bookmark { --devsite-bookmark-background: 0; --devsite-bookmark-bac= kground-focus-legacy: var(--devsite-background-4); --devsite-bookmark-backg= round-hover-legacy: var(--devsite-background-3); --devsite-bookmark-icon-co= lor: var(--devsite-secondary-text-color); --devsite-bookmark-icon-color-sav= ed: var(--devsite-link-color); --devsite-bookmark-icon-color-saved-hover: #= 174ea6; --devsite-dropdown-list-toggle-background-hover: var(--devsite-back= ground-3); --devsite-dropdown-list-toggle-border: var(--devsite-primary-bor= der,0); --devsite-dropdown-list-toggle-border-hover: var(--devsite-primary-= border); --devsite-dropdown-list-toggle-height: 36px; } devsite-book-nav { --devsite-book-nav-input-height: 32px; --devsite-nav-div= ider-background: #eceff1; } .devsite-book-nav-toggle[aria-expanded] { --devsite-book-nav-toggle-backgro= und: var(--devsite-background-3); --devsite-book-nav-toggle-background-hove= r: var(--devsite-background-4); } .devsite-book-nav-toggle:not([aria-expanded]) { --devsite-book-nav-toggle-b= ackground: var(--devsite-background-1); --devsite-book-nav-toggle-backgroun= d-hover: var(--devsite-background-3); } devsite-carousel { --devsite-carousel-gap: 16px 24px; --devsite-carousel-gr= id: 1fr 40px/40px 1fr 40px; --devsite-carousel-item-flex: 0 0 var(--devsite= -carousel-item-width,auto); --devsite-carousel-marker-margin-inline: -18px = 0; --devsite-carousel-marker-size: 12px; --devsite-carousel-markers-gap: 0 = 4px; --devsite-carousel-markers-grid-column: 2; --devsite-carousel-markers-= grid-row: 2; --devsite-carousel-next-grid-column: 3; --devsite-carousel-pre= v-grid-column: 1; --devsite-carousel-prev-next-grid-row: 2; --devsite-carou= sel-slideshow-grid-column: 1/-1; --devsite-carousel-slideshow-grid-row: 1; = } devsite-carousel[data-items-per-slide] { --devsite-carousel-item-gap: 0 24p= x; } devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-carousel-item-g= ap: 0 8px; } [template=3D"page"] devsite-carousel[data-full-width], [template=3D"page"] = devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-carousel-gap: 1= 6px 40px; --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0; --devsite-ca= rousel-margin-inline: -40px; --devsite-carousel-markers-grid-column: 3; --d= evsite-carousel-next-grid-column: 4; --devsite-carousel-prev-grid-column: 2= ; --devsite-carousel-slideshow-grid-column: 1/-1; --devsite-carousel-slides= how-padding-inline: 40px; } [template=3D"page"] devsite-carousel[data-items-per-slide=3D"auto"] { --dev= site-carousel-ghost-item-width: 32px; --devsite-carousel-slideshow-scroll-p= adding: 0 40px; } devsite-catalog { --devsite-button-icon-content: "cancel"; --devsite-button= -icon-margin-x-end: 8px; --devsite-button-icon-margin-x-start: 8px; --devsi= te-catalog-grid: "sidebar main" 1fr/1fr 3fr; --devsite-chips-gap: 8px; --de= vsite-dynamic-content-margin: 0; --devsite-input-border-radius: var(--devsi= te-card-border-radius); --devsite-input-height: 40px; --devsite-input-paddi= ng: 7px 16px; --devsite-input-width: 100%; --devsite-notice-margin: 16px 0;= --devsite-notice-padding-block: 16px; --devsite-notice-padding-inline: 60p= x 24px; --devsite-catalog-sidebar-button-display: none !important; } [layout=3D"docs"] devsite-catalog { --devsite-catalog-grid: "sidebar main" = 1fr/1fr 2fr; } [layout=3D"docs"] devsite-catalog:not([items-across]), devsite-catalog[temp= late=3D"activity"]:not([items-across]) { --devsite-columns: 2; } devsite-catalog .catalog-filter-chip { --devsite-button-sibling-gap-x: 0; } [dir=3D"ltr"] devsite-catalog .catalog-filter-chip { --devsite-button-paddi= ng: 0 0 0 12px; } [dir=3D"rtl"] devsite-catalog .catalog-filter-chip { --devsite-button-paddi= ng: 0 12px 0 0; } devsite-code, devsite-content { --devsite-code-background: #f1f3f4; --devsi= te-code-color: #37474f; --devsite-var-color: #d01884; } devsite-code { --devsite-code-buttons-toggle-dark-display: inline; --devsit= e-code-buttons-toggle-light-display: none; --devsite-code-comments-color: #= b80672; --devsite-code-keywords-color: #1967d2; --devsite-code-numbers-colo= r: #c5221f; --devsite-code-strings-color: #188038; --devsite-code-types-col= or: #9334e6; --devsite-github-link-icon: url('data:image/svg+xml;utf8,'); } devsite-code[dark-code] { --devsite-code-background: #283142; --devsite-cod= e-buttons-color: hsla(0,0%,100%,.7); --devsite-code-buttons-hover: #fff; --= devsite-code-buttons-toggle-dark-display: none; --devsite-code-buttons-togg= le-light-display: inline; --devsite-code-color: #eceff1; --devsite-code-com= ments-color: #ff8bcb; --devsite-code-keywords-color: #78d9ec; --devsite-cod= e-numbers-color: #fbc02d; --devsite-code-strings-color: #9ccc65; --devsite-= code-types-color: #d7aefb; --devsite-github-link-icon: url('data:image/svg+= xml;utf8,'); --devsite-s= crollbar-thumb-background: hsla(0,0%,100%,.7); --devsite-var-color: #ff8bcb= ; } devsite-content { --devsite-compare-yes-color: #34a853; --devsite-compare-n= o-color: #dd2c00; --devsite-confidential-results-background: hsla(27,93%,94= %,.5); --devsite-search-results-breadcrumb-color: #1e8e3e; --devsite-select= -sibling-gap-x: 16px; --devsite-steps-title-border-focus: 1px solid #174ea6= ; --devsite-steps-title-color: #174ea6; --devsite-dropdown-list-border-radi= us: var( --devsite-dropdown-list-toggle-border-radius ); --devsite-dropdown-list-min-width: 194px; --devsite-dropdown-list-togg= le-background-hover: var(--devsite-background-2); --devsite-dropdown-list-t= oggle-border-radius: 4px; --devsite-dropdown-list-toggle-color: var(--devsi= te-secondary-text-color); --devsite-dropdown-list-toggle-color-hover: var(-= -devsite-primary-text-color); } devsite-device { --devsite-device-border-color: #ddd; } devsite-dynamic-content { --devsite-progress-background: #dadce0; --devsite= -progress-background-2: #dadce0; --devsite-progress-background-4: #dadce0; = --devsite-progress-bar-color: #f9ab00; } devsite-dynamic-content .completed { --devsite-progress-bar-color: #1e8e3e;= } devsite-dynamic-hero { --devsite-background-text-decoration: none; } devsite-footer-linkboxes { --devsite-footer-linkboxes-grid-template-columns= : repeat(auto-fit,minmax(85.4px,1fr)); --devsite-footer-linkboxes-padding: = 0 24px; } devsite-footer-utility devsite-language-selector { --devsite-language-selec= tor-menu-inset-inline: auto 0; --devsite-language-selector-menu-transform: = translate3d(0,calc(-100% - 36px),0); } devsite-header devsite-language-selector { --devsite-select-color: #3c4043;= } devsite-multiple-choice { --devsite-multiple-choice-answer-border-bottom: v= ar(--devsite-primary-border); --devsite-multiple-choice-answer-border-top: = 0; --devsite-multiple-choice-background: var(--devsite-background-2); --dev= site-multiple-choice-border: 0; --devsite-multiple-choice-border-radius: 0;= --devsite-multiple-choice-correct-background: #f8fbf9; --devsite-multiple-= choice-correct-color: #137333; --devsite-multiple-choice-incorrect-backgrou= nd: #fef9f9; --devsite-multiple-choice-incorrect-color: #d32f2f; --devsite-= multiple-choice-overflow: visible; --devsite-multiple-choice-question-backg= round: var( --devsite-secondary-text-color ); --devsite-multiple-choice-question-color: var(--devsite-inverted-text-= color); } devsite-nav-buttons { --devsite-button-primary-background-selected: #174ea6= ; } devsite-playlist { --devsite-playlist-icon-color: #0d652d; --devsite-playli= st-max-width: 936px; --devsite-playlist-padding-x: 40px; } [type=3D"playlist"] { --devsite-card-image-object-fit: contain; } devsite-playlist devsite-bookmark { --devsite-bookmark-background-focus-leg= acy: rgba(138,180,248,.12); --devsite-bookmark-background-hover-legacy: rgb= a(138,180,248,.12); --devsite-bookmark-icon-arrow-color: #dadce0; --devsite= -bookmark-icon-color: #dadce0; --devsite-bookmark-icon-color-saved: #8ab4f8= ; --devsite-bookmark-icon-color-saved-hover: #d2e3fc; --devsite-dropdown-li= st-toggle-background-hover: hsla(220,9%,87%,.24); --devsite-dropdown-list-t= oggle-border: 1px solid #5f6368; --devsite-dropdown-list-toggle-border-hove= r: 1px solid #5f6368; --devsite-dropdown-list-toggle-color-hover: #dadce0; = } devsite-quiz { --devsite-quiz-correct-background: #e6f4ea; --devsite-quiz-c= orrect-border-color: #e6f4ea; --devsite-quiz-correct-border-color-focus: #1= e8e3e; --devsite-quiz-correct-color: #1e8e3e; --devsite-quiz-error-backgrou= nd: #fce8e6; --devsite-quiz-error-border-color: #fce8e6; --devsite-quiz-err= or-border-color-focus: #d93025; --devsite-quiz-error-color: #d93025; --devs= ite-quiz-partially-correct-background: #feefe3; --devsite-quiz-partially-co= rrect-color: #e8710a; --devsite-quiz-partially-correct-indicator-background= : orange; --devsite-quiz-secondary-text-color: #5f6368; } devsite-recommendations-sidebar, devsite-recommended-content { --devsite-re= commendations-accent: #01579b; } devsite-recommended-content { --devsite-background-text-decoration: none; -= -devsite-checkbox-margin-block: 0; --devsite-checkbox-margin-inline: 0; --d= evsite-checkbox-size: 0; --devsite-h1-margin: 0; --devsite-h3-margin: 0; --= devsite-recommended-content-filters-overflow: scroll hidden; --devsite-reco= mmended-content-grid: "list-header" 24px "content"/1fr; --devsite-recommend= ed-content-item-show-all-display: flex; --devsite-recommended-content-toggl= e-display: none; } devsite-recommended-content[filters] { --devsite-recommended-content-grid: = "filters-header" 24px "filters" minmax(40px,auto) "list-header" 24px "conte= nt" /1fr; } devsite-recommended-content devsite-carousel { --devsite-carousel-button-co= lor: var(--devsite-secondary-text-color); --devsite-carousel-button-color-h= over: var(--devsite-primary-text-color); --devsite-carousel-marker-margin-i= nline: -16px 0; --devsite-carousel-marker-size: 8px; --devsite-carousel-mar= kers-background-focus: var( --devsite-secondary-text-color ); --devsite-carousel-markers-background-hover: var( --devsite-secondary-text-color ); --devsite-carousel-markers-gap: 0; --devsite-carousel-prev-next-box-sh= adow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px v= ar(--devsite-elevation-ambient-shadow-color); --devsite-recommended-content= -filters-overflow: initial; } [template=3D"landing"] devsite-recommended-content devsite-carousel { --dev= site-carousel-gap: 0; --devsite-carousel-grid: 1fr auto/24px 24px 1fr 24px = 24px; --devsite-carousel-margin-inline: -24px; --devsite-carousel-markers-g= rid-column: 2/-2; --devsite-carousel-markers-grid-row: 2; --devsite-carouse= l-next-grid-column: -1/-3; --devsite-carousel-prev-grid-column: 1/3; --devs= ite-carousel-prev-next-grid-row: 1; --devsite-carousel-slideshow-grid-colum= n: 2/-2; --devsite-carousel-slideshow-grid-row: 1; --devsite-carousel-slide= show-padding-inline: 24px; } devsite-recommended-content devsite-carousel[data-items-per-slide=3D"auto"]= { --devsite-carousel-gradient-background: var(--devsite-background-3); --d= evsite-carousel-gradient-display: block; --devsite-carousel-gradient-end-gr= id-column: 5; --devsite-carousel-gradient-grid-row: 1; --devsite-carousel-g= radient-start-grid-column: 1; --devsite-carousel-markers-display: none; --d= evsite-carousel-slideshow-margin-block: -8px; --devsite-carousel-slideshow-= padding-block: 8px; } devsite-book-nav, devsite-search { --devsite-searchbox-hover: #e8eaed; --de= vsite-searchbox-inactive: var(--devsite-background-3); --devsite-search-bor= der-radius: 2px; --devsite-search-form-background-active: var(--devsite-bac= kground-3); --devsite-search-height: 36px; --devsite-search-image-top: 6px;= --devsite-search-image-x: 8px; --devsite-search-field-border: 0; --devsite= -search-field-height: 36px; --devsite-search-field-padding-x-start: 40px; } devsite-select { --devsite-select-display: inline-block; } devsite-user { --devsite-notification-background: #1967d2; } google-codelab-about { --google-codelab-about-active-border-color: #1a73e8;= } table { --devsite-alt-table-cell-background: rgba(241,243,244,.75); --devsi= te-h2-border: 0; --devsite-responsive-table-first-column-background: #f1f3f= 4; --devsite-table-cell-background: hsla(0,0%,100%,.95); --devsite-table-he= ading-background: #e8eaed; } table.blue { --devsite-alt-table-cell-background: #f6f7fb; --devsite-table-= heading-background: 0; --devsite-responsive-table-first-column-background: = #f6f7fb; --devsite-table-row-background: #e8eaf6; --devsite-table-row-borde= r: 1px solid #c5cae9; } table.blue table { --devsite-table-heading-background: inherit; } table.cyan { --devsite-alt-table-cell-background: #f4fcfd; --devsite-table-= heading-background: 0; --devsite-responsive-table-first-column-background: = #f4fcfd; --devsite-table-row-background: #e4f7fb; --devsite-table-row-borde= r: 1px solid #a1e4f2; } table.cyan table { --devsite-table-heading-background: inherit; } table.green { --devsite-alt-table-cell-background: #f3faf9; --devsite-table= -heading-background: 0; --devsite-responsive-table-first-column-background:= #f3faf9; --devsite-table-row-background: #e0f2f1; --devsite-table-row-bord= er: 1px solid #b2dfdb; } table.green table { --devsite-table-heading-background: inherit; } table.orange { --devsite-alt-table-cell-background: #fff9f4; --devsite-tabl= e-heading-background: 0; --devsite-responsive-table-first-column-background= : #fff9f4; --devsite-table-row-background: #feefe3; --devsite-table-row-bor= der: 1px solid #fedfc8; } table.orange table { --devsite-table-heading-background: inherit; } table.pink { --devsite-alt-table-cell-background: #fef5fa; --devsite-table-= heading-background: 0; --devsite-responsive-table-first-column-background: = #fef5fa; --devsite-table-row-background: #fde7f3; --devsite-table-row-borde= r: 1px solid #fdcfe8; } table.pink table { --devsite-table-heading-background: inherit; } table.purple { --devsite-alt-table-cell-background: #faf6fe; --devsite-tabl= e-heading-background: 0; --devsite-responsive-table-first-column-background= : #faf6fe; --devsite-table-row-background: #f3e8fd; --devsite-table-row-bor= der: 1px solid #e9d2fd; } table.purple table { --devsite-table-heading-background: inherit; } .devsite-header-billboard { --devsite-h1-margin: 14px 0; } [background] { --devsite-background-button-border-color: transparent; --dev= site-background-button-color: var(--devsite-button-color); --devsite-backgr= ound-button-color-hover: var(--devsite-button-color); --devsite-background-= button-primary-background: var(--devsite-background-1); --devsite-backgroun= d-button-primary-background-hover: var( --devsite-link-background-active ); --devsite-background-button-primary-color: var(--devsite-button-color)= ; --devsite-background-button-primary-color-hover: var(--devsite-button-col= or); --devsite-background-button-white-background-hover: hsla(210,6%,63%,.3= ); --devsite-background-button-white-background-focus: hsla(210,6%,63%,.5);= --devsite-background-button-white-color: var(--devsite-inverted-text-color= ); --devsite-heading-color: var(--devsite-inverted-text-color); --devsite-i= con-color: var(--devsite-inverted-text-color); --devsite-icon-color-hover: = var(--devsite-inverted-text-color-hover); --devsite-link-color: var(--devsi= te-inverted-text-color); } .devsite-landing-row-cta { --devsite-button-border: 1px solid transparent; = --devsite-button-border-active: 1px solid transparent; --devsite-button-bor= der-hover: 1px solid transparent; --devsite-button-primary-background: var(= --devsite-background-1); --devsite-button-primary-background-hover: var( --devsite-link-background-active ); --devsite-button-primary-color: var(--devsite-button-color); --devsite= -button-primary-color-hover: var(--devsite-button-color); --devsite-button-= raised-background: var(--devsite-background-1); --devsite-button-raised-bac= kground-active: var( --devsite-link-background-active ); --devsite-button-raised-background-hover: var( --devsite-link-background-active ); --devsite-button-white-background-focus: hsla(210,6%,63%,.5); --devsit= e-button-white-background-hover: hsla(210,6%,63%,.3); --devsite-button-whit= e-color: var(--devsite-inverted-text-color); } [theme=3D"cyan"] .devsite-landing-row-cta, [theme=3D"google-yellow"] .devsi= te-landing-row-cta, [theme=3D"orange"] .devsite-landing-row-cta, [theme=3D"= pale-blue"] .devsite-landing-row-cta { --devsite-button-white-color: #20212= 4; --devsite-text-color: #202124; } [background=3D"theme"] { --devsite-background-color: var(--devsite-primary-= color); } [background=3D"grey"], [background=3D"white"] { --devsite-background-button= -border-color: #dadce0; --devsite-background-button-color: var(--devsite-bu= tton-color); --devsite-background-button-color-hover: var(--devsite-button-= color); --devsite-background-button-primary-background: var( --devsite-button-primary-background ); --devsite-background-button-primary-background-hover: var( --devsite-button-primary-background-hover ); --devsite-background-button-primary-color: var( --devsite-button-primary-color ); --devsite-background-button-primary-color-hover: var( --devsite-button-primary-color-hover ); --devsite-background-button-white-color: var(--devsite-button-color); = --devsite-icon-color: var(--devsite-secondary-text-color); --devsite-icon-c= olor-hover: var(--devsite-link-color); } [background=3D"blue-grey"] { --devsite-background-color: #607d8b; } [foreground=3D"blue-grey"], [theme=3D"blue-grey"] [foreground=3D"theme"] { = --devsite-foreground-color: #607d8b; --devsite-foreground-button-background= -hover: #eff2f3; --devsite-foreground-button-border-color: #dadce0; --devsi= te-foreground-button-border-color-hover: #d7dfe2; --devsite-foreground-butt= on-border-color-active: #eff2f3; --devsite-foreground-button-color: #607d8b= ; --devsite-foreground-button-primary-background: #607d8b; --devsite-foregr= ound-button-primary-background-hover: #455a64; --devsite-foreground-button-= primary-color: #fff; } [background=3D"blue-grey-dark"] { --devsite-background-color: #455a64; } [foreground=3D"blue-grey-dark"], [theme=3D"blue-grey-dark"] [foreground=3D"= theme"] { --devsite-foreground-color: #455a64; --devsite-foreground-button-= background-hover: #eceff0; --devsite-foreground-button-border-color: #dadce= 0; --devsite-foreground-button-border-color-hover: #d1d6d8; --devsite-foreg= round-button-border-color-active: #eceff0; --devsite-foreground-button-colo= r: #455a64; --devsite-foreground-button-primary-background: #455a64; --devs= ite-foreground-button-primary-background-hover: #37474f; --devsite-foregrou= nd-button-primary-color: #fff; } [background=3D"cyan"] { --devsite-background-color: #12b5cb; } [foreground=3D"cyan"], [theme=3D"cyan"] [foreground=3D"theme"] { --devsite-= foreground-color: #12b5cb; --devsite-foreground-button-background-hover: #e= 7f8fa; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #c4edf2; --devsite-foreground-button-border-= color-active: #e7f8fa; --devsite-foreground-button-color: #12b5cb; --devsit= e-foreground-button-primary-background: #12b5cb; --devsite-foreground-butto= n-primary-background-hover: #098591; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"deep-orange"] { --devsite-background-color: #ff5722; } [foreground=3D"deep-orange"], [theme=3D"deep-orange"] [foreground=3D"theme"= ] { --devsite-foreground-color: #ff5722; --devsite-foreground-button-backgr= ound-hover: #ffeee9; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #ffd5c8; --devsite-foreground-= button-border-color-active: #ffeee9; --devsite-foreground-button-color: #ff= 5722; --devsite-foreground-button-primary-background: #ff5722; --devsite-fo= reground-button-primary-background-hover: #e64a19; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"deep-purple"] { --devsite-background-color: #673ab7; } [foreground=3D"deep-purple"], [theme=3D"deep-purple"] [foreground=3D"theme"= ] { --devsite-foreground-color: #673ab7; --devsite-foreground-button-backgr= ound-hover: #f0ebf8; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #d9ceed; --devsite-foreground-= button-border-color-active: #f0ebf8; --devsite-foreground-button-color: #67= 3ab7; --devsite-foreground-button-primary-background: #673ab7; --devsite-fo= reground-button-primary-background-hover: #512da8; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"google-blue"] { --devsite-background-color: #1a73e8; } [foreground=3D"google-blue"], [theme=3D"google-blue"] [foreground=3D"theme"= ] { --devsite-foreground-color: #1a73e8; --devsite-foreground-button-backgr= ound-hover: #e8f1fd; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #c6dcf9; --devsite-foreground-= button-border-color-active: #e8f1fd; --devsite-foreground-button-color: #1a= 73e8; --devsite-foreground-button-primary-background: #1a73e8; --devsite-fo= reground-button-primary-background-hover: #185abc; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"google-green"] { --devsite-background-color: #1e8e3e; } [foreground=3D"google-green"], [theme=3D"google-green"] [foreground=3D"them= e"] { --devsite-foreground-color: #1e8e3e; --devsite-foreground-button-back= ground-hover: #e9f4ec; --devsite-foreground-button-border-color: #dadce0; -= -devsite-foreground-button-border-color-hover: #c7e3cf; --devsite-foregroun= d-button-border-color-active: #e9f4ec; --devsite-foreground-button-color: #= 1e8e3e; --devsite-foreground-button-primary-background: #1e8e3e; --devsite-= foreground-button-primary-background-hover: #137333; --devsite-foreground-b= utton-primary-color: #fff; } [background=3D"google-red"] { --devsite-background-color: #d93025; } [foreground=3D"google-red"], [theme=3D"google-red"] [foreground=3D"theme"] = { --devsite-foreground-color: #d93025; --devsite-foreground-button-backgrou= nd-hover: #fbeae9; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #f6cbc9; --devsite-foreground-bu= tton-border-color-active: #fbeae9; --devsite-foreground-button-color: #d930= 25; --devsite-foreground-button-primary-background: #d93025; --devsite-fore= ground-button-primary-background-hover: #b31412; --devsite-foreground-butto= n-primary-color: #fff; } [background=3D"google-yellow"] { --devsite-background-color: #f9ab00; } [foreground=3D"google-yellow"], [theme=3D"google-yellow"] [foreground=3D"th= eme"] { --devsite-foreground-color: #f9ab00; --devsite-foreground-button-ba= ckground-hover: #fef7e6; --devsite-foreground-button-border-color: #dadce0;= --devsite-foreground-button-border-color-hover: #feeabf; --devsite-foregro= und-button-border-color-active: #fef7e6; --devsite-foreground-button-color:= #f9ab00; --devsite-foreground-button-primary-background: #f9ab00; --devsit= e-foreground-button-primary-background-hover: #ea8600; --devsite-foreground= -button-primary-color: #fff; } [background=3D"indigo"] { --devsite-background-color: #3f51b5; } [foreground=3D"indigo"], [theme=3D"indigo"] [foreground=3D"theme"] { --devs= ite-foreground-color: #3f51b5; --devsite-foreground-button-background-hover= : #eceef8; --devsite-foreground-button-border-color: #dadce0; --devsite-for= eground-button-border-color-hover: #cfd4ed; --devsite-foreground-button-bor= der-color-active: #eceef8; --devsite-foreground-button-color: #3f51b5; --de= vsite-foreground-button-primary-background: #3f51b5; --devsite-foreground-b= utton-primary-background-hover: #303f9f; --devsite-foreground-button-primar= y-color: #fff; } [background=3D"orange"] { --devsite-background-color: #e8710a; } [foreground=3D"orange"], [theme=3D"orange"] [foreground=3D"theme"] { --devs= ite-foreground-color: #e8710a; --devsite-foreground-button-background-hover= : #fdf1e7; --devsite-foreground-button-border-color: #dadce0; --devsite-for= eground-button-border-color-hover: #f9dcc2; --devsite-foreground-button-bor= der-color-active: #fdf1e7; --devsite-foreground-button-color: #e8710a; --de= vsite-foreground-button-primary-background: #e8710a; --devsite-foreground-b= utton-primary-background-hover: #c26401; --devsite-foreground-button-primar= y-color: #fff; } [background=3D"pink"] { --devsite-background-color: #e52592; } [foreground=3D"pink"], [theme=3D"pink"] [foreground=3D"theme"] { --devsite-= foreground-color: #e52592; --devsite-foreground-button-background-hover: #f= ce9f4; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #f9c9e4; --devsite-foreground-button-border-= color-active: #fce9f4; --devsite-foreground-button-color: #e52592; --devsit= e-foreground-button-primary-background: #e52592; --devsite-foreground-butto= n-primary-background-hover: #b80672; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"purple"] { --devsite-background-color: #9334e6; } [foreground=3D"purple"], [theme=3D"purple"] [foreground=3D"theme"] { --devs= ite-foreground-color: #9334e6; --devsite-foreground-button-background-hover= : #f4ebfd; --devsite-foreground-button-border-color: #dadce0; --devsite-for= eground-button-border-color-hover: #e4ccf9; --devsite-foreground-button-bor= der-color-active: #f4ebfd; --devsite-foreground-button-color: #9334e6; --de= vsite-foreground-button-primary-background: #9334e6; --devsite-foreground-b= utton-primary-background-hover: #7627bb; --devsite-foreground-button-primar= y-color: #fff; } [background=3D"teal"] { --devsite-background-color: #009688; } [foreground=3D"teal"], [theme=3D"teal"] [foreground=3D"theme"] { --devsite-= foreground-color: #009688; --devsite-foreground-button-background-hover: #e= 6f5f3; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #bfe5e1; --devsite-foreground-button-border-= color-active: #e6f5f3; --devsite-foreground-button-color: #009688; --devsit= e-foreground-button-primary-background: #009688; --devsite-foreground-butto= n-primary-background-hover: #00796b; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"blue"] { --devsite-background-color: #1a73e8; } [foreground=3D"blue"], [theme=3D"blue"] [foreground=3D"theme"] { --devsite-= foreground-color: #1a73e8; --devsite-foreground-button-background-hover: #e= 8f1fd; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #c6dcf9; --devsite-foreground-button-border-= color-active: #e8f1fd; --devsite-foreground-button-color: #1a73e8; --devsit= e-foreground-button-primary-background: #1a73e8; --devsite-foreground-butto= n-primary-background-hover: #185abc; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"green"] { --devsite-background-color: #1e8e3e; } [foreground=3D"green"], [theme=3D"green"] [foreground=3D"theme"] { --devsit= e-foreground-color: #1e8e3e; --devsite-foreground-button-background-hover: = #e9f4ec; --devsite-foreground-button-border-color: #dadce0; --devsite-foreg= round-button-border-color-hover: #c7e3cf; --devsite-foreground-button-borde= r-color-active: #e9f4ec; --devsite-foreground-button-color: #1e8e3e; --devs= ite-foreground-button-primary-background: #1e8e3e; --devsite-foreground-but= ton-primary-background-hover: #137333; --devsite-foreground-button-primary-= color: #fff; } [background=3D"light-blue"] { --devsite-background-color: #0288d1; } [foreground=3D"light-blue"], [theme=3D"light-blue"] [foreground=3D"theme"] = { --devsite-foreground-color: #0288d1; --devsite-foreground-button-backgrou= nd-hover: #e6f3fa; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #c0e1f4; --devsite-foreground-bu= tton-border-color-active: #e6f3fa; --devsite-foreground-button-color: #0288= d1; --devsite-foreground-button-primary-background: #0288d1; --devsite-fore= ground-button-primary-background-hover: #01579b; --devsite-foreground-butto= n-primary-color: #fff; } [background=3D"light-green"] { --devsite-background-color: #8bc34a; } [foreground=3D"light-green"], [theme=3D"light-green"] [foreground=3D"theme"= ] { --devsite-foreground-color: #8bc34a; --devsite-foreground-button-backgr= ound-hover: #f3f9ed; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #e2f0d2; --devsite-foreground-= button-border-color-active: #f3f9ed; --devsite-foreground-button-color: #8b= c34a; --devsite-foreground-button-primary-background: #8bc34a; --devsite-fo= reground-button-primary-background-hover: #689f38; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"navy"] { --devsite-background-color: #3f51b5; } [foreground=3D"navy"], [theme=3D"navy"] [foreground=3D"theme"] { --devsite-= foreground-color: #3f51b5; --devsite-foreground-button-background-hover: #e= ceef8; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #cfd4ed; --devsite-foreground-button-border-= color-active: #eceef8; --devsite-foreground-button-color: #3f51b5; --devsit= e-foreground-button-primary-background: #3f51b5; --devsite-foreground-butto= n-primary-background-hover: #303f9f; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"pale-blue"] { --devsite-background-color: #12b5cb; } [foreground=3D"pale-blue"], [theme=3D"pale-blue"] [foreground=3D"theme"] { = --devsite-foreground-color: #12b5cb; --devsite-foreground-button-background= -hover: #e7f8fa; --devsite-foreground-button-border-color: #dadce0; --devsi= te-foreground-button-border-color-hover: #c4edf2; --devsite-foreground-butt= on-border-color-active: #e7f8fa; --devsite-foreground-button-color: #12b5cb= ; --devsite-foreground-button-primary-background: #12b5cb; --devsite-foregr= ound-button-primary-background-hover: #098591; --devsite-foreground-button-= primary-color: #fff; } [background=3D"cyan"] { --devsite-background-color: #43cde6; } [background=3D"google-yellow"] { --devsite-background-color: #fcc934; } [background=3D"light-green"] { --devsite-background-color: #aed581; } [background=3D"orange"] { --devsite-background-color: #fcad70; } [background=3D"grey"], [background=3D"light-green"] { --devsite-link-color:= unset; } [background=3D"grey"] { --devsite-background-color: var(--devsite-backgroun= d-3); --devsite-heading-color: var(--devsite-primary-text-color); --devsite= -text-color: var(--devsite-primary-text-color); --devsite-text-color-hover:= var(--devsite-secondary-text-color); } [background=3D"light-green"] { --devsite-background-button-white-color: #20= 2124; --devsite-icon-color: #202124; --devsite-icon-color-hover: #5f6368; -= -devsite-text-color: #202124; --devsite-text-color-hover: #5f6368; } [foreground=3D"light-green"] { --devsite-foreground-button-primary-color: #= 202124; } .devsite-landing-row-item-labels [background=3D"light-green"]:not([foregrou= nd]) { --devsite-text-color: #202124; } [background=3D"cyan"], [background=3D"google-yellow"], [background=3D"orang= e"], [background=3D"pale-blue"], [theme=3D"cyan"] [background=3D"theme"], [= theme=3D"google-yellow"] [background=3D"theme"], [theme=3D"orange"] [backgr= ound=3D"theme"], [theme=3D"pale-blue"] [background=3D"theme"] { --devsite-b= ackground-button-white-color: #202124; --devsite-heading-color: #202124; --= devsite-icon-color: #202124; --devsite-icon-color-hover: #5f6368; --devsite= -link-color: #202124; --devsite-text-color: #202124; --devsite-text-color-h= over: #5f6368; } [background=3D"white"] { --devsite-background-color: var(--devsite-backgrou= nd-1); --devsite-heading-color: var(--devsite-primary-text-color); --devsit= e-link-color: unset; --devsite-text-color: var(--devsite-primary-text-color= ); --devsite-text-color-hover: var(--devsite-secondary-text-color); } [foreground=3D"cyan"], [foreground=3D"google-yellow"], [foreground=3D"orang= e"], [foreground=3D"pale-blue"] { --devsite-foreground-button-primary-color= : #202124; } [foreground=3D"theme"] { --devsite-icon-color: var(--devsite-primary-color)= ; } [foreground=3D"theme"] .devsite-heading-link { --devsite-icon-color: var(--= devsite-secondary-text-color); --devsite-icon-color-hover: var(--devsite-li= nk-color); } [foreground=3D"white"] { --devsite-icon-color: var(--devsite-inverted-text-= color); --devsite-text-color: var(--devsite-inverted-text-color); } .devsite-landing-row-item-labels [background]:not([foreground]) { --devsite= -text-color: #fff; } .devsite-landing-row-item-labels [background=3D"cyan"]:not([foreground]), .= devsite-landing-row-item-labels [background=3D"google-yellow"]:not([foregro= und]), .devsite-landing-row-item-labels [background=3D"orange"]:not([foregr= ound]), .devsite-landing-row-item-labels [background=3D"pale-blue"]:not([fo= reground]) { --devsite-text-color: #202124; } [layout=3D"docs"] { --devsite-banner-margin: -40px -40px 40px; } [layout=3D"docs"], [layout=3D"docs"][template=3D"landing"] { --devsite-bann= er-message-padding: 20px 40px; } [layout=3D"full"], [template=3D"landing"] { --devsite-banner-message-paddin= g: 20px 24px; } [layout=3D"full"] { --devsite-banner-margin: -40px calc(50% - 50vw) 40px; -= -devsite-main-content-max-width: 1600px; --devsite-main-content-padding: 40= px 80px; } [template=3D"404"], [template=3D"offline"] { --devsite-404-links-columns: 4= ; --devsite-404-search-margin: 0 0 160px; --devsite-main-content-padding: 0= 80px; } [layout][template=3D"landing"], [layout][template=3D"playlist"], [layout][t= emplate=3D"profile"], [layout][template=3D"quiz"], [layout][template=3D"top= ic"] { --devsite-banner-margin: 0; --devsite-main-content-max-width: none; = --devsite-main-content-padding: 0; } [layout=3D"full"]:not([template=3D"landing"]) { --devsite-notice-margin: 16= px calc(50% - 50vw); --devsite-notice-padding-block: 16px; --devsite-notice= -padding-inline: calc(50vw - 50% + 36px) calc(50vw - 50%); } [layout=3D"full"] devsite-content, [template=3D"landing"] devsite-content {= --devsite-breadcrumb-list-display: none; --devsite-breadcrumb-list-padding= : 20px 24px; } [layout=3D"full"][template=3D"search"] devsite-content { --devsite-breadcru= mb-list-padding: inherit; } .devsite-landing-row { --devsite-landing-group-padding: 0 24px; --devsite-l= anding-row-padding: 40px 0; } [layout=3D"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; } .devsite-landing-row-1-up { --devsite-1-up-grid-template-columns: repeat(12= ,1fr); --devsite-1-up-no-media-description-grid-column: 1/span 8; --devsite= -custom-image-icon-font-size: 256px; --devsite-custom-image-icon-max-height= : 256px; --devsite-custom-image-icon-width: 256px; } .devsite-landing-row-2-up, .devsite-landing-row-50 { --devsite-custom-image= -icon-font-size: 192px; --devsite-custom-image-icon-max-height: 192px; --de= vsite-custom-image-icon-width: 192px; } .devsite-landing-row-3-up, .devsite-landing-row-67 { --devsite-custom-image= -icon-font-size: 128px; --devsite-custom-image-icon-max-height: 128px; --de= vsite-custom-image-icon-width: 128px; } .devsite-landing-row-4-up, .devsite-landing-row-75, [layout=3D"docs"] .devs= ite-landing-row-2-up { --devsite-custom-image-icon-font-size: 96px; --devsi= te-custom-image-icon-max-height: 96px; --devsite-custom-image-icon-width: 9= 6px; } .devsite-landing-row-2-up { --devsite-landing-row-group-grid: auto-flow/rep= eat(2,1fr); } .devsite-landing-row-3-up { --devsite-landing-row-group-grid: auto-flow/rep= eat(3,1fr); } .devsite-landing-row-4-up { --devsite-landing-row-group-grid: auto-flow/rep= eat(4,1fr); } [header-position=3D"left"], [header-position=3D"right"] { --devsite-landing= -row-group-grid: auto-flow/repeat(2,1fr); } [size=3D"small"] { --devsite-icon-size: 24px; } [size=3D"medium"] { --devsite-icon-size: 48px; } [size=3D"large"] { --devsite-icon-size: 96px; } [size=3D"xlarge"] { --devsite-icon-size: 144px; } .devsite-landing-row-logos [size] { --devsite-custom-image-icon-font-size: = 96px; --devsite-custom-image-icon-max-height: 96px; --devsite-custom-image-= icon-width: 96px; --devsite-icon-size: 96px; } [background][size] { --devsite-icon-margin-block: 0; --devsite-icon-margin-= inline: 0; } [background][size=3D"small"] { --devsite-icon-canvas-size: 28px; --devsite-= icon-size: 18px; } [background][size=3D"medium"], [size=3D"medium"] { --devsite-icon-canvas-si= ze: 56px; } [background][size=3D"medium"] { --devsite-icon-size: 36px; } [background][size=3D"large"] { --devsite-icon-canvas-size: 112px; --devsite= -icon-size: 72px; } [background][size=3D"xlarge"] { --devsite-icon-canvas-size: 168px; --devsit= e-icon-size: 108px; } [icon-position^=3D"bottom"] { --devsite-icon-canvas-margin-block: 8px 0; } [icon-position=3D"bottom"] { --devsite-icon-canvas-margin-inline: 0; --devs= ite-icon-margin-inline: 0; } [icon-position=3D"bottom-right"] { --devsite-icon-canvas-margin-inline: 20p= x 0; --devsite-icon-margin-inline: 0 4px; } [icon-position=3D"right"] { --devsite-icon-canvas-margin-block: 0; --devsit= e-icon-canvas-margin-inline: 20px 0; --devsite-icon-margin-block: 0; --devs= ite-icon-margin-inline: 0; } [icon-position=3D"top"] { --devsite-header-icon-canvas-margin-block: 0 20px= ; --devsite-header-icon-canvas-margin-inline: 0; } [icon-position=3D"top"] [size=3D"small"] { --devsite-icon-canvas-margin-blo= ck: 0 12px; } [icon-position=3D"top"] [size=3D"medium"] { --devsite-icon-canvas-margin-bl= ock: 0 16px; } [icon-position=3D"top"] [size=3D"large"] { --devsite-icon-canvas-margin-blo= ck: 0 24px; } [icon-position=3D"top"] [size=3D"xlarge"] { --devsite-icon-canvas-margin-bl= ock: 0 32px; } .devsite-landing-row-header-centered, .devsite-landing-row-header-centered = [icon-position=3D"top"] { --devsite-header-icon-canvas-margin-inline: auto;= } .devsite-landing-row-item-centered { --devsite-icon-margin-inline: auto; } @media screen and (max-width: 1253px) { [layout] devsite-catalog { --devsite-catalog-grid: "main"/1fr; --devsite-= catalog-sidebar-button-margin: 0 0 16px; --devsite-columns: 2; --devsite-ca= talog-sidebar-button-display: inline-block !important; } devsite-recommended-content { --devsite-columns: 3; } } @media screen and (max-width: 1440px) { [template] devsite-recommended-content devsite-carousel[data-items-per-sl= ide=3D"auto"] { --devsite-carousel-gap: 0; --devsite-carousel-ghost-item-wi= dth: 16px; --devsite-carousel-gradient-start-grid-column: 2; --devsite-caro= usel-gradient-end-grid-column: -2; --devsite-carousel-gradient-width: 80px;= --devsite-carousel-grid: minmax(40px,auto) /0 48px 1fr 48px 0; --devsite-c= arousel-slideshow-scroll-padding: 0 24px; } } @media screen and (max-width: 840px) { [template=3D"page"] devsite-carousel[data-full-width], [template=3D"page"= ] devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-carousel-gap:= 16px 24px; --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0; --devsite-= carousel-margin-inline: -24px; --devsite-carousel-markers-grid-column: 3; -= -devsite-carousel-next-grid-column: 4; --devsite-carousel-prev-grid-column:= 2; --devsite-carousel-slideshow-grid-column: 1/-1; --devsite-carousel-slid= eshow-padding-inline: 24px; } [template=3D"page"] devsite-carousel[data-items-per-slide=3D"auto"] { --d= evsite-carousel-ghost-item-width: 16px; --devsite-carousel-slideshow-scroll= -padding: 0 24px; } devsite-footer-utility devsite-language-selector { --devsite-language-sel= ector-menu-inset-inline: 0 auto; } devsite-playlist { --devsite-playlist-max-width: 768px; --devsite-playlis= t-padding-x: 40px; } devsite-recommended-content { --devsite-columns: 2; --devsite-recommended= -content-filters-margin-inline: -24px; --devsite-recommended-content-filter= s-padding-inline: 24px; --devsite-recommended-content-filters-width: calc(1= 00% + 48px); } [layout] { --devsite-banner-margin: -24px -24px 24px; } [layout][template] { --devsite-banner-message-padding: 20px 24px; } [layout=3D"full"] { --devsite-main-content-padding: 24px; } [template=3D"404"], [template=3D"offline"] { --devsite-404-links-columns:= 2; --devsite-404-search-margin: 0 0 80px; --devsite-main-content-padding: = 0 24px; } .devsite-landing-row, [class^=3D"devsite-landing-row-padding-"] { --devsi= te-landing-row-padding: 24px 0; } [layout=3D"docs"] .devsite-landing-row { --devsite-landing-group-padding:= 0 24px; } .devsite-landing-row-1-up { --devsite-1-up-grid-template-columns: repeat(= 2,1fr); --devsite-1-up-no-media-description-grid-column: 1/span 2; } .devsite-landing-row-1-up, .devsite-landing-row-2-up, .devsite-landing-ro= w-3-up, .devsite-landing-row-4-up { --devsite-custom-image-icon-font-size: = 128px; --devsite-custom-image-icon-max-height: 128px; --devsite-custom-imag= e-icon-width: 128px; } .devsite-landing-row-3-up, .devsite-landing-row-4-up { --devsite-landing-= row-group-grid: auto-flow/repeat(2,1fr); } [icon-position^=3D"bottom"] { --devsite-icon-canvas-margin-block: 0; --de= vsite-icon-canvas-margin-inline: 20px 0; --devsite-icon-margin-inline: 0 4p= x; } } @media screen and (max-width: 600px) { :root { --devsite-item-gap: 16px; } [layout][template] { --devsite-banner-message-padding: 16px; } [layout=3D"full"] { --devsite-main-content-padding: 16px; --devsite-notic= e-margin: 16px -40px; --devsite-notice-padding-block: 16px; --devsite-notic= e-padding-inline: 76px 40px; } [layout=3D"full"] devsite-content, [template=3D"landing"] devsite-content= { --devsite-breadcrumb-list-padding: 20px 16px; } [template=3D"404"], [template=3D"offline"] { --devsite-404-search-margin:= 0 0 40px; --devsite-main-content-padding: 0 16px; } [template] devsite-carousel[data-full-width], [template] devsite-carousel= [data-items-per-slide=3D"auto"] { --devsite-carousel-gap: 16px 16px; --devs= ite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0; --devsite-carousel-margin-in= line: -16px; --devsite-carousel-markers-grid-column: 3; --devsite-carousel-= next-grid-column: 4; --devsite-carousel-prev-grid-column: 2; --devsite-caro= usel-slideshow-grid-column: 1/-1; --devsite-carousel-slideshow-padding-inli= ne: 16px; } [template] devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-ca= rousel-ghost-item-width: 8px; --devsite-carousel-slideshow-scroll-padding: = 0 16px; } devsite-content { --devsite-select-sibling-gap-x: 0; --devsite-select-sib= ling-gap-y: 16px; } devsite-footer-linkboxes { --devsite-footer-linkboxes-grid-template-colum= ns: 1fr; --devsite-footer-linkboxes-padding: 0 16px; } devsite-playlist { --devsite-playlist-max-width: 100%; --devsite-playlist= -padding-x: 24px; } [template] devsite-recommended-content devsite-carousel { --devsite-carou= sel-margin-inline: -16px; --devsite-carousel-markers-display: none; --devsi= te-carousel-prev-next-display: none; --devsite-carousel-slideshow-grid-colu= mn: 1/-1; --devsite-carousel-slideshow-padding-inline: 16px; --devsite-caro= usel-slideshow-scroll-padding: 0 16px; --devsite-carousel-item-width: 70vw = !important; } devsite-recommended-content devsite-carousel[data-items-per-slide=3D"auto= "] { --devsite-carousel-gradient-display: none; --devsite-carousel-item-fle= x: initial; } devsite-select { --devsite-select-display: block; } .devsite-landing-row, [class^=3D"devsite-landing-row-padding-"] { --devsi= te-landing-group-padding: 0 16px; --devsite-landing-row-padding: 16px 0; } [layout=3D"docs"] .devsite-landing-row { --devsite-landing-group-padding:= 0 16px; } .devsite-landing-row-1-up, .devsite-landing-row-2-up, .devsite-landing-ro= w-3-up { --devsite-item-display: block; } .devsite-landing-row-2-up, .devsite-landing-row-3-up, .devsite-landing-ro= w-4-up, .devsite-landing-row[header-position] { --devsite-landing-row-group= -grid: auto-flow/1fr; } } :root { --devsite-headline-font-family: Google Sans,Noto Sans,Noto Sans JP,= Noto Sans KR,Noto Naskh Arabic,Noto Sans Thai,Noto Sans Hebrew,Noto Sans Be= ngali,sans-serif; --devsite-heading-color: #202124; --devsite-display-font:= 400 44px/52px var(--devsite-headline-font-family); --devsite-h1-font: 400 = 32px/40px var(--devsite-headline-font-family); --devsite-h1-letter-spacing:= 0; --devsite-h1-margin: 48px 0 24px; --devsite-h2-border: 0; --devsite-h2-= font: 400 24px/32px var(--devsite-headline-font-family); --devsite-h2-lette= r-spacing: 0; --devsite-h2-margin: 48px 0 24px; --devsite-h2-padding: 0; --= devsite-h3-font: 400 20px/28px var(--devsite-headline-font-family); --devsi= te-table-heading-font: 500 14px/20px var(--devsite-primary-font-family); --= devsite-wordmark-font: 400 22px/32px var(--devsite-headline-font-family); -= -devsite-button-background-hover: #e8f0fe; --devsite-button-background-acti= ve: #e8f0fe; --devsite-button-border: 1px solid #dadce0; --devsite-button-b= order-hover: 1px solid #d2e3fc; --devsite-button-border-active: 1px solid #= e8f0fe; --devsite-button-border-radius: 4px; --devsite-button-box-shadow: n= one; --devsite-button-box-shadow-active: 0 1px 2px 0 var(--devsite-elevatio= n-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-co= lor); --devsite-button-font: 500 14px/36px var(--devsite-headline-font-fami= ly); --devsite-button-line-height: 34px; --devsite-button-padding: 0 24px; = --devsite-button-text-transform: none; --devsite-background-button-color: #= d2e3fc; --devsite-background-button-color-hover: #d2e3fc; --devsite-button-= disabled-background: transparent; --devsite-button-disabled-border: 1px sol= id #f8f9fa; --devsite-button-disabled-color: #9aa0a6; --devsite-button-disa= bled-line-height: 34px; --devsite-button-primary-background: #1a73e8; --dev= site-button-primary-background-hover: #1765cc; --devsite-button-primary-bac= kground-active: #185abc; --devsite-button-primary-box-shadow-hover: 0 1px 2= px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-= elevation-ambient-shadow-color); --devsite-background-button-primary-backgr= ound-hover: #e8f0fe; --devsite-background-button-primary-color: #d2e3fc; --= devsite-background-button-primary-color-hover: #d2e3fc; --devsite-button-wh= ite-background-hover: #e8f0fe; --devsite-button-white-background-active: #e= 8f0fe; --devsite-button-white-box-shadow-active: 0 1px 2px 0 var(--devsite-= elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation-ambient-s= hadow-color); --devsite-button-raised-background-hover: #e8f0fe; --devsite-= button-raised-background-active: #e8f0fe; --devsite-button-with-icon-paddin= g: 0 15px; --devsite-button-material-icon-margin-x: -12px; --devsite-button= -white-material-icon-margin-x: 0; --devsite-card-border: var(--devsite-prim= ary-border); --devsite-card-border-radius: 8px; --devsite-card-box-shadow: = none; --devsite-card-content-border-radius: 7px 7px 0 0; --devsite-card-lis= t-item-border-radius: 0; --devsite-card-list-item-margin: 0; --devsite-card= -list-overflow: hidden; --devsite-feature-tooltip-border-radius: 8px; --dev= site-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,.38); --devsite-in= put-file-padding: 8px 24px; } @media screen and (max-width: 600px) { :root { --devsite-display-font: 400 24px/32px var(--devsite-headline-font= -family); --devsite-h1-font: 400 24px/32px var(--devsite-headline-font-fami= ly); } } .button-primary, .button-raised { --devsite-button-disabled-background: rgb= a(241,243,244,.38); --devsite-button-disabled-border: 0; } .devsite-article-body > :is(aside, .beta, .caution, .deprecated, .dogfood, = .experimental, .key-point, .key-term, .note, .objective, .preview, .special= , .success, .tip, .warning):not([class*=3D"attempt"]), .devsite-article-bod= y > :is(div, p, section) > :is(aside, .beta, .caution, .deprecated, .dogfoo= d, .experimental, .key-point, .key-term, .note, .objective, .preview, .spec= ial, .success, .tip, .warning):not([class*=3D"attempt"]) { --devsite-notice= -margin: 16px -40px; --devsite-notice-padding-block: 16px; --devsite-notice= -padding-inline: 76px 40px; } .devsite-breadcrumb-list { --devsite-font-family: var(--devsite-headline-fo= nt-family); } .devsite-header-billboard { --devsite-h1-font: 400 44px/52px var(--devsite-= headline-font-family); --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-product-button-row { --devsite-button-border: 0; --devsite-button-= border-hover: 0; --devsite-button-border-active: 0; } devsite-book-nav { --devsite-nav-divider-background: var(--devsite-backgrou= nd-3); --devsite-nav-heading-color-hover: var(--devsite-secondary-text-colo= r); --devsite-nav-title-background-active: var( --devsite-link-background-active ); --devsite-nav-title-background-hover: var(--devsite-background-3); --d= evsite-nav-title-color-hover: var(--devsite-primary-text-color); --devsite-= nav-title-margin-x: 8px; --devsite-nav-title-no-path-color-hover: var( --devsite-secondary-text-color ); } devsite-code { --devsite-code-button-size: 32px; } .devsite-article-body > devsite-code { --devsite-code-buttons-container-rig= ht: 40px; --devsite-code-margin: 16px -40px; --devsite-code-padding-block: = 24px; --devsite-code-padding-inline: 40px; } @media screen and (max-width: 840px) { .devsite-article-body > devsite-code { --devsite-code-buttons-container-r= ight: 24px; --devsite-code-margin: 16px -24px; --devsite-code-padding-inlin= e: 24px; } } @media screen and (max-width: 600px) { .devsite-article-body > devsite-code { --devsite-code-buttons-container-r= ight: 16px; --devsite-code-margin: 16px -16px; --devsite-code-padding-inlin= e: 16px; } } .devsite-article-body > devsite-code:last-child { --devsite-code-margin: 16= px -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-catalog { --devsite-button-icon-content: "clear"; --devsite-button-= icon-margin-x-end: 6px; --devsite-chips-gap: 16px 8px; } devsite-catalog .catalog-show-sidebar-button { --devsite-button-border-radi= us: 16px; --devsite-button-height: 32px; --devsite-button-line-height: 30px= ; } devsite-content { --devsite-search-term-color: #5f6368; --devsite-search-te= rm-weight: 400; } devsite-dialog { --devsite-border-radius: 8px; --devsite-feedback-buttons-p= adding: 16px 24px 8px; --devsite-heading-font: 400 18px/30px var(--devsite-= headline-font-family); --devsite-heading-text-align: center; } devsite-footer-linkboxes, devsite-footer-promos { --devsite-footer-heading-= font: 400 16px/26px var(--devsite-headline-font-family); --devsite-footer-h= eading-font-weight: 400; --devsite-footer-heading-margin: 1px 0 4px; --devs= ite-footer-list-heading-margin: 34px 0 0; } devsite-header { --devsite-button-line-height: 36px; --devsite-header-link-= background-active: var( --devsite-link-background-active ); --devsite-header-link-box-shadow-active: 0 1px 2px 0 var(--devsite-ele= vation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-shad= ow-color); --devsite-header-link-color: var(--devsite-link-color); --devsit= e-header-link-color-active: var(--devsite-link-color); } devsite-jump-to { --devsite-link-background: #fff; --devsite-link-backgroun= d-hover: #e8f0fe; --devsite-link-color: #1a73e8; } devsite-multiple-choice { --devsite-multiple-choice-answer-border-bottom: 0= ; --devsite-multiple-choice-answer-border-top: var(--devsite-primary-border= ); --devsite-multiple-choice-background: var(--devsite-background-1); --dev= site-multiple-choice-border: var(--devsite-primary-border); --devsite-multi= ple-choice-border-radius: 8px; --devsite-multiple-choice-overflow: hidden; = --devsite-multiple-choice-question-background: var(--devsite-background-4);= --devsite-multiple-choice-question-color: var(--devsite-primary-text-color= ); } devsite-catalog, devsite-nav-buttons { --devsite-button-background-selected= : var( --devsite-button-primary-background ); --devsite-button-border-selected: 0; --devsite-button-color-selected: = var(--devsite-inverted-text-color); --devsite-button-padding: 0 16px; } devsite-book-nav, devsite-search { --devsite-search-border-radius: 4px; --d= evsite-search-active-box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-sh= adow-color),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); --= devsite-search-active-overflow: hidden; --devsite-searchbox-before-display:= none; --devsite-search-form-background-active: #fff; --devsite-search-form= -text-active: var(--devsite-secondary-text-color); --devsite-popout-box-sha= dow: 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; --de= vsite-popout-z-index: auto; } @media screen and (max-width: 840px) { devsite-book-nav, devsite-search { --devsite-search-button-margin-before:= auto; --devsite-search-form-position: absolute; --devsite-search-form-posi= tion-end: 40px; --devsite-search-form-position-start: 0; --devsite-popout-d= isplay: block; --devsite-popout-position-start: 0; --devsite-popout-width: = auto; --devsite-search-content-padding-start: 40px; } } @media screen and (max-width: 600px) { devsite-book-nav, devsite-search { --devsite-search-content-padding-start= : 12px; } } devsite-appearance-selector, devsite-language-selector, devsite-select, sel= ect { --devsite-item-background-selected: #e8f0fe; --devsite-item-font-weig= ht-selected: 400; --devsite-list-border: 0; --devsite-list-border-radius: 4= px; --devsite-select-border: var(--devsite-primary-border); --devsite-selec= t-border-radius: 4px; --devsite-select-font: 500 14px/36px var(--devsite-he= adline-font-family); } devsite-select, select { --devsite-select-padding: 0 27px 0 15px; } input[type=3D"text"] { --devsite-input-border-radius: 4px; } devsite-selector { --devsite-border: 1px solid #dadce0; --devsite-border-ra= dius: 8px; --devsite-content-border-radius: 0 0 7px 7px; --devsite-link-hov= er: #5f6368; --devsite-tab-marker-color: #5f6368; --devsite-overflow-tab-ba= ckground: #f1f3f4; --devsite-overflow-tab-border-radius: 0 7px 0 0; --devsi= te-overflow-link-background-hover: #e8f0fe; } [dir=3D"rtl"] devsite-selector { --devsite-overflow-tab-border-radius: 7px = 0 0; } devsite-snackbar { --devsite-snack-max-width: 568px; --devsite-snack-min-wi= dth: 288px; --devsite-snackbar-inner-background: #202124; --devsite-snackba= r-inner-border-radius: 4px; --devsite-snackbar-inner-color: #ddd; --devsite= -snackbar-message-font: 500 14px/1 Roboto,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-font: 500 14px/1 var(--devsite-headline-f= ont-family); --devsite-snackbar-action-margin-left: auto; --devsite-snackba= r-action-margin-right: 16px; --devsite-snackbar-action-padding: 8px; --devs= ite-snackbar-link-color: #669df6; --devsite-snackbar-message-padding: 16px = 24px; } devsite-snackbar [type=3D"cookie-notification"], devsite-snackbar [type^=3D= "notification-"] { --devsite-snackbar-inner-flex-wrap: wrap; --devsite-snac= kbar-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=3D"cookie-notification"], devsite-snackbar [type^= =3D"notification-"] { --devsite-snackbar-message-padding: 24px; } } devsite-tabs { --devsite-tabs-wrapper-x: 6px; --devsite-link-font: 500 14px= /20px var(--devsite-headline-font-family); --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-pad= ding: 0 18px; --devsite-tab-marker-border-radius: 3px 3px 0 0; --devsite-ta= b-marker-height: 3px; --devsite-tab-marker-inset-x: 4px; --devsite-tab-mark= er-position-x: 22px; --devsite-upper-tab-font-weight: 500; } html { touch-action: manipulation; } body, html { color: var(--devsite-primary-text-color); font: 400 16px/24px = var(--devsite-primary-font-family); -webkit-font-smoothing: antialiased; he= ight: 100%; margin: 0px; text-size-adjust: 100%; } body { background-color: var(--devsite-background-1); } .devsite-book-nav-bg::after, body[layout=3D"docs"] { background-color: var(= --devsite-body-background,var(--devsite-background-0)); } body[sitemask--active] { overflow: hidden; } p { margin: 16px 0px; padding: 0px; } img, video { border: 0px; height: auto; max-width: 100%; } table img { max-width: 272px; } table :link, table :visited { word-break: normal; } .devsite-toast-content :link, .devsite-toast-content :visited { color: rgb(= 255, 255, 255); text-decoration: underline; } .devsite-toast-content a:focus { background: rgba(255, 255, 255, 0.3); bord= er-radius: 2px; margin: -4px; padding: 4px; text-decoration: none; } sup { line-height: 1; } dd, ol, ul { margin: 0px; padding-left: 40px; } td > dl > dd, td > ol, td > ul { padding-left: 20px; } ol { list-style: outside decimal; } 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: outside disc; } li, li p { margin: 12px 0px; padding: 0px; } dt { font: 700 16px/24px var(--devsite-primary-font-family); } dd, dt { margin: 16px 0px; } blockquote { background: var(--devsite-blockquote-background,var(--devsite-= background-3)); border-left: var(--devsite-blockquote-border-left,0); borde= r-radius: var(--devsite-blockquote-border-radius,0); margin: var(--devsite-= blockquote-margin,16px 0); padding: var(--devsite-blockquote-padding,8px); = quotes: none; } hr { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image:= initial; border-top: var(--devsite-primary-border); height: 0px; margin: v= ar(--devsite-hr-margin,16px 0); width: 100%; } .devsite-page-title ~ .devsite-article-body > p:first-child { margin-top: 2= 8px; } .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(1= 00% + 48px); } } @media screen and (max-width: 600px) { .devsite-article-body > hr.full-width { margin: 16px -16px; width: calc(1= 00% + 32px); } } abbr, acronym { border-bottom: 1px dotted var(--devsite-secondary-text-colo= r); 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: 0px; position: fixed; right: 0px; top: 0px; z-index: = 1011; } #app-progress .devsite-progress--indeterminate .devsite-progress--indetermi= nate-1, #app-progress .devsite-progress--indeterminate .devsite-progress--i= ndeterminate-3 { background-color: var(--devsite-progress-background-color,= var(--devsite-primary-color,var(--devsite-secondary-text-color))); } .devsite-article .material-icons { vertical-align: bottom; } .devsite-article-body .material-icons:not(:link):not(button), [template=3D"= landing"] .devsite-article .material-icons:not(:link):not(button) { cursor:= default; pointer-events: none; } .footnotes ol { padding-left: 16px; } .footnotes li { font: 400 13px/20px var(--devsite-primary-font-family); } #qv-wrapper, #table-of-contents, #tb-wrapper, .inline-toc, div.toc:not(.cla= ss):not(.group):not(.type):not(.interface), h2#contents, h2.toc, h3#content= s, h3.toc, ol.toc, section.toc, ul.toc { display: none; } @media screen and (max-width: 840px) { #app-progress { z-index: 1014; } } :link, :visited { color: var(--devsite-link-color); outline: 0px; text-deco= ration: var(--devsite-link-text-decoration,none); word-break: break-word; } a:hover { text-decoration: var(--devsite-link-text-decoration-hover); } a:focus { text-decoration: underline; } a:focus img { filter: brightness(75%); } .no-feedback devsite-feedback { display: none !important; } .preserve-case { text-transform: none; } a.external::after, a[href*=3D"man7.org"]::after, a[href*=3D"oracle.com"]::a= fter { font-style: normal; font-variant: normal; font-size-adjust: none; fo= nt-language-override: normal; font-kerning: auto; font-optical-sizing: auto= ; font-variation-settings: normal; font-weight: normal; font-stretch: norma= l; line-height: 1; font-family: "Material Icons"; font-feature-settings: "l= iga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibili= ty; text-transform: none; overflow-wrap: normal; content: "open_in_new"; fo= nt-size: 18px; margin-block: 0px; margin-inline: 4px 0px; vertical-align: t= ext-bottom; } [dir=3D"rtl"] a.external::after, [dir=3D"rtl"] a[href*=3D"man7.org"]::after= , [dir=3D"rtl"] a[href*=3D"oracle.com"]::after { transform: scaleX(-1); } a.download::before { font-style: normal; font-variant: normal; font-size-ad= just: none; font-language-override: normal; font-kerning: auto; font-optica= l-sizing: auto; font-variation-settings: normal; font-weight: normal; font-= stretch: normal; line-height: 1; font-family: "Material Icons"; font-featur= e-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: op= timizelegibility; text-transform: none; overflow-wrap: normal; content: "fi= le_download"; display: inline-block; font-size: 18px; margin-block: 0px; ma= rgin-inline: 0px 4px; vertical-align: text-bottom; } devsite-content { counter-reset: numbered-h2 0 numbered-h3 0; } h2.numbered { line-height: 48px; margin-top: 60px; padding-bottom: 19px; } h2.numbered ~ h3.numbered { line-height: 40px; } h2.numbered::before, h2.numbered ~ h3.numbered::before { background: var(--= devsite-tertiary-text-color); color: var(--devsite-inverted-text-color); di= splay: inline-block; margin-block: 0px; text-align: center; } h2.numbered::before { border-radius: 24px; content: counter(numbered-h2); c= ounter-increment: numbered-h2 1; counter-set: numbered-h3 0; height: 48px; = line-height: 48px; margin-inline: 0px 20px; width: 48px; } h2.numbered ~ h3.numbered::before { border-radius: 20px; content: counter(n= umbered-h2) "." counter(numbered-h3); counter-increment: numbered-h3 1; hei= ght: 40px; line-height: 40px; margin-inline: 0px 16px; min-width: 40px; pad= ding-inline: 4px; } .compare-better, .compare-no, .compare-worse, .compare-yes { font-weight: 7= 00; } .compare-better::before, .compare-blank::before, .compare-no::before, .comp= are-worse::before, .compare-yes::before { content: ""; display: inline-bloc= k; font-style: normal; font-variant: normal; font-size-adjust: none; font-l= anguage-override: normal; font-kerning: auto; font-optical-sizing: auto; fo= nt-variation-settings: normal; font-weight: normal; font-stretch: normal; f= ont-size: 24px; line-height: 1; font-family: "Material Icons"; font-feature= -settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: opt= imizelegibility; overflow-wrap: normal; margin-block: -4px 0px; margin-inli= ne: 0px 4px; text-transform: none; vertical-align: middle; width: 24px; } .compare-better::before, .compare-yes::before { color: var(--devsite-compar= e-yes-color); } .compare-no::before, .compare-worse::before { color: var(--devsite-compare-= no-color); } .compare-better::before { content: "thumb_up"; } .compare-no::before { content: "not_interested"; } .compare-worse::before { content: "thumb_down"; } .compare-yes::before { content: "check"; } .align-center { text-align: center; } .align-right { text-align: right; } .hanging-indent, .members.function td:first-child { padding-inline-start: 2= 5px; text-indent: -17px; } .bad-table { table-layout: fixed; } .bad-table td, .bad-table tr { overflow-wrap: break-word; } .bad-table pre { overflow-wrap: normal; } .screenshot { border: var(--devsite-secondary-border); padding: 3px; } .columns td, .columns th, .columns tr { background: 0px center; border: 0px= ; font: 16px/24px var(--devsite-primary-font-family); padding-block: 0px; } .columns tr { padding-inline: 0px; } .columns td, .columns th { padding-inline: 0px 20px; } .columns th { color: var(--devsite-primary-text-color); font-weight: 500; } .columns code, .columns pre { background: var(--devsite-background-3); } .inline:not(.expandable) { display: inline; } .inline-block { display: inline-block; } .block { display: block; } img.inline-icon { height: 1.2em; vertical-align: sub; } .no-select { user-select: none; } .wrap-code { white-space: normal; } .attempt-left, .attempt-right, aside.attempt-left, aside.attempt-right { ma= x-width: calc(50% - 20px); } .attempt-left, .video-wrapper-left, aside.attempt-left { margin-block: 0px = 40px; margin-inline: 0px 40px; } [dir=3D"ltr"] .attempt-left, [dir=3D"ltr"] .video-wrapper-left, [dir=3D"ltr= "] aside.attempt-left { float: left; } [dir=3D"rtl"] .attempt-left, [dir=3D"rtl"] .video-wrapper-left, [dir=3D"rtl= "] aside.attempt-left { float: right; } .attempt-right, .video-wrapper, aside.attempt-right { margin-block: 0px 40p= x; margin-inline: 40px 0px; } [dir=3D"ltr"] .attempt-right, [dir=3D"ltr"] .video-wrapper, [dir=3D"ltr"] a= side.attempt-right { float: right; } [dir=3D"rtl"] .attempt-right, [dir=3D"rtl"] .video-wrapper, [dir=3D"rtl"] a= side.attempt-right { float: left; } .clear { clear: both; } .attempt-left + .attempt-right, .attempt-left + .video-wrapper, .video-wrap= per-left + .attempt-right, .video-wrapper-left + .video-wrapper { margin-in= line: 0px; } .video-wrapper, .video-wrapper-full-width { overflow: hidden; position: rel= ative; } .video-wrapper, .video-wrapper-left { width: calc(50% - 20px); } .video-wrapper-full-width { margin: 16px 0px; width: 100%; } .video-wrapper embed, .video-wrapper iframe, .video-wrapper object, .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 { 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 0px; width: = 100%; } } body[pending] #gc-wrapper { margin-top: 0px !important; } body[ready] #gc-wrapper { display: flex; -webkit-box-flex: 1; flex: 1 0 0%;= -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directio= n: column; } .devsite-wrapper { min-height: 100vh; } body[ready] .devsite-wrapper { display: flex; -webkit-box-orient: vertical;= -webkit-box-direction: normal; flex-direction: column; min-height: 100%; o= verflow: hidden; } .full-bleed { margin: 0px; padding: 0px; } .devsite-book-nav-bg, devsite-book-nav { width: 269px; } 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] { transform: transla= teX(0px) !important; } } .devsite-sidebar { grid-area: 1 / 3; min-width: 0px; width: auto; } [has-sidebar] .devsite-sidebar { margin: 24px 0px 0px; margin-inline: -8px = 24px; } .devsite-sidebar[fixed] .devsite-sidebar-content { background-color: var(--= devsite-body-background,var(--devsite-background-0)); contain: content; dis= play: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; fl= ex-direction: column; max-height: var(--devsite-js-sidebar-max-height); max= -width: var(--devsite-js-sidebar-max-width); padding-inline-start: 8px; pos= ition: fixed; transform: translate3d(0,var(--devsite-js-sidebar-offset),0);= } .devsite-sidebar devsite-toc.devsite-toc, .devsite-sidebar devsite-toc > .d= evsite-nav-list { width: auto; } devsite-recommendations-sidebar.recommendations-rendered { margin-top: 20px= ; } body devsite-toc > .devsite-nav-list { width: auto; } .devsite-main-content { margin: 0px auto; max-width: var(--devsite-main-con= tent-max-width); padding: var(--devsite-main-content-padding); position: re= lative; width: 100%; } #contain-402 { z-index: 1004 !important; } body[pending] .devsite-main-content { min-height: calc(-456px + 100vh); } body[ready] .devsite-main-content { -webkit-box-flex: 1; flex-grow: 1; min-= height: auto; } body[layout=3D"docs"] .devsite-main-content { display: grid; gap: 24px; gri= d-template-columns: 1fr minmax(752px, 936px) 1fr; grid-template-rows: 1fr; = } body[layout=3D"docs"] .devsite-main-content[has-sidebar] { grid-template-co= lumns: 1fr minmax(752px, 936px) minmax(160px, 1fr); } body[layout=3D"docs"] .devsite-main-content[has-book-nav] { grid-template-c= olumns: minmax(269px, 1fr) minmax(752px, 936px) 1fr; } body[layout=3D"docs"] .devsite-main-content[has-book-nav][has-sidebar] { gr= id-template-columns: minmax(269px, 1fr) minmax(752px, 936px) minmax(160px, = 1fr); } .devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-conten= t[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-nav= ] ~ devsite-footer-utility { margin-block: 0px; margin-inline: 269px 0px; } @media screen and (max-width: 1253px) { body[layout=3D"docs"] .devsite-main-content[has-sidebar] { grid-template-= columns: 1fr minmax(752px, 936px) 1fr; } body[layout=3D"docs"] .devsite-main-content[has-book-nav], body[layout=3D= "docs"] .devsite-main-content[has-book-nav][has-sidebar] { grid-template-co= lumns: 269px 1fr 0px; } .devsite-sidebar { display: none; } } @media screen and (max-width: 840px) { body[layout=3D"docs"] .devsite-main-content { display: block; min-width: = 100%; } devsite-content-footer { padding: 0px 24px; } .devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-cont= ent[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-n= av] ~ devsite-footer-utility { margin-inline: 0px; } } @media screen and (max-width: 600px) { devsite-content-footer { padding: 0px 16px; } } .devsite-icon::before, ::part(material-icon) { font-style: normal; font-var= iant: normal; font-size-adjust: none; font-language-override: normal; font-= kerning: auto; font-optical-sizing: auto; font-variation-settings: normal; = font-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1;= font-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font= -smoothing: antialiased; text-rendering: optimizelegibility; text-transform= : none; overflow-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"; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) { border-radius: var(--devsite-notice-border-radius,0); display: block;= font-size: 14px; margin: var(--devsite-notice-margin); padding-block: var(= --devsite-notice-padding-block); padding-inline: var(--devsite-notice-paddi= ng-inline); } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng)::before { font-style: normal; font-variant: normal; font-size-adjust: n= one; font-language-override: normal; font-kerning: auto; font-optical-sizin= g: auto; font-variation-settings: normal; font-weight: normal; font-stretch= : normal; font-size: 24px; line-height: 1; font-family: "Material Icons"; f= ont-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-ren= dering: optimizelegibility; text-transform: none; overflow-wrap: normal; ma= rgin-block: 0px; margin-inline: -36px 0px; } [dir=3D"ltr"] :is(aside, .beta, .caution, .deprecated, .dogfood, .experimen= tal, .key-point, .key-term, .note, .objective, .preview, .special, .success= , .tip, .warning)::before { float: left; } [dir=3D"rtl"] :is(aside, .beta, .caution, .deprecated, .dogfood, .experimen= tal, .key-point, .key-term, .note, .objective, .preview, .special, .success= , .tip, .warning)::before { float: right; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) :is(:link, :visited) { text-decoration: underline; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) :is(a:hover, a:focus) { background: rgba(255, 255, 255, 0.7); border-ra= dius: 2px; margin: -4px; padding: 4px; text-decoration: none; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) pre { background: rgba(255, 255, 255, 0.75); } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) code { border: 0px; font-weight: 700; padding: 0px; } aside var { background: inherit; font-weight: 700; padding: 0px; } :is(aside, .beta, .experimental, .note, .preview, .special, .tip), :is(asid= e, .beta, .experimental, .note, .preview, .special, .tip) :is(:link, :visit= ed) code, :is(aside, .beta, .experimental, .note, .preview, .special, .tip)= :is(code, :link, :visited) { background: var(--devsite-note-notice-backgro= und); color: var(--devsite-note-notice-color); } :is(aside, .note, .special, .tip)::before { content: "star"; } .beta::before, .experimental::before, .preview::before { content: url("data= :image/svg+xml;utf8,"); } .caution, .caution :is(:link, :visited) code, .caution :is(code, :link, :vi= sited) { background: var(--devsite-caution-notice-background); color: var(-= -devsite-caution-notice-color); } .caution::before { content: "error"; } .deprecated, .deprecated :is(:link, :visited) code, .deprecated :is(code, := link, :visited) { background: var(--devsite-status-notice-background); colo= r: var(--devsite-status-notice-color); } .deprecated::before { content: "not_interested"; } .dogfood, .dogfood :is(:link, :visited) code, .dogfood :is(code, :link, :vi= sited) { background: var(--devsite-status-notice-background); color: var(--= devsite-status-notice-color); } .dogfood::before { content: "pets"; } .key-point, .key-point :is(:link, :visited) code, .key-point :is(code, :lin= k, :visited) { background: var(--devsite-key-point-notice-background); colo= r: var(--devsite-key-point-notice-color); } .key-point::before { content: "lightbulb_outline"; } .key-term, .key-term :is(:link, :visited) code, .key-term :is(code, :link, = :visited) { background: var(--devsite-key-term-notice-background); color: v= ar(--devsite-key-term-notice-color); } .key-term::before { content: "font_download"; } :is(.objective, .success), :is(.objective, .success) :is(:link, :visited) c= ode, :is(.objective, .success) :is(code, :link, :visited) { background: var= (--devsite-success-notice-background); color: var(--devsite-success-notice-= color); } .objective::before { content: "school"; } .success::before { content: "check_circle"; } .warning, .warning :is(:link, :visited) code, .warning :is(code, :link, :vi= sited) { background: var(--devsite-warning-notice-background); color: var(-= -devsite-warning-notice-color); } .warning::before { content: "warning"; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) :is(:hover, :focus) code { background: transparent; } .devsite-no-page-title > :is(aside, .beta, .caution, .deprecated, .dogfood,= .experimental, .key-point, .key-term, .note, .objective, .preview, .specia= l, .success, .tip, .warning):first-child { clear: right; } .devsite-banner { font-style: ; font-variant-ligatures: ; font-variant-caps= : ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alterna= tes: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-s= tretch: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-ad= just: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ;= font-language-override: ; font-size: var(--devsite-banner-font-size,14px);= letter-spacing: var(--devsite-banner-letter-spacing,normal); margin: var(-= -devsite-banner-margin); } .devsite-banner :link, .devsite-banner :visited { text-decoration: underlin= e; } .devsite-banner-message { -webkit-box-align: center; align-items: center; d= isplay: flex; -webkit-box-pack: var(--devsite-banner-message-justify-conten= t,normal); justify-content: var(--devsite-banner-message-justify-content,no= rmal); margin: 0px auto; max-width: var(--devsite-banner-message-max-width,= 1488px); padding: var(--devsite-banner-message-padding); } .devsite-banner-message-text { margin-inline-end: var(--devsite-banner-mess= age-text-margin-x-end,auto); } .devsite-banner a:not(.button):focus, .devsite-banner[background] a:not(.bu= tton):focus { background: var(--devsite-inverted-text-rgba); border-radius:= 2px; margin: -4px; padding: 4px; text-decoration: none; } .devsite-banner[background=3D"white"] { border-bottom: var(--devsite-primar= y-border); } .devsite-banner-announcement, .devsite-banner-announcement :link:not(.butto= n), .devsite-banner-announcement :visited:not(.button) { background: var(--= devsite-banner-background,var(--devsite-note-notice-background)); } [layout=3D"docs"] .devsite-banner:first-of-type { border-radius: var(--devs= ite-banner-border-radius,0); } .devsite-banner-announcement[background] :link:not(.button), .devsite-banne= r-announcement[background] :visited:not(.button) { background: 0px center; = } .devsite-banner-confidential { background: var(--devsite-caution-notice-bac= kground); color: var(--devsite-caution-notice-color); } .devsite-banner-confidential .devsite-banner-message::before { content: "wa= rning"; font-style: normal; font-variant: normal; font-size-adjust: none; f= ont-language-override: normal; font-kerning: auto; font-optical-sizing: aut= o; font-variation-settings: normal; font-weight: normal; font-stretch: norm= al; font-size: 24px; line-height: 1; font-family: "Material Icons"; font-fe= ature-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering= : optimizelegibility; text-transform: none; overflow-wrap: normal; margin-i= nline-end: 16px; } .devsite-banner-translated { background: var(--devsite-background-3); color= : var(--devsite-secondary-text-rgba); } .devsite-banner-translated :link { text-decoration: none; } .devsite-banner .button, .devsite-banner button { -webkit-box-flex: 0; flex= : 0 0 auto; margin: -6px 0px; margin-inline-start: 16px; text-decoration: n= one; } .devsite-banner .material-icons { margin: -2px 0px; vertical-align: middle;= } .devsite-banner-translated-image { margin: 4px 0px -4px; margin-inline-end:= 24px; width: 122px; } .devsite-banner-heading { font-weight: 700; } @media screen and (max-width: 1253px) { .devsite-banner-translated .devsite-banner-translated-text { display: blo= ck; } } @media screen and (max-width: 840px) { [layout=3D"docs"] .devsite-banner-announcement { border-radius: 0px; } } @media screen and (max-width: 600px) { [layout][template] .devsite-banner-message { display: block; } .devsite-banner .button, .devsite-banner button { margin: 12px 0px 0px; m= argin-inline-start: 0px; } } [items-across=3D"1"] { --devsite-columns: 1; } [items-across=3D"2"] { --devsite-columns: 2; } [items-across=3D"3"] { --devsite-columns: 3; } [items-across=3D"4"] { --devsite-columns: 4; } .devsite-card-group { display: grid; gap: var(--devsite-item-gap,24px); gri= d: auto-flow/repeat(var(--devsite-columns,3),1fr); } .devsite-card-wrapper { min-width: 0px; } .devsite-card-wrapper[hidden] { display: none; } .devsite-card h3 { font: var(--devsite-h2-font); letter-spacing: var(--devs= ite-h2-letter-spacing); margin: 0px 0px 10px; } .devsite-card { background: var(--devsite-card-background); border: var(--d= evsite-card-border); border-radius: var(--devsite-card-border-radius); box-= shadow: var(--devsite-card-box-shadow); display: flex; -webkit-box-orient: = vertical; -webkit-box-direction: normal; flex-direction: column; height: 10= 0%; overflow: hidden; position: relative; transition: var(--devsite-card-tr= ansition,0); } .devsite-card-image { height: 100%; object-fit: var(--devsite-card-image-ob= ject-fit,cover); position: absolute; width: 100%; } .devsite-card-image-container { background-image: url("/web/20230130224947i= m_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762= d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic-content-car= d-default.png"); background-position: 50% center; background-repeat: no-rep= eat; background-size: cover; padding: 0px 0px 56.25%; } .devsite-card-image-no-background { overflow: hidden; position: relative; b= ackground-image: none !important; } .devsite-card-content-wrapper { display: flex; -webkit-box-flex: 1; flex: 1= 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-di= rection: column; } .devsite-card-buttons, .devsite-card-content, .devsite-card-skill { padding= : var(--devsite-card-content-padding,16px); } .devsite-card-content { -webkit-box-flex: var(--devsite-card-content-flex,1= 0); flex: var(--devsite-card-content-flex,1 0); word-break: break-word; } .devsite-card-category { background-color: var(--devsite-label-background-c= olor,transparent); border-radius: var(--devsite-label-border-radius,4px); c= olor: var(--devsite-label-color,inherit); font: var(--devsite-label-font,70= 0 12px/22px var(--devsite-primary-font-family)); letter-spacing: var(--devs= ite-label-letter-spacing,.3px); margin: var(--devsite-label-margin,0 0 16px= ); padding: var(--devsite-label-padding,0); text-transform: var(--devsite-l= abel-text-transform,uppercase); } .devsite-card-summary { -webkit-box-orient: vertical; -webkit-line-clamp: 4= ; color: var(--devsite-card-summary-color,inherit); display: -webkit-box; f= ont: 400 16px/24px var(--devsite-primary-font-family); margin: var(--devsit= e-card-summary-margin,16px 0 0); max-height: 96px; overflow: hidden; } .devsite-card-attribution { -webkit-box-align: center; align-items: center;= border-top: var(--devsite-card-attribution-border,var(--devsite-primary-bo= rder)); box-sizing: content-box; color: var(--devsite-card-attribution-colo= r,inherit); display: flex; font-size: var(--devsite-card-attribution-font-s= ize,12px); font-weight: var(--devsite-card-attribution-font-weight,normal);= gap: 0px 16px; -webkit-box-pack: center; justify-content: center; line-hei= ght: var(--devsite-card-attribution-line-height,16px); margin: var(--devsit= e-card-attribution-margin,0); min-height: var(--devsite-card-attribution-mi= n-height,40px); padding: var(--devsite-card-attribution-padding,16px); posi= tion: relative; } .devsite-card-icon-container { color: var(--devsite-secondary-text-color); = display: grid; height: 32px; place-content: center; width: 32px; } .devsite-card-icon-container[background] { background-color: var(--devsite-= background-color); border-radius: 50%; overflow: hidden; } .devsite-card-attribution-text-container { -webkit-box-flex: 1; flex: 1 1 0= %; text-align: end; } .devsite-card-icon-image { height: 32px; } .devsite-card-icon.material-icons { color: var(--devsite-foreground-color);= font-size: 32px; } .devsite-card-icon-container[background] .devsite-card-icon { font-size: 24= px; } .devsite-card-attribution-author, .devsite-card-attribution-date, .devsite-= card-attribution-name, .devsite-card-date, .devsite-card-duration { margin:= 0px; } .devsite-card-attribution-author + .devsite-card-attribution-date, .devsite= -card-attribution-name + .devsite-card-attribution-author { margin-top: 8px= ; } .devsite-card-section { display: flex; gap: 16px; -webkit-box-pack: justify= ; justify-content: space-between; } .devsite-card-attribution + .devsite-card-buttons, .devsite-card-content + = .devsite-card-buttons, .devsite-card-content + .devsite-card-section .activ= ity-card-icons, .devsite-card-content + .devsite-card-section .devsite-card= -buttons, .devsite-card-content + .devsite-card-skill, .devsite-card-skill = + .devsite-card-attribution, .devsite-card-skill + .devsite-card-buttons { = padding-top: 0px; } .devsite-card-date, .devsite-card-duration { color: var(--devsite-card-date= -color,var(--devsite-secondary-text-color)); font: var(--devsite-card-date-= font,400 12px/16px var(--devsite-primary-font-family)); letter-spacing: var= (--devsite-card-date-letter-spacing,.3px); } .devsite-card-icons { display: flex; flex-wrap: wrap; gap: 12px; padding: 1= 2px; } .devsite-card-icon { height: 32px; width: 32px; } .devsite-card-api-references { list-style: none; padding: 0px; } .devsite-card-api-references { color: var(--devsite-card-api-references-col= or,var(--devsite-secondary-text-color)); font-size: 14px; line-height: 18px= ; margin-top: 12px; } .devsite-card-api-references-item { margin: 0px; overflow: hidden; text-ove= rflow: ellipsis; white-space: nowrap; } .devsite-card-skill { -webkit-box-align: center; align-items: center; color= : var(--devsite-card-skill-color); display: flex; font: var(--devsite-card-= skill-font,14px/20px var(--devsite-primary-font-family)); -webkit-box-pack:= var(--devsite-card-skill-justify-content); justify-content: var(--devsite-= card-skill-justify-content); } .devsite-card-skill-icon { height: 24px; margin: var(--devsite-card-skill-i= con-margin,0 4px 0 -6px); width: 24px; } .devsite-card-skill-icon-filled { fill: currentcolor; } .devsite-card-skill-icon-unfilled { fill: var(--devsite-background-5); } .devsite-card-buttons { display: flex; -webkit-box-orient: horizontal; -web= kit-box-direction: reverse; flex-direction: row-reverse; margin: auto 0px 0= px; } [template=3D"activity"] .devsite-card h3 { margin-bottom: 4px; } .devsite-card-list { border: var(--devsite-card-border); border-radius: var= (--devsite-card-border-radius); list-style: none; overflow: var(--devsite-c= ard-list-overflow,visible); padding: 0px; } .devsite-card-list-item { border: var(--devsite-card-list-item-border,0); b= order-radius: var(--devsite-card-list-item-border-radius,2px); box-shadow: = var(--devsite-card-box-shadow,0 1px 2px 0 var(--devsite-elevation-key-shado= w-color),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)); marg= in: var(--devsite-card-list-item-margin,0 0 20px); } .devsite-card-list-item:not(:last-child) { border-bottom: var(--devsite-car= d-list-item-border,var(--devsite-card-border,0)); } .devsite-card-list-item:last-child { border-bottom: var(--devsite-card-list= -item-border,0); margin: 0px; } .devsite-card-list-link { -webkit-box-align: center; align-items: center; c= olor: var(--devsite-card-list-link-color,var(--devsite-link-color)); displa= y: inline-flex; font: var(--devsite-card-list-link-font,var(--devsite-h2-fo= nt)); letter-spacing: var(--devsite-h2-letter-spacing); padding: var(--devs= ite-card-list-link-padding,16px 20px); transition: background 0.2s, color 0= .2s; width: 100%; } .devsite-card-list-link:focus, .devsite-card-list-link:hover { background: = var(--devsite-card-list-link-background-hover,var(--devsite-link-background= -hover)); color: var(--devsite-card-list-link-color-hover,var(--devsite-lin= k-color)); text-decoration: none; } .devsite-card-list-link::after { font-style: normal; font-variant: normal; = font-size-adjust: none; font-language-override: normal; font-kerning: auto;= font-optical-sizing: auto; font-variation-settings: normal; font-weight: n= ormal; font-stretch: normal; font-size: 24px; line-height: 1; font-family: = "Material Icons"; font-feature-settings: "liga"; -webkit-font-smoothing: an= tialiased; text-rendering: optimizelegibility; text-transform: none; overfl= ow-wrap: normal; content: "arrow_forward"; margin-left: auto; opacity: 0; t= ransform: translateX(-20px); transition: opacity 0.2s, transform 0.2s, -web= kit-transform 0.2s; } .devsite-card-list-link:focus::after, .devsite-card-list-link:hover::after = { opacity: 1; transform: translateX(0px); } @media screen and (max-width: 840px) { .devsite-card-group, [items-across=3D"3"], [items-across=3D"4"] { --devsi= te-columns: 2; } } @media screen and (max-width: 600px) { .devsite-card-group { display: block; } .devsite-card-wrapper:not(:first-of-type) { margin-top: 16px; } .devsite-card-summary { font-size: 14px; line-height: 20px; max-height: 8= 0px; } } .pre-style, code, pre { background: var(--devsite-code-background); color: = var(--devsite-code-color); font: 400 100%/1 var(--devsite-code-font-family)= ; padding: var(--devsite-inline-code-padding,1px 4px); direction: ltr !impo= rtant; text-align: left !important; } code { border: var(--devsite-inline-code-border,0); border-radius: var(--de= vsite-inline-code-border-radius,0); font: 500 90%/1 var(--devsite-code-font= -family); word-break: break-word; } .pre-style code, pre code, table code { font-weight: 400; word-break: norma= l; } .pre-style, pre { font: 14px/20px var(--devsite-code-font-family); margin: = 16px 0px; overflow-x: auto; padding: 24px; position: relative; } .pre-style code, pre code { background: 0px center; border: var(--devsite-i= nline-nested-code-border,0); font-size: 14px; padding: 0px; } b code, strong code { font-weight: 700; } cite code, em code, i code { font-style: italic; } pre.devsite-code-highlight > code > span, pre.devsite-code-highlight > span= { filter: grayscale(1); } td > pre:only-child { padding: 0px; } td > devsite-code pre.inline-code, td > devsite-code:only-child pre { paddi= ng: 0px 64px 0px 0px; } td > devsite-code pre.inline-code, td > devsite-code:not([dark-code]):only-= child pre { background: 0px center; } td > devsite-code pre.inline-code ~ .devsite-code-buttons-container, td > d= evsite-code:only-child pre ~ .devsite-code-buttons-container { top: -6px; } h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { background: 0px cent= er; color: var(--devsite-primary-text-color); padding: 0px; } h1 code { color: rgb(128, 134, 139); } :is(:link, :visited) code, :is(pre, code) :is(:link, :visited), td :is(:lin= k, :visited) code, td code :is(:link, :visited) { color: var(--devsite-cont= rast-link-color); } body[layout] .devsite-main-content var span, var, var code { color: var(--d= evsite-var-color); -webkit-font-smoothing: auto; font-weight: 500; } pre.clear-for-copy { color-scheme: initial; forced-color-adjust: initial; m= ath-depth: initial; position: absolute; position-anchor: initial; text-size= -adjust: initial; appearance: initial; color: initial; font: initial; font-= palette: initial; font-synthesis: initial; position-area: initial; text-ori= entation: initial; text-rendering: initial; text-spacing-trim: initial; -we= bkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orienta= tion: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: = initial; accent-color: initial; place-content: initial; place-items: initia= l; place-self: initial; alignment-baseline: initial; anchor-name: initial; = anchor-scope: initial; animation-composition: initial; animation: initial; = animation-trigger: initial; app-region: initial; aspect-ratio: initial; bac= kdrop-filter: initial; backface-visibility: initial; background: initial; b= ackground-blend-mode: initial; baseline-shift: initial; baseline-source: in= itial; block-size: initial; border-block: initial; border: initial; border-= radius: initial; border-collapse: initial; border-end-end-radius: initial; = border-end-start-radius: initial; border-inline: initial; border-start-end-= radius: initial; border-start-start-radius: initial; bottom: initial; box-d= ecoration-break: initial; box-shadow: initial; box-sizing: initial; break-a= fter: initial; break-before: initial; break-inside: initial; buffered-rende= ring: initial; caption-side: initial; caret-animation: initial; caret-color= : initial; caret-shape: initial; clear: initial; clip: initial; clip-path: = initial; clip-rule: initial; color-interpolation: initial; color-interpolat= ion-filters: initial; color-rendering: initial; columns: initial; column-fi= ll: initial; gap: initial; column-rule: initial; column-span: initial; cont= ain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size= : initial; contain-intrinsic-inline-size: initial; container: initial; cont= ent: initial; content-visibility: initial; corner-shape: initial; corner-bl= ock-end-shape: initial; corner-block-start-shape: initial; counter-incremen= t: initial; counter-reset: initial; counter-set: initial; cursor: initial; = cx: initial; cy: initial; d: initial; display: initial; dominant-baseline: = initial; dynamic-range-limit: initial; empty-cells: initial; field-sizing: = initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: = initial; flex: initial; flex-flow: initial; float: initial; flood-color: in= itial; flood-opacity: initial; grid: initial; grid-area: initial; height: i= nitial; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphe= ns: initial; image-orientation: initial; image-rendering: initial; initial-= letter: initial; inline-size: initial; inset-block: initial; inset-inline: = initial; interactivity: initial; interest-delay: initial; interpolate-size:= initial; isolation: initial; left: -100vw; letter-spacing: initial; lighti= ng-color: initial; line-break: initial; list-style: initial; margin-block: = initial; margin: initial; margin-inline: initial; marker: initial; mask: in= itial; mask-type: initial; math-shift: initial; math-style: initial; max-bl= ock-size: initial; max-height: initial; max-inline-size: initial; max-width= : initial; min-block-size: initial; min-height: initial; min-inline-size: i= nitial; min-width: initial; mix-blend-mode: initial; object-fit: initial; o= bject-position: initial; object-view-box: initial; offset: initial; opacity= : initial; order: initial; orphans: initial; outline: initial; outline-offs= et: initial; overflow-anchor: initial; overflow-block: initial; overflow-cl= ip-margin: initial; overflow-inline: initial; overflow-wrap: initial; overf= low: initial; overlay: initial; overscroll-behavior-block: initial; overscr= oll-behavior-inline: initial; overscroll-behavior: initial; padding-block: = initial; padding: initial; padding-inline: initial; page: initial; page-ori= entation: initial; paint-order: initial; perspective: initial; perspective-= origin: initial; pointer-events: initial; position-try: initial; position-v= isibility: initial; print-color-adjust: initial; quotes: initial; r: initia= l; reading-flow: initial; reading-order: initial; resize: initial; right: i= nitial; rotate: initial; ruby-align: initial; ruby-position: initial; rx: i= nitial; ry: initial; scale: initial; scroll-behavior: initial; scroll-initi= al-target: initial; scroll-margin-block: initial; scroll-margin: initial; s= croll-margin-inline: initial; scroll-marker-group: initial; scroll-padding-= block: initial; scroll-padding: initial; scroll-padding-inline: initial; sc= roll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: init= ial; scroll-target-group: initial; scroll-timeline: initial; scrollbar-colo= r: initial; scrollbar-gutter: initial; scrollbar-width: initial; shape-imag= e-threshold: initial; shape-margin: initial; shape-outside: initial; shape-= rendering: initial; size: initial; speak: initial; stop-color: initial; sto= p-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dash= offset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-= miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-si= ze: initial; table-layout: initial; text-align: initial; text-align-last: i= nitial; text-anchor: initial; text-autospace: initial; text-box: initial; t= ext-combine-upright: initial; text-decoration: initial; text-decoration-ski= p-ink: initial; text-emphasis: initial; text-emphasis-position: initial; te= xt-indent: initial; text-justify: initial; text-overflow: initial; text-sha= dow: initial; text-transform: initial; text-underline-offset: initial; text= -underline-position: initial; text-wrap: nowrap; timeline-scope: initial; t= imeline-trigger: initial; top: -100vh; touch-action: initial; transform: in= itial; transform-box: initial; transform-origin: initial; transform-style: = initial; transition: initial; translate: initial; trigger-scope: initial; u= ser-select: initial; vector-effect: initial; vertical-align: initial; view-= timeline: initial; view-transition-class: initial; view-transition-group: i= nitial; view-transition-name: initial; visibility: initial; border-spacing:= initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial= ; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-or= dinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initia= l; -webkit-box-reflect: initial; -webkit-line-break: initial; -webkit-line-= clamp: initial; -webkit-mask-box-image: initial; -webkit-rtl-ordering: init= ial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; = -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial;= -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-= text-stroke: initial; -webkit-user-drag: initial; white-space-collapse: pre= serve; widows: initial; width: initial; will-change: initial; word-break: i= nitial; word-spacing: initial; x: initial; y: initial; z-index: initial; } pre.clear-for-copy * { color-scheme: unset; forced-color-adjust: unset; mat= h-depth: unset; position: unset; position-anchor: unset; text-size-adjust: = unset; appearance: unset; color: unset; font-family: var(--devsite-code-fon= t-family); font-feature-settings: unset; font-kerning: unset; font-language= -override: unset; font-optical-sizing: unset; font-palette: unset; font-siz= e: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; = font-synthesis: unset; font-variant: unset; font-variation-settings: unset;= font-weight: unset; position-area: unset; text-orientation: unset; text-re= ndering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -w= ebkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode:= unset; writing-mode: unset; zoom: unset; accent-color: unset; place-conten= t: unset; place-items: unset; place-self: unset; alignment-baseline: unset;= anchor-name: unset; anchor-scope: unset; animation-composition: unset; ani= mation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: u= nset; backdrop-filter: unset; backface-visibility: unset; background: unset= ; background-blend-mode: unset; baseline-shift: unset; baseline-source: uns= et; block-size: unset; border-block: unset; border: unset; border-radius: u= nset; border-collapse: unset; border-end-end-radius: unset; border-end-star= t-radius: unset; border-inline: unset; border-start-end-radius: unset; bord= er-start-start-radius: unset; inset: unset; box-decoration-break: unset; bo= x-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset= ; break-inside: unset; buffered-rendering: unset; caption-side: unset; care= t-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; c= lip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset;= color-interpolation-filters: unset; color-rendering: unset; columns: unset= ; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; c= ontain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size:= unset; contain-intrinsic-inline-size: unset; container: unset; content: un= set; content-visibility: unset; corner-shape: unset; corner-block-end-shape= : unset; corner-block-start-shape: unset; counter-increment: unset; counter= -reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: = unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset= ; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset= ; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: un= set; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unse= t; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset;= hyphens: unset; image-orientation: unset; image-rendering: unset; initial-= letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset;= interactivity: unset; interest-delay: unset; interpolate-size: unset; isol= ation: unset; letter-spacing: unset; lighting-color: unset; line-break: uns= et; line-height: unset; list-style: unset; margin-block: unset; margin: uns= et; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; mat= h-shift: unset; math-style: unset; max-block-size: unset; max-height: unset= ; max-inline-size: unset; max-width: unset; min-block-size: unset; min-heig= ht: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset;= object-fit: unset; object-position: unset; object-view-box: unset; offset:= unset; opacity: unset; order: unset; orphans: unset; outline: unset; outli= ne-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-c= lip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: = unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavio= r-inline: unset; overscroll-behavior: unset; padding-block: unset; padding:= unset; padding-inline: unset; page: unset; page-orientation: unset; paint-= order: unset; perspective: unset; perspective-origin: unset; pointer-events= : unset; position-try: unset; position-visibility: unset; print-color-adjus= t: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unse= t; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; r= x: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-t= arget: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-marg= in-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; = scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: uns= et; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: = unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: un= set; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: un= set; shape-outside: unset; shape-rendering: unset; size: unset; speak: unse= t; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray:= unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: u= nset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset;= tab-size: unset; table-layout: unset; text-align: unset; text-align-last: = unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-com= bine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unse= t; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset;= text-justify: unset; text-overflow: unset; text-shadow: unset; text-transf= orm: unset; text-underline-offset: unset; text-underline-position: unset; w= hite-space: pre; text-wrap-style: unset; timeline-scope: unset; timeline-tr= igger: unset; touch-action: unset; transform: unset; transform-box: unset; = transform-origin: unset; transform-style: unset; transition: unset; transla= te: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; = vertical-align: unset; view-timeline: unset; view-transition-class: unset; = view-transition-group: unset; view-transition-name: unset; visibility: unse= t; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-= break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webki= t-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: un= set; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-cl= amp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -we= bkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text= -combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fi= ll-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; = -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; = word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset;= } fieldset { border: 0px; margin: 0px; padding: 0px; } input[type=3D"radio"] { appearance: none; background: var(--devsite-backgro= und-1); border-radius: 2px; cursor: pointer; font-style: normal; font-varia= nt: normal; font-size-adjust: none; font-language-override: normal; font-ke= rning: auto; font-optical-sizing: auto; font-variation-settings: normal; fo= nt-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1; f= ont-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font-s= moothing: antialiased; text-rendering: optimizelegibility; text-transform: = none; overflow-wrap: normal; height: 18px; margin-block: -2px 2px; margin-i= nline: 0px 8px; outline: 0px; position: relative; transition: color 0.2s; v= ertical-align: middle; width: 18px; } input[type=3D"radio"] { color: var(--devsite-secondary-text-color); } input[type=3D"radio"] { border-radius: 50%; transition: none; } input[type=3D"radio"]:focus::before { background: var(--devsite-background-= 4); } input[type=3D"radio"]:checked { color: var(--devsite-link-color); } input[type=3D"radio"]:focus::before { background: var(--devsite-input-backg= round-focus,var(--devsite-link-background)); } input[type=3D"radio"]::after { content: "check_box_outline_blank"; position= : relative; top: -3px; z-index: 1; } [dir=3D"ltr"] input[type=3D"radio"]::after { right: 3px; } [dir=3D"rtl"] input[type=3D"radio"]::after { left: 3px; } input[type=3D"radio"]::after { content: "radio_button_unchecked"; } input[type=3D"radio"]:checked::after { content: "radio_button_checked"; } input[type=3D"radio"]::before { border-radius: 50%; content: ""; display: b= lock; height: 36px; position: absolute; top: -9px; transition: background 0= .2s; width: 36px; } [dir=3D"ltr"] input[type=3D"radio"]::before { left: -9px; } [dir=3D"rtl"] input[type=3D"radio"]::before { right: -9px; } input[type=3D"radio"]:disabled { color: var(--devsite-input-color-disabled,= var(--devsite-tertiary-text-color)); cursor: default; } input[type=3D"date"], input[type=3D"datetime-local"], input[type=3D"datetim= e"], input[type=3D"email"], input[type=3D"month"], input[type=3D"number"], = input[type=3D"password"], input[type=3D"search"], input[type=3D"tel"], inpu= t[type=3D"text"], input[type=3D"time"], input[type=3D"url"], input[type=3D"= week"], select[multiple], select[size], textarea { background: var(--devsit= e-input-background); border: var(--devsite-input-border); border-radius: va= r(--devsite-input-border-radius,2px); color: var(--devsite-input-color,var(= --devsite-primary-text-color)); font: var(--devsite-input-font,16px/20px va= r(--devsite-primary-font-family)); height: var(--devsite-input-height,auto)= ; margin: var(--devsite-input-margin,0); max-width: 100%; outline: 0px; pad= ding: var(--devsite-input-padding,7px); transition: border-color 0.2s; vert= ical-align: middle; width: var(--devsite-input-width,auto); } input[type=3D"date"]:focus, input[type=3D"datetime-local"]:focus, input[typ= e=3D"datetime"]:focus, input[type=3D"email"]:focus, input[type=3D"month"]:f= ocus, input[type=3D"number"]:focus, input[type=3D"password"]:focus, input[t= ype=3D"search"]:focus, input[type=3D"tel"]:focus, input[type=3D"text"]:focu= s, input[type=3D"time"]:focus, input[type=3D"url"]:focus, input[type=3D"wee= k"]:focus, select[multiple]:focus, select[size]:focus, textarea:focus { bor= der-bottom: var(--devsite-input-border-bottom-focus,2px solid var(--devsite= -link-color)); padding-bottom: var(--devsite-input-padding-bottom-focus,6px= ); } input[type=3D"date"]:disabled, input[type=3D"datetime-local"]:disabled, inp= ut[type=3D"datetime"]:disabled, input[type=3D"email"]:disabled, input[type= =3D"month"]:disabled, input[type=3D"number"]:disabled, input[type=3D"passwo= rd"]:disabled, input[type=3D"search"]:disabled, input[type=3D"tel"]:disable= d, input[type=3D"text"]:disabled, input[type=3D"time"]:disabled, input[type= =3D"url"]:disabled, input[type=3D"week"]:disabled, select[multiple]:disable= d, select[size]:disabled, textarea:disabled { background: var(--devsite-bac= kground-3); } body input[type=3D"file"] { height: auto; line-height: 1; padding: var(--de= vsite-input-file-padding,8px 16px); } select { appearance: none; background-color: var(--devsite-select-backgroun= d-color); border: var(--devsite-select-border,var(--devsite-secondary-borde= r)); border-radius: var(--devsite-select-border-radius); box-shadow: none; = color: var(--devsite-select-color,var(--devsite-primary-text-color)); curso= r: pointer; display: inline-block; font-style: ; font-variant-ligatures: ; = font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; fon= t-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font= -weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing:= ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variat= ion-settings: ; font-language-override: ; height: var(--devsite-select-heig= ht,36px); line-height: var(--devsite-select-line-height,34px); max-width: v= ar(--devsite-select-max-width,340px); min-width: 72px; outline: 0px; overfl= ow: hidden; padding: var(--devsite-select-padding,0 27px 0 7px); text-align= : left; text-indent: 0.01px; text-overflow: ellipsis; transition: backgroun= d-color 0.2s; vertical-align: middle; white-space: nowrap; background-image= : var(--devsite-select-background-image); background-position: 100% center;= background-repeat: no-repeat; } select:focus, select:hover { background-color: var(--devsite-select-backgro= und-color-hover,var(--devsite-background-3)); border: var(--devsite-select-= border-hover,var(--devsite-select-border,var(--devsite-secondary-border)));= color: var(--devsite-select-color-hover); } select:active { background-color: var(--devsite-select-background-color-act= ive,var(--devsite-background-4)); color: var(--devsite-select-color-active)= ; } select:disabled { background-color: var(--devsite-background-3); border-col= or: transparent; color: var(--devsite-tertiary-text-color); cursor: default= ; } select:disabled { background-image: url("data:image/svg+xml;utf8,"); } @media screen and (-ms-high-contrast:active) { select { background-image: url("data:image/svg+xml;utf8,"); } } @media screen and (-ms-high-contrast:black-on-white) { select { background-image: url("data:image/svg+xml;utf8,"); } } input[type=3D"checkbox"] { appearance: none; background: var(--devsite-back= ground-1); border-radius: var(--devsite-checkbox-border-radius); cursor: po= inter; height: var(--devsite-checkbox-size); margin-block: var(--devsite-ch= eckbox-margin-block); margin-inline: var(--devsite-checkbox-margin-inline);= outline: 0px; position: relative; transition: color 0.2s; vertical-align: = middle; width: var(--devsite-checkbox-size); } input[type=3D"checkbox"] { color: var(--devsite-secondary-text-color); } input[type=3D"checkbox"]:focus::before { background: var(--devsite-backgrou= nd-4); } input[type=3D"checkbox"]:checked, input[type=3D"checkbox"]:indeterminate { = color: var(--devsite-link-color); } input[type=3D"checkbox"]:checked:focus::before, input[type=3D"checkbox"]:in= determinate:focus::before { background: var(--devsite-input-background-focu= s,var(--devsite-link-background)); } input[type=3D"checkbox"]::after { content: "check_box_outline_blank"; font-= style: normal; font-variant: normal; font-size-adjust: none; font-language-= override: normal; font-kerning: auto; font-optical-sizing: auto; font-varia= tion-settings: normal; font-weight: normal; font-stretch: normal; font-size= : 24px; line-height: 1; font-family: "Material Icons"; font-feature-setting= s: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeleg= ibility; text-transform: none; overflow-wrap: normal; position: relative; r= ight: var(--devsite-checkbox-offset-x); top: var(--devsite-checkbox-offset-= y); z-index: 1; } :host-context([dir=3D"rtl"]) input[type=3D"checkbox"]::after, [dir=3D"rtl"]= input[type=3D"checkbox"]::after { left: var(--devsite-checkbox-offset-x); = right: auto; } input[type=3D"checkbox"]:checked::after { content: "check_box"; } input[type=3D"checkbox"]:indeterminate::after { content: "indeterminate_che= ck_box"; } input[type=3D"checkbox"]::before { border-radius: var(--devsite-checkbox-ic= on-canvas-border-radius); content: ""; display: block; font-style: normal; = font-variant: normal; font-size-adjust: none; font-language-override: norma= l; font-kerning: auto; font-optical-sizing: auto; font-variation-settings: = normal; font-weight: normal; font-stretch: normal; font-size: 24px; line-he= ight: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -web= kit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-t= ransform: none; overflow-wrap: normal; height: var(--devsite-checkbox-icon-= canvas-size); position: absolute; top: var(--devsite-checkbox-icon-canvas-o= ffset-y); transition: background 0.2s; width: var(--devsite-checkbox-icon-c= anvas-size); } :host-context([dir=3D"ltr"]) input[type=3D"checkbox"]::before, [dir=3D"ltr"= ] input[type=3D"checkbox"]::before { left: var(--devsite-checkbox-icon-canv= as-offset-x); } :host-context([dir=3D"rtl"]) input[type=3D"checkbox"]::before, [dir=3D"rtl"= ] input[type=3D"checkbox"]::before { right: var(--devsite-checkbox-icon-can= vas-offset-x); } input[type=3D"checkbox"]:disabled { color: var(--devsite-input-color-disabl= ed,var(--devsite-tertiary-text-color)); cursor: default; } label { color: var(--devsite-secondary-text-color); display: block; font-si= ze: 12px; } input + label { color: var(--devsite-primary-text-color); display: inline; = font-size: 16px; } label[for] { cursor: pointer; } input:disabled + label { color: var(--devsite-input-color-disabled,var(--de= vsite-tertiary-text-color)); cursor: default; } devsite-book-nav .devsite-breadcrumb-list, devsite-content .devsite-breadcr= umb-list, devsite-header .devsite-breadcrumb-list { -webkit-box-align: cent= er; align-items: center; display: var(--devsite-breadcrumb-list-display); p= adding: var(--devsite-breadcrumb-list-padding); white-space: nowrap; } .devsite-search-project .devsite-breadcrumb-list, devsite-book-nav .devsite= -breadcrumb-list, devsite-header .devsite-breadcrumb-list { display: flex; = font-family: var(--devsite-font-family,var(--devsite-primary-font-family));= } devsite-header .devsite-breadcrumb-list { letter-spacing: var(--devsite-hea= der-lower-breadcrumb-letter-spacing,0); text-transform: var(--devsite-heade= r-lower-breadcrumb-text-transform,none); } devsite-content .devsite-breadcrumb-list { background: var(--devsite-breadc= rumb-list-background,var(--devsite-background-1)); display: var(--devsite-b= readcrumb-list-display,inline-flex); -webkit-box-flex: 1; flex: 1 1 0%; fle= x-wrap: wrap; font-size: var(--devsite-breadcrumb-list-font-size,13px); wid= th: var(--devsite-breadcrumb-list-width); } devsite-book-nav .devsite-breadcrumb-item, devsite-content .devsite-breadcr= umb-item, devsite-header .devsite-breadcrumb-item { -webkit-box-align: cent= er; align-items: center; display: flex; margin: 0px; padding: var(--devsite= -breadcrumb-padding); } devsite-book-nav .devsite-breadcrumb-guillemet, devsite-book-nav .devsite-b= readcrumb-link, devsite-header .devsite-breadcrumb-guillemet, devsite-heade= r .devsite-breadcrumb-link { color: var(--devsite-secondary-text-rgba); fil= l: var(--devsite-secondary-text-rgba); } devsite-book-nav .devsite-breadcrumb-guillemet:focus, devsite-book-nav .dev= site-breadcrumb-guillemet:hover, devsite-book-nav .devsite-breadcrumb-link:= focus, devsite-book-nav .devsite-breadcrumb-link:hover, devsite-header .dev= site-breadcrumb-guillemet:focus, devsite-header .devsite-breadcrumb-guillem= et:hover, devsite-header .devsite-breadcrumb-link:focus, devsite-header .de= vsite-breadcrumb-link:hover { color: var(--devsite-primary-text-rgba); } devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordma= rk-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-breadcrum= b-guillemet:focus .devsite-google-wordmark-svg-path, devsite-header .devsit= e-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, devsite-hea= der .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, devsi= te-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path = { fill: var(--devsite-primary-text-rgba); } devsite-book-nav .devsite-breadcrumb-guillemet, devsite-header .devsite-bre= adcrumb-guillemet { font-size: 24px; margin: 0px 4px; width: 24px; } devsite-content .devsite-breadcrumb-guillemet { color: var(--devsite-second= ary-text-color); font-size: 18px; margin: 0px 4px; width: 18px; } devsite-book-nav .devsite-breadcrumb-guillemet::before, devsite-content .de= vsite-breadcrumb-guillemet::before, devsite-header .devsite-breadcrumb-guil= lemet::before { content: "chevron_right"; } [dir=3D"rtl"] devsite-book-nav .devsite-breadcrumb-guillemet::before, [dir= =3D"rtl"] devsite-content .devsite-breadcrumb-guillemet::before, [dir=3D"rt= l"] devsite-header .devsite-breadcrumb-guillemet::before { content: "chevro= n_left"; } devsite-book-nav .devsite-breadcrumb-link, devsite-content .devsite-breadcr= umb-link, devsite-header .devsite-breadcrumb-link { display: inline-block; = transition: color 0.2s; } devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, devsite-h= eader .devsite-product-description-row .devsite-breadcrumb-guillemet, devsi= te-header .devsite-product-description-row .devsite-breadcrumb-link { color= : var(--devsite-header-foreground-lower-hover,var(--devsite-inverted-text-c= olor)); fill: var(--devsite-header-foreground-lower-hover,var(--devsite-inv= erted-text-color)); } devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, dev= site-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, devsit= e-header .devsite-product-description-row .devsite-breadcrumb-guillemet:foc= us, devsite-header .devsite-product-description-row .devsite-breadcrumb-gui= llemet:hover, devsite-header .devsite-product-description-row .devsite-brea= dcrumb-link:focus, devsite-header .devsite-product-description-row .devsite= -breadcrumb-link:hover { color: var(--devsite-header-foreground-lower,var(-= -devsite-inverted-text-rgba)); fill: var(--devsite-header-foreground-lower,= var(--devsite-inverted-text-rgba)); } devsite-book-nav .devsite-breadcrumb-link:focus, devsite-book-nav .devsite-= breadcrumb-link:hover, devsite-header .devsite-breadcrumb-link:focus, devsi= te-header .devsite-breadcrumb-link:hover { text-decoration: none; } devsite-content .devsite-breadcrumb-link { color: var(--devsite-breadcrumb-= link-color,var(--devsite-secondary-text-color)); } devsite-content .devsite-breadcrumb-link:focus, devsite-content .devsite-br= eadcrumb-link:hover { color: var(--devsite-breadcrumb-link-hover,var(--devs= ite-link-color)); text-decoration: none; } .devsite-nav { font-size: var(--devsite-nav-font-size,13px); } .devsite-nav-list, .devsite-nav-responsive-tabs, .devsite-nav-section { lis= t-style-type: none; padding: 0px; } .devsite-nav-item { line-height: var(--devsite-nav-item-line-height,16px); = margin: 0px; } .devsite-nav-title { color: var(--devsite-nav-title-color,var(--devsite-pri= mary-text-color)); display: flex; padding: var(--devsite-nav-title-padding,= 4px 0); user-select: none; } .devsite-nav-title[href]:focus, .devsite-nav-title[href]:hover { color: var= (--devsite-nav-color-hover,var(--devsite-link-color)); text-decoration: non= e; } .devsite-nav-heading > .devsite-nav-title { color: var(--devsite-nav-headin= g-color,var(--devsite-secondary-text-rgba)); font-weight: 700; } .devsite-nav-active { font-weight: var(--devsite-nav-font-weight-active,500= ); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { .devsite-nav-active { font-weight: 700; text-decoration: underline; } } .devsite-nav-active, .devsite-nav-active.devsite-nav-title, .devsite-nav-ac= tive.devsite-nav-title > .devsite-nav-icon::before, .devsite-nav-deprecated= .devsite-nav-active.devsite-nav-title { color: var(--devsite-nav-color-act= ive,var(--devsite-link-color-active,var(--devsite-link-color))); } .devsite-nav-text { overflow: hidden; text-overflow: ellipsis; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-title-no-pa= th:focus, .devsite-nav-title-no-path:focus { color: var(--devsite-link-colo= r); } .devsite-nav-icon { cursor: default; font-size: 18px; margin: -1px 0px -1px= 4px; } [dir=3D"rtl"] .devsite-nav-icon { margin: -1px 4px -1px 0px; } .devsite-nav-icon::before { color: var(--devsite-secondary-text-color); con= tent: "info"; } .devsite-nav-icon[data-icon=3D"alpha"]::before, .devsite-nav-icon[data-icon= =3D"beta"]::before, .devsite-nav-icon[data-icon=3D"experimental"]::before, = .devsite-nav-icon[data-icon=3D"preview"]::before { content: url("data:image= /svg+xml;utf8,"); } .devsite-nav-deprecated .devsite-nav-title, .devsite-nav-deprecated.devsite= -nav-accordion .devsite-nav-title, .devsite-nav-icon[data-icon=3D"deprecate= d"]::before, .devsite-nav-icon[data-icon=3D"unsupported"]::before { color: = var(--devsite-secondary-text-color); } .devsite-nav-icon[data-icon=3D"deprecated"]::before, .devsite-nav-icon[data= -icon=3D"unsupported"]::before { content: "not_interested"; } .devsite-nav-icon[data-icon=3D"external"]::before { content: "open_in_new";= } [dir=3D"rtl"] .devsite-nav-icon[data-icon=3D"external"]::before { display: = inline-block; transform: scaleX(-1); } .devsite-nav-icon[data-icon=3D"forward"]::before { content: "arrow_forward"= ; cursor: pointer; } [dir=3D"rtl"] .devsite-nav-icon[data-icon=3D"forward"]::before { content: "= arrow_back"; } .devsite-nav-icon[data-icon=3D"limited"]::before { content: "verified_user"= ; } .devsite-nav-icon[data-icon=3D"new"]::before { content: "new_releases"; } .devsite-nav-icon[data-icon=3D"nightly"]::before { content: "nights_stay"; = } .button, .devsite-footer-utility-button > a, button, input[type=3D"button"]= , input[type=3D"file"], input[type=3D"image"], input[type=3D"reset"], input= [type=3D"submit"] { appearance: none; background: var(--devsite-button-back= ground,var(--devsite-background-1)); border: var(--devsite-button-border,0)= ; border-radius: var(--devsite-button-border-radius,2px); box-shadow: var(-= -devsite-button-box-shadow,0 1px 2px 0 var(--devsite-elevation-key-shadow-c= olor),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)); box-siz= ing: border-box; color: var(--devsite-button-color); cursor: pointer; displ= ay: inline-block; font-style: ; font-variant-ligatures: ; font-variant-caps= : ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alterna= tes: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-s= tretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adju= st: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; f= ont-language-override: ; height: var(--devsite-button-height,36px); letter-= spacing: var(--devsite-button-letter-spacing,0); line-height: var(--devsite= -button-line-height,36px); margin: var(--devsite-button-margin,0); margin-i= nline-end: var(--devsite-button-margin-x-end); max-width: var(--devsite-but= ton-max-width,none); min-width: 36px; outline: 0px; overflow: hidden; paddi= ng: var(--devsite-button-padding,0 16px); text-align: center; text-decorati= on: none; text-overflow: ellipsis; text-transform: var(--devsite-button-tex= t-transform,uppercase); transition: background-color 0.2s, border 0.2s, box= -shadow 0.2s; vertical-align: middle; white-space: nowrap; width: var(--dev= site-button-width,auto); } .button:focus, .button:hover, .devsite-footer-utility-button > a:focus, .de= vsite-footer-utility-button > a:hover, button:focus, button:hover, input[ty= pe=3D"button"]:focus, input[type=3D"button"]:hover, input[type=3D"file"]:fo= cus, input[type=3D"file"]:hover, input[type=3D"image"]:focus, input[type=3D= "image"]:hover, input[type=3D"reset"]:focus, input[type=3D"reset"]:hover, i= nput[type=3D"submit"]:focus, input[type=3D"submit"]:hover { background: var= (--devsite-button-background-hover); border: var(--devsite-button-border-ho= ver,0); color: var(--devsite-button-color-hover,var(--devsite-button-color)= ); font-weight: 500; text-decoration: var(--devsite-button-text-decoration-= hover,none); } .button:focus, .devsite-footer-utility-button > a:focus, button:focus, inpu= t[type=3D"button"]:focus, input[type=3D"file"]:focus, input[type=3D"image"]= :focus, input[type=3D"reset"]:focus, input[type=3D"submit"]:focus { box-sha= dow: var(--devsite-button-box-shadow-focus,none); } .button:active, .devsite-footer-utility-button > a:active, button:active, i= nput[type=3D"button"]:active, input[type=3D"file"]:active, input[type=3D"im= age"]:active, input[type=3D"reset"]:active, input[type=3D"submit"]:active {= background: var(--devsite-button-background-active); border: var(--devsite= -button-border-active,0); box-shadow: var(--devsite-button-box-shadow-activ= e,0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(-= -devsite-elevation-ambient-shadow-color)); transform: var(--devsite-button-= transform-active,none); } [foreground] .button, [foreground][background] .button { border-color: var(= --devsite-foreground-button-border-color,transparent); } [foreground] .button, [foreground] .button:active, [foreground] .button:foc= us, [foreground] .button:hover, [foreground][background] .button, [foregrou= nd][background] .button:active, [foreground][background] .button:focus, [fo= reground][background] .button:hover { color: var(--devsite-foreground-butto= n-color,var(--devsite-foreground-color,var(--devsite-primary-color,var(--de= vsite-button-color)))); } [foreground] .button:active, [foreground] .button:focus, [foreground] .butt= on:hover, [foreground][background] .button:active, [foreground][background]= .button:focus, [foreground][background] .button:hover { background: var(--= devsite-foreground-button-background-hover); border-color: var(--devsite-fo= reground-button-border-color-hover,transparent); color: var(--devsite-foreg= round-button-color-hover,var(--devsite-foreground-color,var(--devsite-prima= ry-color,var(--devsite-button-color)))); } [foreground] .button:active, [foreground][background] .button:active { back= ground: var(--devsite-foreground-button-background-active,var(--devsite-for= eground-button-background-hover)); border-color: var(--devsite-foreground-b= utton-border-color-active,transparent); } [background]:not(.devsite-landing-row-cards) .button { background: var(--de= vsite-background-button-background,var(--devsite-background-1)); border-col= or: var(--devsite-background-button-border-color,transparent); color: var(-= -devsite-foreground-button-color,var(--devsite-background-button-color,var(= --devsite-button-color))); } [background]:not(.devsite-landing-row-cards) .button:active, [background]:n= ot(.devsite-landing-row-cards) .button:focus, [background]:not(.devsite-lan= ding-row-cards) .button:hover { background: var(--devsite-background-button= -background-hover,var(--devsite-button-background-hover)); border-color: va= r(--devsite-background-button-border-color-hover,transparent); color: var(-= -devsite-foreground-button-color-hover,var(--devsite-foreground-button-colo= r,var(--devsite-background-button-color-hover,var(--devsite-button-color)))= ); } [background]:not(.devsite-landing-row-cards) .button:active { border-color:= var(--devsite-background-button-border-color-active,transparent); } .button.button-disabled, .button.button-disabled:active, .button.button-dis= abled:focus, .button.button-disabled:hover, [background] .button.button-dis= abled, [background] .button.button-disabled:active, [background] .button.bu= tton-disabled:focus, [background] .button.button-disabled:hover, [foregroun= d] .button.button-disabled, [foreground] .button.button-disabled:active, [f= oreground] .button.button-disabled:focus, [foreground] .button.button-disab= led:hover, body[theme] [background] .button.button-disabled, body[theme] [b= ackground] .button.button-disabled:active, body[theme] [background] .button= .button-disabled:focus, body[theme] [background] .button.button-disabled:ho= ver, body[theme] [foreground] .button.button-disabled, body[theme] [foregro= und] .button.button-disabled:active, body[theme] [foreground] .button.butto= n-disabled:focus, body[theme] [foreground] .button.button-disabled:hover, b= utton[disabled], button[disabled]:active, button[disabled]:focus, button[di= sabled]:hover, input[type=3D"button"][disabled], input[type=3D"button"][dis= abled]:active, input[type=3D"button"][disabled]:focus, input[type=3D"button= "][disabled]:hover, input[type=3D"file"][disabled], input[type=3D"file"][di= sabled]:active, input[type=3D"file"][disabled]:focus, input[type=3D"file"][= disabled]:hover, input[type=3D"image"][disabled], input[type=3D"image"][dis= abled]:active, input[type=3D"image"][disabled]:focus, input[type=3D"image"]= [disabled]:hover, input[type=3D"reset"][disabled], input[type=3D"reset"][di= sabled]:active, input[type=3D"reset"][disabled]:focus, input[type=3D"reset"= ][disabled]:hover, input[type=3D"submit"][disabled], input[type=3D"submit"]= [disabled]:active, input[type=3D"submit"][disabled]:focus, input[type=3D"su= bmit"][disabled]:hover { background: var(--devsite-button-disabled-backgrou= nd,#ddd); border: var(--devsite-button-disabled-border,0); box-shadow: none= ; color: var(--devsite-button-disabled-color,var(--devsite-tertiary-text-rg= ba)); cursor: default; line-height: var(--devsite-button-disabled-line-heig= ht,36px); pointer-events: none; } .button-blue, .button-green, .button-primary, .button-red, body devsite-foo= ter-utility .devsite-footer-utility-button > a { background: var(--devsite-= button-primary-background,var(--devsite-button-color)); color: var(--devsit= e-button-primary-color,var(--devsite-inverted-text-color)); line-height: va= r(--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:hov= er, .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, bod= y devsite-footer-utility .devsite-footer-utility-button > a:focus, body dev= site-footer-utility .devsite-footer-utility-button > a:hover { border: 0px;= } .button-blue:hover, .button-green:hover, .button-primary:hover, .button-red= :hover, body devsite-footer-utility .devsite-footer-utility-button > a:hove= r { box-shadow: var(--devsite-button-primary-box-shadow-hover,0 1px 2px 0 v= ar(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevat= ion-ambient-shadow-color)); } .button-blue:focus, .button-blue:hover, .button-green:focus, .button-green:= hover, .button-primary:focus, .button-primary:hover, .button-red:focus, .bu= tton-red:hover, body devsite-footer-utility .devsite-footer-utility-button = > a:focus, body devsite-footer-utility .devsite-footer-utility-button > a:h= over { background: var(--devsite-button-primary-background-hover); border: = var(--devsite-button-primary-border-hover); color: var(--devsite-button-pri= mary-color-hover,var(--devsite-inverted-text-color)); } .button-blue:active, .button-green:active, .button-primary:active, .button-= red:active, body devsite-footer-utility .devsite-footer-utility-button > a:= active { background: var(--devsite-button-primary-background-active); box-s= hadow: var(--devsite-button-primary-box-shadow-active,0 1px 2px 0 var(--dev= site-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambi= ent-shadow-color)); color: var(--devsite-button-primary-color-active,var(--= devsite-inverted-text-color)); } [background]:not(.devsite-landing-row-cards) .button-primary { background: = var(--devsite-background-button-primary-background,var(--devsite-background= -1)); color: var(--devsite-background-button-primary-color,var(--devsite-bu= tton-color)); } [background]:not(.devsite-landing-row-cards) .button-primary:active, [backg= round]:not(.devsite-landing-row-cards) .button-primary:focus, [background]:= not(.devsite-landing-row-cards) .button-primary:hover { color: var(--devsit= e-background-button-primary-color-hover,var(--devsite-background-button-pri= mary-color,var(--devsite-button-color))); } [background]:not(.devsite-landing-row-cards) .button-primary:focus, [backgr= ound]:not(.devsite-landing-row-cards) .button-primary:hover { background: v= ar(--devsite-background-button-primary-background-hover); } [background]:not(.devsite-landing-row-cards) .button-primary:active { backg= round: var(--devsite-background-button-primary-background-hover); } [foreground] .button-primary, [foreground][background] .button-primary { ba= ckground: var(--devsite-foreground-button-primary-background); color: var(-= -devsite-foreground-button-primary-color,var(--devsite-inverted-text-color)= ); } [foreground] .button-primary:active, [foreground] .button-primary:focus, [f= oreground] .button-primary:hover, [foreground][background] .button-primary:= active, [foreground][background] .button-primary:focus, [foreground][backgr= ound] .button-primary:hover { background: var(--devsite-foreground-button-p= rimary-background-hover); color: var(--devsite-foreground-button-primary-co= lor-hover,var(--devsite-foreground-button-primary-color,var(--devsite-inver= ted-text-color))); } .button-white { background: 0px center; line-height: var(--devsite-button-w= hite-line-height,36px); padding: 0px 8px; } .button-white, .button-white:active, .button-white:focus, .button-white:hov= er { border: 0px; color: var(--devsite-button-white-color,var(--devsite-but= ton-color)); } .button-white, .button-white:hover { box-shadow: var(--devsite-button-white= -box-shadow-hover,none); } .button-white:active, .button-white:focus, .button-white:hover { text-decor= ation: var(--devsite-button-white-text-decoration-hover,none); } .button-white:focus, .button-white:hover { background: var(--devsite-button= -white-background-hover,var(--devsite-button-background-hover)); } .button-white:focus { box-shadow: var(--devsite-button-white-box-shadow-foc= us,none); } .button-white:active { background: var(--devsite-button-white-background-ac= tive,var(--devsite-button-background-active)); box-shadow: var(--devsite-bu= tton-white-box-shadow-active,none); } [background]:not(.devsite-landing-row-cards) .button-white { background: tr= ansparent; } [background]:not(.devsite-landing-row-cards) .button-white, [background]:no= t(.devsite-landing-row-cards) .button-white:active, [background]:not(.devsi= te-landing-row-cards) .button-white:focus, [background]:not(.devsite-landin= g-row-cards) .button-white:hover { color: var(--devsite-background-button-w= hite-color,var(--devsite-inverted-text-color)); } [background]:not(.devsite-landing-row-cards) .button-white:hover { backgrou= nd: var(--devsite-background-button-white-background-hover); } [background]:not(.devsite-landing-row-cards) .button-white:focus { backgrou= nd: var(--devsite-background-button-white-background-focus); } [background][foreground] .button-white, [background][foreground] .button-wh= ite:active, [background][foreground] .button-white:focus, [background][fore= ground] .button-white:hover, [foreground] .button-white, [foreground] .butt= on-white:active, [foreground] .button-white:focus, [foreground] .button-whi= te:hover { color: var(--devsite-foreground-button-white-color,var(--devsite= -foreground-button-color,var(--devsite-foreground-color))); } [background][foreground] .button-white:focus, [background][foreground] .but= ton-white:hover, [foreground] .button-white:focus, [foreground] .button-whi= te:hover { background: var(--devsite-foreground-button-white-background-hov= er,var(--devsite-foreground-button-background-hover)); } [background][foreground] .button-white:active, [foreground] .button-white:a= ctive { background: var(--devsite-foreground-button-white-background-active= ,var(--devsite-foreground-button-background-active,var(--devsite-foreground= -button-background-hover))); } [background=3D"theme"]:not(.devsite-landing-row-cards) .button-white { colo= r: var(--devsite-text-color,var(--devsite-inverted-text-color)); } .button-white.button-disabled, .button-white[disabled] { background: 0px ce= nter; } .button-raised { background: var(--devsite-button-raised-background,var(--d= evsite-background-1)); box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-= shadow-color),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); = line-height: var(--devsite-button-raised-line-height,36px); } .button-raised, .button-raised:active, .button-raised:focus, .button-raised= :hover { border: 0px; color: var(--devsite-button-raised-color,var(--devsit= e-button-color)); } .button-raised:focus, .button-raised:hover { background: var(--devsite-butt= on-raised-background-hover,var(--devsite-button-background-hover)); box-sha= dow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px va= r(--devsite-elevation-ambient-shadow-color); } .button-raised:active { background: var(--devsite-button-raised-background-= active,var(--devsite-button-background-active)); box-shadow: 0 1px 3px 0 va= r(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsite-elevati= on-ambient-shadow-color); } [background]:not(.devsite-landing-row-cards) .button-raised { background: v= ar(--devsite-background-1); } .button + .button, button + button, input[type=3D"button"] + input[type=3D"= button"], input[type=3D"file"] + input[type=3D"file"], input[type=3D"image"= ] + input[type=3D"image"], input[type=3D"reset"] + input[type=3D"reset"], i= nput[type=3D"submit"] + input[type=3D"submit"] { margin-inline-start: var(-= -devsite-button-sibling-gap-x,16px); } .button-flat + .button-flat, .button-white + .button-white, button + .butto= n { margin-left: 8px; } [dir=3D"rtl"] .button-flat + .button-flat, [dir=3D"rtl"] .button-white + .b= utton-white, [dir=3D"rtl"] button + .button { margin-left: 0px; margin-righ= t: 8px; } .button-flat { padding: 0px 8px; } .button-flat, .button-flat:active, .button-flat:focus, .button-flat:hover {= background: 0px center; border: 0px; box-shadow: none; } .button-flat:disabled { background-color: transparent; } [foreground] .button-primary:active, [foreground] .button-primary:focus, [f= oreground] .button-primary:hover, [foreground] .button-raised:active, [fore= ground] .button-raised:focus, [foreground] .button-raised:hover, [foregroun= d] .button-white:active, [foreground] .button-white:focus, [foreground] .bu= tton-white:hover { border: 0px; } .button-transparent { padding: 0px 8px; } .button-transparent, .button-transparent:focus, .button-transparent:hover {= background-color: transparent; border: 0px; box-shadow: none; } .button-text-white { color: var(--devsite-inverted-text-color); } .button-text-blue { color: var(--devsite-link-color); } .button-lowercase { text-transform: none; } [dir=3D"ltr"] .button-unindented { margin-left: var(--devsite-button-uninde= nted-margin-x,-8px); } [dir=3D"rtl"] .button-unindented { margin-right: var(--devsite-button-unind= ented-margin-x,-8px); } .button-icon, .button > .material-icons, button > .material-icons { font-si= ze: 18px; height: 18px; width: 18px; } .button.button-with-icon, .button.external { padding: var(--devsite-button-= with-icon-padding,0 16px); } .button-primary.button-with-icon, .button-primary.external, .button-raised.= button-with-icon, .button-raised.external { padding: var(--devsite-button-p= rimary-with-icon-padding,0 16px); } .button-white.button-with-icon, .button-white.external { padding: 0px 16px;= } .button > .material-icons, button > .material-icons { margin: 0px 8px; posi= tion: relative; top: -2px; vertical-align: middle; } .button > .button-icon, button > .button-icon { margin: 0px 8px; } .button-with-icon > .button-icon, .button-with-icon > .material-icons { mar= gin: 0px 8px 0px -4px; } [dir=3D"rtl"] .button-with-icon > .button-icon, [dir=3D"rtl"] .button-with-= icon > .material-icons { margin: 0px -4px 0px 8px; } .button-with-icon > .icon-after, .button.external:not(.button-with-icon)::a= fter, button.external:not(.button-with-icon)::after { margin: 0px -4px 0px = 8px; } [dir=3D"rtl"] .button-with-icon > .icon-after, [dir=3D"rtl"] .button.extern= al:not(.button-with-icon)::after, [dir=3D"rtl"] button.external:not(.button= -with-icon)::after { margin: 0px 8px 0px -4px; } [dir=3D"ltr"] .button:not(.button-with-icon) > .material-icons:not(.icon-af= ter) { margin-left: var(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"rtl"] .button:not(.button-with-icon) > .material-icons:not(.icon-af= ter) { margin-right: var(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"ltr"] .button:not(.button-with-icon) > .icon-after { margin-right: = var(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"rtl"] .button:not(.button-with-icon) > .icon-after { margin-left: v= ar(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"ltr"] .button-white:not(.button-with-icon) > .material-icons:not(.i= con-after) { margin-left: var(--devsite-button-white-material-icon-margin-x= ,4px); } [dir=3D"rtl"] .button-white:not(.button-with-icon) > .material-icons:not(.i= con-after) { margin-right: var(--devsite-button-white-material-icon-margin-= x,4px); } [dir=3D"ltr"] .button-white:not(.button-with-icon) > .icon-after { margin-r= ight: var(--devsite-button-white-material-icon-margin-x,4px); } [dir=3D"rtl"] .button-white:not(.button-with-icon) > .icon-after { margin-l= eft: var(--devsite-button-white-material-icon-margin-x,4px); } .devsite-landing-row-item[foreground=3D"grey"] .button, [foreground=3D"grey= "] .button { background: var(--devsite-secondary-text-color); } .devsite-landing-row-item[foreground=3D"grey"] .button:active, .devsite-lan= ding-row-item[foreground=3D"grey"] .button:focus, .devsite-landing-row-item= [foreground=3D"grey"] .button:hover, [foreground=3D"grey"] .button:active, = [foreground=3D"grey"] .button:focus, [foreground=3D"grey"] .button:hover { = background: rgb(60, 64, 67); } [layout=3D"docs"] h1, [layout=3D"docs"] h2, [layout=3D"docs"] h3, [layout= =3D"docs"] h4, [layout=3D"docs"] h5, [layout=3D"docs"] h6 { overflow: hidde= n; text-overflow: ellipsis; } .devsite-article h1:first-of-type { display: inline; margin-top: 0px; verti= cal-align: middle; } .devsite-article[has-bookmark] h1:first-of-type { margin-inline-end: 83px; = } .devsite-landing-row h2, .devsite-landing-row-item-description h3, h1 { col= or: var(--devsite-heading-color,var(--devsite-secondary-text-color)); } .devsite-landing-row h2, .devsite-landing-row-large-headings .devsite-landi= ng-row-item-description h3, h1 { font: var(--devsite-h1-font); letter-spaci= ng: var(--devsite-h1-letter-spacing); margin: var(--devsite-h1-margin); } .devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-ite= m-description h3, .devsite-landing-row-large-headings h2 { font: var(--devs= ite-display-font); letter-spacing: var(--devsite-display-letter-spacing); } .devsite-landing-row .devsite-catalog-alphabet-letter-heading h2 { margin: = 20px 0px; } [layout=3D"docs"] h2 { border-bottom: var(--devsite-h2-border,var(--devsite= -secondary-border)); padding: var(--devsite-h2-padding); } .devsite-landing-row h3, h2 { font: var(--devsite-h2-font); letter-spacing:= var(--devsite-h2-letter-spacing); margin: var(--devsite-h2-margin); } h3 { font: var(--devsite-h3-font); letter-spacing: var(--devsite-h3-letter-= spacing); margin: var(--devsite-h3-margin); } .devsite-landing-row h4, .devsite-landing-row-item-no-media h3 { font: var(= --devsite-h3-font); margin: var(--devsite-h3-margin,32px 0 12px); padding: = 0px; } .devsite-landing-row-large-headings .devsite-landing-row-item-list h4 { fon= t: 400 20px/32px var(--devsite-primary-font-family); letter-spacing: -0.01e= m; } h4, h5, h6 { margin: 32px 0px 16px; } h4 { font: var(--devsite-h4-font); letter-spacing: var(--devsite-h4-letter-= spacing); } h5 { font: var(--devsite-h5-font); letter-spacing: var(--devsite-h5-letter-= spacing); } h6 { font: var(--devsite-h6-font); letter-spacing: var(--devsite-h6-letter-= spacing); } 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 + h= 3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 0px; } table { border: 0px; border-collapse: collapse; border-spacing: 0px; font: = 14px/20px var(--devsite-primary-font-family); margin: 16px 0px 15px; width:= 100%; } caption { background: var(--devsite-background-3); font-weight: 500; paddin= g: 12px 8px; text-align: center; } tr { background: var(--devsite-table-row-background,0); border-top: 0px; bo= rder-right: 0px; border-left: 0px; border-image: initial; border-bottom: va= r(--devsite-table-row-border,var(--devsite-primary-border)); } tr:first-child { border-top: var(--devsite-table-row-border,var(--devsite-p= rimary-border)); } td, th { border: 0px; margin: 0px; text-align: left; } [dir=3D"rtl"] td, [dir=3D"rtl"] th { text-align: right; } th { font: var(--devsite-table-heading-font,500 16px/24px var(--devsite-pri= mary-font-family)); height: 48px; padding: var(--devsite-table-heading-padd= ing,8px); vertical-align: middle; } th > h2, th > h3 { border: 0px; font: var(--devsite-table-heading-font,500 = 16px/24px var(--devsite-primary-font-family)); margin: 0px !important; padd= ing: 0px !important; } td > .expandable > h2.showalways, td > .expandable > h3.showalways, td > h2= :only-child, td > h3:only-child { border: 0px; font: 500 14px/20px var(--de= vsite-primary-font-family); margin: 0px; padding-bottom: 0px; } td > .expandable > h2.showalways, td > .expandable > h3.showalways { line-h= eight: 24px; } table h4, table h5, table h6 { margin-left: 0px !important; margin-right: 0= px !important; padding-left: 0px !important; padding-right: 0px !important;= } td b, td strong, th b, th strong { font-weight: 500; } td { padding: var(--devsite-table-cell-padding,7px 8px 8px); } td code, th code { background: 0px center; border: 0px; font: 500 100%/1 va= r(--devsite-code-font-family); -webkit-font-smoothing: auto; padding: 0px; = } td pre code { font-weight: 400; -webkit-font-smoothing: antialiased; } table.responsive td, table.responsive th { min-width: 214px; } table.responsive table:not(.responsive) td, table.responsive table:not(.res= ponsive) th { min-width: 120px; } table.responsive td code, table.responsive th code { word-break: break-word= ; } table.responsive td tr:not(.alt) td:first-child, table.responsive tr:not(.a= lt) td td:first-child, td { background: var(--devsite-table-cell-background= ); 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: var(--devsite-table-margin,16px 0); overfl= ow: auto; } .devsite-table-wrapper .devsite-table-wrapper { margin: 0px; overflow: visi= ble; } .devsite-table-wrapper table { margin: 0px; } .devsite-table-wrapper .devsite-table-wrapper table { margin: 16px 0px; } table.responsive table.responsive { margin: 0px; } table.responsive td tr:first-child td { padding-top: 0px; } table.responsive td tr:last-child td { padding-bottom: 0px; } [dir=3D"ltr"] table.responsive td td:first-child { padding-left: 0px; } [dir=3D"rtl"] table.responsive td td:first-child { padding-right: 0px; } table.responsive > * > tr > th:not(:first-child), table.responsive > tr > t= h:not(:first-child) { display: none; } table.columns tr { border: 0px; } table table tr:first-child { border-top: 0px; } devsite-selector .devsite-table-wrapper:last-child tr:last-child, table tab= le tr:last-child { border-bottom: 0px; } th, th code { background: var(--devsite-table-heading-background,#e8eaed); = color: var(--devsite-table-heading-color,var(--devsite-primary-text-color))= ; } table.vertical-rules tr > td:not(:last-child), table.vertical-rules tr > th= :not(:last-child) { border-right: var(--devsite-table-row-border,var(--devs= ite-primary-border)); } .alt td, table.alternating-even-rows tr:nth-child(2n) td, table.alternating= -odd-rows tr:nth-child(2n+1) td, td.alt { background: var(--devsite-alt-tab= le-cell-background); } table.responsive > * > tr:not(.alt) td:first-child, table.responsive > tr:n= ot(.alt) td:first-child { background: var(--devsite-responsive-table-first-= column-background); } .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-b= ody > table.full-width td:first-child, .devsite-article-body > table.full-w= idth th:first-child { padding-left: 40px; } @media screen and (max-width: 840px) { .devsite-article-body > .devsite-full-width-table td:first-child, .devsit= e-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, .devsit= e-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-a= rticle-body > .devsite-full-width-table th:last-child, .devsite-article-bod= y > table.full-width td:last-child, .devsite-article-body > table.full-widt= h 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-b= ody > table.full-width td:last-child, .devsite-article-body > table.full-wi= dth 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-b= ody > table.full-width td:last-child, .devsite-article-body > table.full-wi= dth th:last-child { padding-right: 16px; } } .devsite-full-width-table table table td:first-child, .devsite-full-width-t= able table table th:first-child { padding-left: 0px; } @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: 0px; } } .devsite-full-width-table table table td:last-child, .devsite-full-width-ta= ble table table th:last-child { padding-right: 0px; } @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: 0px; } } @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(.r= esponsive) th { display: table-cell; } table.responsive > * > th, table.responsive > th { height: auto; padding:= var(--devsite-responsive-table-heading-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-scrollba= r, .devsite-tabs-overflow-menu::-webkit-scrollbar, .devsite-toc::-webkit-sc= rollbar, [scrollbars]::-webkit-scrollbar, pre::-webkit-scrollbar { height: = 8px; width: 8px; } .devsite-book-nav::-webkit-scrollbar-thumb, .devsite-dialog::-webkit-scroll= bar-thumb, .devsite-popout::-webkit-scrollbar-thumb, .devsite-table-wrapper= ::-webkit-scrollbar-thumb, .devsite-tabs-overflow-menu::-webkit-scrollbar-t= humb, .devsite-toc::-webkit-scrollbar-thumb, [scrollbars]::-webkit-scrollba= r-thumb, pre::-webkit-scrollbar-thumb { background: var(--devsite-scrollbar= -thumb-background); border-radius: 8px; } .devsite-doc-set-nav-row::-webkit-scrollbar, .devsite-header-upper-tabs::-w= ebkit-scrollbar, [no-horizontal-scrollbars]::-webkit-scrollbar { height: 0p= x; width: 0px; } .devsite-table-wrapper::-webkit-scrollbar-corner, [scrollbars]::-webkit-scr= ollbar-corner, pre::-webkit-scrollbar-corner { background: 0px center; } .devsite-cse-confidential-results { background: var(--devsite-confidential-= results-background); margin: 16px -40px; padding: 0px 40px 16px; } .devsite-cse-confidential-results + aside { margin-top: -16px !important; } .devsite-search-results-stats { margin-bottom: 8px; } .devsite-search-results .gs-title { font-weight: 500; } .devsite-search-results .gs-title:link, .devsite-search-results .gs-title:v= isited { color: var(--devsite-link-color); } .devsite-search-results .gs-webResult .gs-visibleUrl { color: var(--devsite= -search-results-breadcrumb-color); font-size: 14px; } .devsite-search-results .gs-snippet { margin-top: 0px; } .devsite-search-results .gs-webResult:not(.gs-no-results-result):not(.gs-er= ror-result) .gs-snippet { color: var(--devsite-primary-text-color); } .devsite-result-item-link .devsite-result-item-confidential, .devsite-searc= h-results .gs-title-label { background: var(--devsite-caution-notice-backgr= ound); border-radius: 4px; color: var(--devsite-caution-notice-color); disp= lay: inline-block; font: 500 11px/16px var(--devsite-primary-font-family); = letter-spacing: 0.8px; margin: 0px 8px; padding: 5px 8px 3px; text-transfor= m: uppercase; } body[template=3D"search"] .gsc-webResult .gsc-result { border: none; margin= : 24px 0px; padding: 0px; } .devsite-search-page-controls { margin-top: 8px; } .devsite-search-project { border-bottom: var(--devsite-primary-border); mar= gin-bottom: 24px; padding-bottom: 23px; } .devsite-search-project .devsite-project-scoped-results-title { -webkit-box= -align: center; align-items: center; display: flex; flex-wrap: wrap; margin= -bottom: 8px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-wrapper { -webkit-box-align: center; align-items: center; display:= flex; -webkit-box-flex: 0; flex: 0 0 auto; height: 36px; margin: 6px 0px; = } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-link, .devsite-search-project .devsite-project-scoped-results-titl= e .devsite-site-logo-link { -webkit-box-align: center; align-items: center;= display: flex; opacity: 1; transition: opacity 0.2s; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-link:focus, .devsite-search-project .devsite-project-scoped-result= s-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: var(--devsite-logo-height,32px); } .devsite-search-project .devsite-project-scoped-results-title .devsite-has-= google-wordmark > .devsite-breadcrumb-link, .devsite-search-project .devsit= e-project-scoped-results-title .devsite-has-google-wordmark > .devsite-prod= uct-name { direction: ltr; } .devsite-search-project .devsite-project-scoped-results-title .devsite-goog= le-wordmark { height: 24px; margin: 0px 4px 0px 0px; position: relative; to= p: 5px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-goog= le-wordmark-svg-path { 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-site= -logo-link picture { display: contents; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-logo-container { -webkit-box-align: center; align-items: center; border= -radius: 50%; color: var(--devsite-primary-color,var(--devsite-primary-text= -color)); display: flex; height: 36px; -webkit-box-pack: center; justify-co= ntent: center; margin-inline: 0px 4px; width: 36px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-logo-container[background] { background: var(--devsite-primary-color,va= r(--devsite-primary-text-color)); color: var(--devsite-inverted-text-color)= ; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-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-prod= uct-logo-container[background] .devsite-product-logo { font-size: 28px; hei= ght: 28px; max-width: 28px; min-width: 28px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name { font: var(--devsite-wordmark-font,400 20px/32px var(--devsite-pr= imary-font-family)); letter-spacing: 0px; margin: 0px; max-height: 32px; ov= erflow: hidden; text-overflow: ellipsis; transition: color 0.2s; white-spac= e: nowrap; } .devsite-search-project .devsite-project-scoped-results-title .devsite-site= -logo:not([src*=3D".svg"]) { height: auto; max-height: 32px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-brea= dcrumb-link > .devsite-product-name { color: inherit; } @media screen and (max-width: 840px) { .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper { -webkit-box-flex: 0; flex: 0 1 auto; min-width: 0px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), .devsite-s= earch-project .devsite-project-scoped-results-title .devsite-product-name-w= rapper .devsite-site-logo-link + .devsite-product-name { display: none; } .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper .devsite-breadcrumb-item, .devsite-search-project .devsi= te-project-scoped-results-title .devsite-product-name-wrapper .devsite-brea= dcrumb-link, .devsite-search-project .devsite-project-scoped-results-title = .devsite-product-name-wrapper .devsite-breadcrumb-list, .devsite-search-pro= ject .devsite-project-scoped-results-title .devsite-product-name-wrapper .d= evsite-product-name { width: 100%; } .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper .devsite-breadcrumb-link { overflow: hidden; text-overfl= ow: ellipsis; } } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-wrapper { position: relative; margin-left: 0.3em; } .devsite-search-project .devsite-breadcrumb-list, .devsite-search-project .= devsite-project-scoped-results-title { font: var(--devsite-wordmark-font,40= 0 20px/32px var(--devsite-primary-font-family)); } .devsite-search-project .devsite-breadcrumb-link, .devsite-search-project .= devsite-breadcrumb-link:hover { color: var(--devsite-primary-text-color); } .devsite-search-project .devsite-product-logo-container { color: var(--devs= ite-primary-color,var(--devsite-primary-text-color)); } .devsite-search-project .devsite-product-logo-container[background] { backg= round: var(--devsite-primary-color,var(--devsite-primary-text-color)); colo= r: var(--devsite-inverted-text-color); } .devsite-search-project .devsite-breadcrumb-link .devsite-google-wordmark {= fill: currentcolor; } .devsite-steps { border-top: var(--devsite-steps-border,0); display: flex; = flex-wrap: wrap; margin: var(--devsite-steps-margin,0); padding: var(--devs= ite-steps-padding,24px 0 40px); } .devsite-steps .steps-direction { display: flex; -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex= : 1; flex-grow: 1; font-weight: 500; -webkit-box-pack: center; justify-cont= ent: center; position: relative; } .devsite-steps .steps-previous { margin-left: var(--devsite-steps-prev-next= -margin-x,40px); } .devsite-steps .steps-next { margin-right: var(--devsite-steps-prev-next-ma= rgin-x,40px); text-align: right; } .devsite-steps .steps-link:hover { text-decoration: var(--devsite-steps-tex= t-decoration-hover,none); } .devsite-steps .steps-link:focus { text-decoration: none; } .devsite-steps .steps-link-direction { color: var(--devsite-steps-direction= -color,var(--devsite-link-color)); display: block; font: var(--devsite-step= s-direction-font,500 14px/24px var(--devsite-primary-font-family)); } .devsite-steps .steps-link-title { color: var(--devsite-steps-title-color);= display: var(--devsite-steps-title-display,inline); font: var(--devsite-st= eps-title-font,500 18px/24px var(--devsite-primary-font-family)); } .devsite-steps .steps-link:hover .steps-link-title { border-bottom: var(--d= evsite-steps-title-border-hover,none); } .devsite-steps .steps-link:focus .steps-link-title { border-bottom: var(--d= evsite-steps-title-border-focus); } .devsite-steps .steps-link-arrow { color: var(--devsite-steps-arrow-color,v= ar(--devsite-link-color)); position: absolute; } .devsite-steps .steps-link-arrow-left { left: var(--devsite-steps-arrow-x-s= tart,-40px); } .devsite-steps .steps-link-arrow-right { right: var(--devsite-steps-arrow-x= -start,-40px); } @media screen and (max-width: 840px) { .devsite-steps .steps-link-title { font: var(--devsite-steps-title-font,5= 00 14px/24px var(--devsite-primary-font-family)); } .devsite-steps .steps-previous { margin-left: var(--devsite-steps-prev-ne= xt-margin-x,24px); } .devsite-steps .steps-next { margin-right: var(--devsite-steps-prev-next-= margin-x,24px); } .devsite-steps .steps-link-arrow-left { left: var(--devsite-steps-arrow-x= -start,-24px); } .devsite-steps .steps-link-arrow-right { right: var(--devsite-steps-arrow= -x-start,-24px); } .devsite-steps .steps-link-arrow { bottom: var(--devsite-steps-arrow-y-en= d,4px); font-size: 16px; } } @media screen and (max-width: 600px) { .devsite-steps { padding: 8px 0px 16px; } .devsite-steps .steps-previous { margin-left: var(--devsite-steps-prev-ne= xt-margin-x,0); } .devsite-steps .steps-next { margin-right: var(--devsite-steps-prev-next-= margin-x,0); } .devsite-steps .steps-link-arrow { display: var(--devsite-steps-arrow-dis= play,none); } } .devsite-jsfiddle-hide { display: none; } html[cached] .devsite-wrapper { display: none; } .devsite-dialog:not([is-upgraded]), iframe.devsite-embedded-youtube-video:n= ot([is-upgraded]) { pointer-events: none; visibility: hidden; } .code-sample, .data-sample, .ds-selector-dropdown, .ds-selector-tabs, .kd-t= abbed-horz, .kd-tabbed-vert { display: none; } .expandable { display: none; } devsite-selector { pointer-events: none; visibility: hidden; } devsite-search .devsite-searchbox { background: var(--devsite-searchbox-bac= kground,var(--devsite-background-3)); border-radius: 2px; } iframe.framebox, iframe.inherit-locale { display: block; width: 100%; } [background] { background-color: var(--devsite-background-color,var(--devsi= te-primary-color)); } [background], [background]:not([foreground]) { color: var(--devsite-text-co= lor,var(--devsite-inverted-text-color)); } [background] :link:not(.button), [background] :visited:not(.button) { color= : var(--devsite-foreground-color,var(--devsite-link-color)); } [background] :focus > :not(.material-icons), [background] :link > :not(.mat= erial-icons):hover, [background] p > a:not(.button) { text-decoration: var(= --devsite-background-text-decoration,underline); } [background] p > a:focus { background: var(--devsite-inverted-text-rgba); b= order-radius: 2px; margin: -4px; padding: 4px; text-decoration: none; } [foreground] :focus > :not(.material-icons), [foreground] :link > :not(.mat= erial-icons):hover { color: var(--devsite-foreground-color,var(--devsite-pr= imary-color,var(--devsite-link-color))); text-decoration: underline; } [foreground] h2 a:not(.button), [foreground] h3 a:not(.button) { color: var= (--devsite-foreground-color,var(--devsite-primary-color,var(--devsite-link-= color))); } .devsite-landing-row-item[foreground] h2 a:not(.button), .devsite-landing-r= ow-item[foreground] h3 a:not(.button) { color: var(--devsite-foreground-col= or,var(--devsite-primary-color,var(--devsite-link-color))); } devsite-content { display: block; position: relative; } body[layout=3D"docs"] devsite-content { align-self: start; grid-area: 1 / 2= ; margin: 24px 0px; max-width: 936px; min-width: 0px; } body[layout=3D"docs"] .devsite-article { background-color: var(--devsite-ba= ckground-1); border: var(--devsite-page-border,0); border-radius: var(--dev= site-page-border-radius,2px); box-shadow: var(--devsite-page-box-shadow,0 1= px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devs= ite-elevation-ambient-shadow-color)); padding: 40px; } body[layout=3D"docs"][template=3D"landing"] .devsite-article { padding: 0px= ; } .devsite-article-meta { display: grid; gap: 0px 16px; grid-template-areas: = "breadcrumbs ratings"; grid-template-columns: 1fr auto; margin: var(--devsi= te-article-meta-margin,0 0 16px); } .devsite-article-meta .devsite-breadcrumb-list { grid-area: breadcrumbs; } .devsite-article-meta devsite-thumb-rating { grid-area: ratings; } .devsite-banner + .devsite-article-meta { margin-top: -16px; } body[layout=3D"full"] .devsite-article-meta, body[template=3D"landing"] .de= vsite-article-meta { margin: 0px; } devsite-feedback[position=3D"header"] { display: block; } [dir=3D"ltr"] devsite-feedback[position=3D"header"] { float: right; margin-= left: 24px; } [dir=3D"rtl"] devsite-feedback[position=3D"header"] { float: left; margin-r= ight: 24px; } body[layout=3D"full"] devsite-feedback[position=3D"header"], body[template= =3D"landing"] devsite-feedback[position=3D"header"] { display: none; } [template=3D"page"] .devsite-article-body { margin-top: 16px; } [template=3D"page"] .devsite-article-body > :first-child { margin-top: 0px;= } @media screen and (max-width: 840px) { body[layout=3D"docs"] devsite-content { margin: 0px; } body[layout=3D"docs"] .devsite-article { border: 0px; border-radius: 0px;= box-shadow: none; padding: 24px; } .devsite-banner + .devsite-article-meta { margin-top: 0px; } } @media screen and (max-width: 600px) { body[layout=3D"docs"] .devsite-article { padding: 16px; } .devsite-article-meta { display: block; margin: 0px 0px 12px; } [dir] devsite-feedback[position=3D"header"] { float: none; margin: 0px 0p= x 12px; position: static; } [dir] article[has-bookmark] devsite-feedback[position=3D"header"] { margi= n: 0px 0px 12px; } } #devsite-support-form { display: flex; flex-wrap: wrap; margin: 0px 0px 0px= -40px; } #devsite-support-form > * { -webkit-box-flex: 0; flex: 0 0 100%; padding: 0= px 0px 0px 40px; } .devsite-support-form-error { color: rgb(221, 44, 0); } .devsite-support-form-hidden { display: none; } .devsite-support-form-field { margin: 0px 0px 8px; } .devsite-support-form-field input:not([type=3D"checkbox"]):not([type=3D"rad= io"]), .devsite-support-form-field select, .devsite-support-form-field text= area { width: 100%; } .devsite-support-form-cc { color: var(--devsite-secondary-text-color); disp= lay: block; font-size: 13px; } #devsite-support-form > .devsite-support-form-half { -webkit-box-flex: 0; f= lex: 0 0 50%; } .devsite-support-quota { font: italic 400 12px/20px var(--devsite-primary-f= ont-family); margin-bottom: 8px; } .devsite-support-quota-help { font-size: 18px; margin-left: 4px; vertical-a= lign: top; } .devsite-support-quota-help::after { color: var(--devsite-tertiary-text-col= or); content: "help"; } @media screen and (max-width: 600px) { #devsite-support-form { display: block; } } .devsite-404, .devsite-offline { font: var(--devsite-404-font); letter-spac= ing: var(--devsite-404-letter-spacing); margin: var(--devsite-404-margin,12= 0px auto 0); max-width: var(--devsite-404-max-width,804px); min-height: var= (--devsite-404-min-height); position: relative; text-align: var(--devsite-4= 04-text-align,center); } .devsite-404 devsite-search, .devsite-offline-reload, .devsite-offline-sugg= estions { margin: var(--devsite-404-search-margin); position: relative; z-i= ndex: 1; } .devsite-404 devsite-search .devsite-popout-result { max-height: 304px; } .devsite-404 devsite-search, .devsite-404 devsite-search .devsite-searchbox= { width: 100%; } .devsite-404 devsite-search .devsite-search-button { display: none; } .devsite-404 h3, .devsite-offline h3 { color: var(--devsite-offline-heading= -color,var(--devsite-secondary-color,var(--devsite-primary-text-color))); } .devsite-404 h3 { font: 400 64px/64px var(--devsite-code-font-family); } .devsite-404-error { background: var(--devsite-404-error-background); paddi= ng: var(--devsite-404-error-padding); text-align: var(--devsite-404-error-t= ext-align,center); } .devsite-404-error-message, .devsite-404-error > h3 { position: relative; z= -index: 2; } .devsite-404-error > h3 { display: var(--devsite-404-error-heading-display,= block); } .devsite-404-error-message { font: var(--devsite-404-error-message-font); l= etter-spacing: var(--devsite-404-error-message-letter-spacing); margin: var= (--devsite-404-error-message-margin,0 0 20px); } .devsite-404-links { border-top: var(--devsite-404-links-border,var(--devsi= te-primary-border)); margin: var(--devsite-404-links-margin,0 calc(50% - 50= vw) 40px); padding: var(--devsite-404-links-padding,0 calc(50vw - 50%)); te= xt-align: start; } .devsite-404-links h3 { color: var(--devsite-primary-text-color); font: var= (--devsite-404-links-heading-font,var(--devsite-h3-font)); } .devsite-404-links ul { display: grid; gap: 0px 24px; grid: auto-flow/repea= t(var(--devsite-404-links-columns),1fr); list-style: none; padding: 0px; } .devsite-404-links li { margin: var(--devsite-404-links-item-margin,12px 0)= ; } .devsite-offline .devsite-offline-suggestions { text-align: start; } .devsite-offline .devsite-offline-suggestions h3, .devsite-offline .devsite= -offline-suggestions ul { margin: 0px; } .devsite-offline h3 { font: 400 32px/48px var(--devsite-code-font-family); = } .devsite-offline-reload { text-align: center; } @media screen and (max-width: 840px) { .devsite-404, .devsite-offline { margin-top: 40px; } } @media print { .prettyprint 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 :link, aside = :visited, body, code, h1, h1 code, h2, h2 code, h3, h3 code, h4, h4 code, h= 5, 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: rgb(0, 0, 0) !imp= ortant; padding-left: 0px !important; padding-right: 0px !important; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-po= int, .key-term, .note, .objective, .preview, .special, .success, .tip, .war= ning), :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .k= ey-point, .key-term, .note, .objective, .preview, .special, .success, .tip,= .warning) a { color: rgb(0, 0, 0) !important; margin-left: 0px !important;= margin-right: 0px !important; padding-left: 0px !important; padding-right:= 0px !important; } #gc-wrapper { margin: 0px !important; } devsite-code { margin-left: 0px !important; margin-right: 0px !important;= padding-left: 0px !important; padding-right: 0px !important; } devsite-expandable > :not(.showalways):not(.exw-control):not(.exw-expande= d-content):not(.expand-control) { display: block !important; } :link, :visited { text-decoration: underline; } .devsite-article-meta, .devsite-banner-confidential .button, .devsite-ban= ner-translated .button, .devsite-book-nav-bg, .devsite-book-nav-blur, .devs= ite-book-nav-toggle, .devsite-code-buttons-container, .devsite-page-bookmar= k-tooltip, .devsite-sidebar, devsite-book-nav, devsite-bookmark, devsite-fe= edback, devsite-footer-linkboxes, devsite-footer-promos, devsite-footer-uti= lity, devsite-googler-buttons, devsite-header, devsite-recommendations, dev= site-thumb-rating { display: none !important; } .devsite-article, .devsite-main-content, devsite-content { background: 0p= x center !important; border: 0px !important; box-shadow: none !important; d= isplay: block !important; margin: 0px !important; max-width: none !importan= t; padding: 0px !important; width: auto !important; } .devsite-banner { margin-top: 0px; } .attempt-left, .attempt-right, .video-wrapper { float: none; margin: 16px= 0px; } img, video { display: block !important; break-inside: avoid !important; } .devsite-main-content a[href]::after { content: "=C2=A0(" attr(href) ")";= display: inline-block; font: 14px/20px var(--devsite-primary-font-family);= max-width: 100%; overflow-wrap: break-word; } } @page { margin: 0.75in; } .devsite-product-platform-row { margin: 8px 0px; padding: 0px 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: 16= px; } .devsite-platform-icon-container { background: var(--devsite-background-1);= border-radius: 50%; height: 40px; margin: 0px auto; width: 40px; } .devsite-platform-icon { color: var(--devsite-secondary-text-color); font-s= ize: 24px; height: 24px; margin: 8px; width: 24px; } @media screen and (max-width: 1000px) { div.devsite-collapsible-section, div.devsite-header-background { backgrou= nd-image: none; } } @media screen and (max-width: 600px) { .devsite-product-platform-row { padding: 0px 16px; } } .devsite-landing-row-cards .devsite-landing-row-item { border: var(--devsit= e-card-border); border-radius: var(--devsite-card-border-radius); box-shado= w: var(--devsite-card-box-shadow); overflow: var(--devsite-card-overflow,hi= dden); position: relative; } .devsite-landing-row-cards .devsite-landing-row-item, .devsite-landing-row-= cards[background] .devsite-landing-row-item { --devsite-link-color: #1a73e8= ; --devsite-text-color: var(--devsite-primary-text-color); } .devsite-landing-row-cards .devsite-landing-row-item:not([background]) { ba= ckground-color: var(--devsite-card-background); } body[theme] .devsite-landing-row-cards[background=3D"theme"] :link:not(.but= ton), body[theme] .devsite-landing-row-cards[background=3D"theme"] :visited= :not(.button) { color: var(--devsite-link-color); } .devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row= -item { display: block; } .devsite-landing-row-cards .devsite-landing-row-item[description-position] = .devsite-landing-row-item-media + .devsite-landing-row-item-description { m= argin: 0px; } .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=3D"theme"] .devsite-landing-row-item-= icon { color: var(--devsite-secondary-text-color); } .devsite-landing-row-cards .devsite-landing-row-item-no-media h3 { font: va= r(--devsite-h2-font); margin: 0px 0px 20px; } .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-it= em-media { -webkit-box-flex: 1; flex: 1 0 0%; margin: 0px; } @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: 0px; padding: = 16px; } } .devsite-landing-row-cta { text-align: center; } .devsite-landing-row.devsite-landing-row-cta:not([background]) { background= : var(--devsite-cta-background,var(--devsite-primary-color)); color: var(--= devsite-text-color,var(--devsite-inverted-text-color)); } .devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item { di= splay: block; } .devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item-desc= ription { margin: 0px auto; max-width: 856px; } .devsite-landing-row-cta.devsite-landing-row h2, .devsite-landing-row-cta.d= evsite-landing-row-large-headings .devsite-landing-row-item-description h3 = { color: var(--devsite-text-color,var(--devsite-inverted-text-color)); } .devsite-landing-row-cta h3 { font: var(--devsite-h1-font,400 34px/40px var= (--devsite-primary-font-family)); letter-spacing: var(--devsite-h1-letter-s= pacing); margin-bottom: 16px; text-decoration: inherit; } .devsite-landing-row-cta h3 a:not(.button) { color: var(--devsite-text-colo= r,var(--devsite-inverted-text-color)); } .devsite-landing-row-cta h3 + .devsite-landing-row-item-buttons { margin-to= p: 8px; } @media screen and (max-width: 600px) { .devsite-landing-row-cta .devsite-landing-row-item-description { font: 40= 0 16px/24px var(--devsite-primary-font-family); } } .devsite-landing-row-header { background: var(--devsite-landing-row-header-= background); border-radius: var(--devsite-landing-row-header-border-radius)= ; display: flex; margin: 0px auto; max-width: var(--devsite-landing-row-hea= der-max-width); padding: var(--devsite-landing-row-header-padding); } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-header,= .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-heade= r { display: block; margin: 0px; } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-header = { grid-column: var(--devsite-landing-row-header-grid-column,1); } .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-header= { grid-column: var(--devsite-landing-row-header-grid-column,3); -webkit-bo= x-ordinal-group: 3; order: 2; } .devsite-landing-row[header-position=3D"top"] .devsite-landing-row-header += .devsite-landing-row-group { margin: var(--devsite-landing-row-group-margi= n,32px auto 0); } .devsite-landing-row-header-text { -webkit-box-flex: 1; flex: 1 1 auto; mar= gin: var(--devsite-landing-row-header-text-margin); max-width: var(--devsit= e-landing-row-header-text-max-width); } .devsite-landing-row-header-text > h2 { margin: 0px; } .devsite-landing-row-description { color: var(--devsite-text-color,var(--de= vsite-primary-text-color)); font-family: var(--devsite-landing-row-descript= ion-font-family,var(--devsite-primary-font-family)); font-size: var(--devsi= te-landing-row-description-font-size,18px); letter-spacing: var(--devsite-l= etter-spacing); line-height: var(--devsite-line-height,24px); max-width: va= r(--devsite-landing-row-description-max-width,856px); } [background] .devsite-landing-row-description { color: var(--devsite-text-c= olor,var(--devsite-inverted-text-color)); } .devsite-landing-row:not([background]):not([foreground]) .devsite-landing-r= ow-description { color: var(--devsite-text-color,var(--devsite-heading-colo= r,var(--devsite-secondary-text-color))); } h2 + .devsite-landing-row-description { margin-top: var(--devsite-row-heade= r-contents-gap,16px); } .devsite-landing-row-header-buttons { display: flex; -webkit-box-flex: 0; f= lex: 0 1 auto; margin-block: 0px; margin-inline: 0px auto; } .devsite-landing-row-header-centered .devsite-landing-row-header, .devsite-= landing-row-header[icon-position=3D"top"] { -webkit-box-orient: vertical; -= webkit-box-direction: normal; flex-direction: column; } .devsite-landing-row-header-centered .devsite-landing-row-header-buttons, .= devsite-landing-row-header[icon-position=3D"top"] .devsite-landing-row-head= er-buttons { margin-inline: 0px; } .devsite-landing-row-header-centered .devsite-landing-row-header { -webkit-= box-align: center; align-items: center; text-align: center; } .devsite-landing-row-header-centered .devsite-landing-row-description { mar= gin-left: auto; margin-right: auto; } .devsite-landing-row-header-centered .devsite-landing-row-header-buttons { = -webkit-box-pack: center; justify-content: center; } .devsite-landing-row-header-centered .devsite-landing-row-header-buttons, .= devsite-landing-row-header[icon-position=3D"top"] .devsite-landing-row-head= er-buttons, .devsite-landing-row[header-position=3D"left"] .devsite-landing= -row-header-buttons, .devsite-landing-row[header-position=3D"right"] .devsi= te-landing-row-header-buttons { margin: var(--devsite-buttons-margin,24px 0= 0); } @media screen and (max-width: 840px) { .devsite-landing-row-header + .devsite-landing-row-group { margin-top: 32= px; } .devsite-landing-row-header { display: block; } } @media screen and (max-width: 840px) { .devsite-landing-row-header-text + .devsite-landing-row-header-buttons { = display: block; margin: 24px 0px 0px; } } @media screen and (max-width: 600px) { .devsite-landing-row-header-text + .devsite-landing-row-header-buttons { = margin: 16px 0px 0px; } } .devsite-landing-row-1-up .devsite-landing-row-item-description[icon-positi= on=3D"left"], .devsite-landing-row-item-description[icon-position] { displa= y: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; fle= x-direction: row; } .devsite-landing-row-item-description[icon-position=3D"right"] { -webkit-bo= x-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-r= everse; } .devsite-landing-row-item-description[icon-position=3D"top"] { -webkit-box-= orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .devsite-landing-row-item-description[icon-position^=3D"bottom"] { -webkit-= box-orient: vertical; -webkit-box-direction: reverse; flex-direction: colum= n-reverse; } .devsite-landing-row-header-icon-container, .devsite-landing-row-header-ico= n-container[background], .devsite-landing-row-item-icon-container, .devsite= -landing-row-item-icon-container[background] { color: var(--devsite-foregro= und-color,var(--devsite-icon-color,var(--devsite-secondary-text-color))); } .devsite-landing-row-header-icon-container, .devsite-landing-row-item-icon-= container { height: var(--devsite-icon-canvas-size); -webkit-box-flex: 0; f= lex: 0 0 auto; transition: background 0.2s, box-shadow 0.2s, color 0.2s; wi= dth: var(--devsite-icon-canvas-size); } .devsite-landing-row-header-icon-container { margin-block: var(--devsite-he= ader-icon-canvas-margin-block,0 8px); margin-inline: var(--devsite-header-i= con-canvas-margin-inline,0 20px); } .devsite-landing-row-item-icon-container { margin-block: var(--devsite-icon= -canvas-margin-block,0 8px); margin-inline: var(--devsite-icon-canvas-margi= n-inline,0 20px); } .devsite-landing-row-item-description[icon-position=3D"bottom"] .devsite-la= nding-row-item-icon-container, .devsite-landing-row-item-description[icon-p= osition=3D"bottom"] > a, .devsite-landing-row-item-description[icon-positio= n=3D"right"] .devsite-landing-row-item-icon-container, .devsite-landing-row= -item-description[icon-position=3D"right"] > a { align-self: center; } .devsite-landing-row-item-description[icon-position=3D"bottom-right"] .devs= ite-landing-row-item-icon-container, .devsite-landing-row-item-description[= icon-position=3D"bottom-right"] > a { align-self: flex-end; } .devsite-landing-row-header-icon-container[background], .devsite-landing-ro= w-item-icon-container[background] { background: var(--devsite-background-co= lor,var(--devsite-primary-color,var(--devsite-primary-text-color))); } .devsite-landing-row-header-icon-container[background][foreground=3D"theme"= ], .devsite-landing-row-header-icon-container[foreground=3D"theme"], .devsi= te-landing-row-item-icon-container[background][foreground=3D"theme"], .devs= ite-landing-row-item-icon-container[foreground=3D"theme"] { color: var(--de= vsite-primary-color,var(--devsite-primary-text-color)); } .devsite-landing-row :focus .devsite-landing-row-header-icon-container[back= ground][foreground=3D"theme"], .devsite-landing-row :focus .devsite-landing= -row-item-icon-container[background][foreground=3D"theme"], .devsite-landin= g-row :link .devsite-landing-row-header-icon-container[background][foregrou= nd=3D"theme"]:hover, .devsite-landing-row :link .devsite-landing-row-item-i= con-container[background][foreground=3D"theme"]:hover { color: var(--devsit= e-primary-color,var(--devsite-primary-text-color)); } .devsite-landing-row-header-icon, .devsite-landing-row-item-icon { aspect-r= atio: 1 / 1; } .devsite-landing-row-header-icon { font-size: var(--devsite-header-icon-siz= e,var(--devsite-icon-size)); height: var(--devsite-header-icon-size,var(--d= evsite-icon-size)); margin-block: var(--devsite-header-icon-margin-block,0)= ; margin-inline: var(--devsite-header-icon-margin-inline,0); width: var(--d= evsite-header-icon-size,var(--devsite-icon-size)); } .devsite-landing-row-item-icon { font-size: var(--devsite-icon-size); heigh= t: var(--devsite-icon-size); margin-block: var(--devsite-icon-margin-block,= 0); margin-inline: var(--devsite-icon-margin-inline,4px 0); width: var(--de= vsite-icon-size); } .devsite-landing-row-item-centered [icon-position=3D"top"] .devsite-landing= -row-item-icon-container, .devsite-landing-row-item-centered [icon-position= =3D"top"] > a { margin-inline: auto; } .devsite-landing-row-header-icon-container[background], .devsite-landing-ro= w-item-icon-container[background] { -webkit-box-align: center; align-items:= center; border-radius: 50%; display: flex; -webkit-box-pack: center; justi= fy-content: center; } [background] .devsite-landing-row-header-icon-container:not([foreground]), = [background] .devsite-landing-row-item-icon-container:not([foreground]) { c= olor: var(--devsite-icon-color,var(--devsite-inverted-text-color)); } :focus .devsite-landing-row-header-icon-container, :focus .devsite-landing-= row-item-icon-container, :link .devsite-landing-row-header-icon-container:h= over, :link .devsite-landing-row-item-icon-container:hover { color: var(--d= evsite-link-color); } [foreground] .devsite-landing-row-item :focus .devsite-landing-row-item-ico= n-container, [foreground] .devsite-landing-row-item :link .devsite-landing-= row-item-icon-container:hover, [foreground] :focus .devsite-landing-row-hea= der-icon-container, [foreground] :link .devsite-landing-row-header-icon-con= tainer:hover { color: rgba(155, 161, 166, 0.5); } [background] .devsite-landing-row-item :focus .devsite-landing-row-item-ico= n-container, [background] .devsite-landing-row-item :link .devsite-landing-= row-item-icon-container:hover, [background] :focus .devsite-landing-row-hea= der-icon-container, [background] :link .devsite-landing-row-header-icon-con= tainer:hover { color: var(--devsite-icon-color-hover,var(--devsite-inverted= -text-rgba)); } :focus .devsite-landing-row-header-icon-container[background], :focus .devs= ite-landing-row-item-icon-container[background], :link .devsite-landing-row= -header-icon-container[background]:hover, :link .devsite-landing-row-item-i= con-container[background]:hover { color: var(--devsite-foreground-color,var= (--devsite-icon-color,var(--devsite-secondary-text-color))); box-shadow: 0 = 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--dev= site-elevation-ambient-shadow-color); } [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]:h= over, [background] :link .devsite-landing-row-item-icon-container[backgroun= d]:hover { color: var(--devsite-foreground-color,var(--devsite-icon-color,v= ar(--devsite-inverted-text-color))); text-decoration: none; } @media screen and (max-width: 840px) { .devsite-landing-row-item-description[icon-position^=3D"bottom"] { -webki= t-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: r= ow-reverse; } .devsite-landing-row-item-description[icon-position^=3D"bottom"] .devsite= -landing-row-item-icon, .devsite-landing-row-item-description[icon-position= ^=3D"bottom"] .devsite-landing-row-item-icon-container, .devsite-landing-ro= w-item-description[icon-position^=3D"bottom"] > a { align-self: center; } } .devsite-landing-row-1-up .devsite-landing-row-item { display: grid; gap: v= ar(--devsite-item-gap); grid-template-columns: var(--devsite-1-up-grid-temp= late-columns); } .devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-ite= m { -webkit-box-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-l= anding-row-1-up .devsite-landing-row-item-media-left { -webkit-box-ordinal-= group: 2; 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; order: 2; } .devsite-landing-row-1-up .devsite-landing-row-item-description { display: = block; grid-column: 1 / span 4; } .devsite-landing-row-1-up .devsite-landing-row-item-media { grid-column: va= r(--devsite-media-grid-column,5/span 8); margin: 0px; } .devsite-landing-row-1-up .devsite-landing-row-item-media-left { grid-colum= n: var(--devsite-media-left-grid-column,1/span 8); } .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-l= anding-row-item-description { grid-column: 9 / span 4; } .devsite-landing-row.devsite-landing-row-1-up .devsite-landing-row-item-des= cription { margin-top: 0px; } .devsite-landing-row-1-up .devsite-landing-row-item-no-media .devsite-landi= ng-row-item-description { grid-column: var(--devsite-1-up-no-media-descript= ion-grid-column); } .devsite-landing-row-50 .devsite-landing-row-item-description { grid-column= : 1 / span 6; } .devsite-landing-row-50 .devsite-landing-row-item-media { grid-column: var(= --devsite-row-50-media-grid-column,7/span 6); } .devsite-landing-row-50 .devsite-landing-row-item-media-left { grid-column:= var(--devsite-row-50-media-left-grid-column,1/span 6); } .devsite-landing-row-50 .devsite-landing-row-item-media-left + .devsite-lan= ding-row-item-description { grid-column: 7 / span 6; } .devsite-landing-row-67 .devsite-landing-row-item-description { grid-column= : var(--devsite-row-67-description-grid-column,1/span 8); } .devsite-landing-row-67 .devsite-landing-row-item-media { grid-column: var(= --devsite-row-67-media-grid-column,9/span 4); } .devsite-landing-row-67 .devsite-landing-row-item-media-left { grid-column:= var(--devsite-row-67-media-left-grid-column,1/span 4); } .devsite-landing-row-67 .devsite-landing-row-item-media-left + .devsite-lan= ding-row-item-description { grid-column: var(--devsite-row-67-description-l= eft-grid-column,5/span 8); } .devsite-landing-row-75 .devsite-landing-row-item-description { grid-column= : 1 / span 9; } .devsite-landing-row-75 .devsite-landing-row-item-media { grid-column: var(= --devsite-row-75-media-grid-column,10/span 3); } .devsite-landing-row-75 .devsite-landing-row-item-media-left { grid-column:= var(--devsite-row-75-media-left-grid-column,1/span 3); } .devsite-landing-row-75 .devsite-landing-row-item-media-left + .devsite-lan= ding-row-item-description { grid-column: 4 / span 9; } .devsite-landing-row-100 .devsite-landing-row-group, .devsite-landing-row-1= 00 .devsite-landing-row-item-media { width: 100%; } .devsite-landing-row-100 .devsite-landing-row-item { display: flex; -webkit= -box-orient: vertical; -webkit-box-direction: normal; flex-direction: colum= n; } .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-description, .devsite= -landing-row-1-up .devsite-landing-row-item-media-left { grid-area: 1 / 1; = -webkit-box-ordinal-group: 2; 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-r= ow-item-media:not(.devsite-landing-row-item-media-left) { grid-column: 2; } } @media screen and (max-width: 600px) { .devsite-landing-row-1-up .devsite-landing-row-item { display: var(--devs= ite-item-display,block); } } .devsite-landing-row-item-buttons { -webkit-box-align: center; align-items:= center; display: flex; flex-wrap: wrap; margin-left: -12px; padding-top: 8= px; } .devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-ite= m-buttons { padding-top: var(--devsite-landing-row-hero-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), .devsi= te-landing-row-item-buttons .button-white:not(.button-raised) + .button-whi= te:not(.button-raised) { margin: 0px 4px; } .devsite-landing-row-cta .devsite-landing-row-item-buttons { -webkit-box-pa= ck: center; justify-content: center; margin: 24px 0px 0px; } p + .devsite-landing-row-item-buttons { margin-top: -8px; } .devsite-landing-row-item-media { margin: var(--devsite-item-media-margin,0= ); min-width: 0px; padding: var(--devsite-item-media-padding,0); } .devsite-landing-row-item-code devsite-code { margin: 0px; } .devsite-landing-row-item-video { display: block; width: 100%; } .devsite-landing-row-item-description { color: var(--devsite-text-color,inh= erit); } .devsite-landing-row-item-media + .devsite-landing-row-item-description { m= argin: var(--devsite-item-description-margin,32px 0 0); } .devsite-landing-row-item[description-position=3D"left"] .devsite-landing-r= ow-item-description, .devsite-landing-row-item[description-position=3D"left= "] .devsite-landing-row-item-media, .devsite-landing-row-item[description-p= osition=3D"right"] .devsite-landing-row-item-description, .devsite-landing-= row-item[description-position=3D"right"] .devsite-landing-row-item-media { = -webkit-box-flex: 0; flex: 0 0 var(--devsite-item-media-width,calc(50% - 12= px)); margin: 0px; } .devsite-landing-row-item[description-position=3D"left"] .devsite-landing-r= ow-item-media { -webkit-box-ordinal-group: 3; order: 2; } .devsite-landing-row-item[description-position=3D"left"] .devsite-landing-r= ow-item-description { -webkit-box-ordinal-group: 2; order: 1; } .devsite-landing-row-item[background] .devsite-landing-row-item-description= , .devsite-landing-row-item[background][description-position=3D"left"] .dev= site-landing-row-item-description, .devsite-landing-row-item[background][de= scription-position=3D"right"] .devsite-landing-row-item-description { paddi= ng: var(--devsite-item-description-padding,16px); } [dir=3D"ltr"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"left"] .devsite-landing-row-item-description, [dir=3D"ltr"]= .devsite-landing-row-item[background][description-position=3D"left"] .devs= ite-landing-row-item-description { padding-right: 0px; } [dir=3D"rtl"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"left"] .devsite-landing-row-item-description, [dir=3D"rtl"]= .devsite-landing-row-item[background][description-position=3D"left"] .devs= ite-landing-row-item-description { padding-left: 0px; } [dir=3D"ltr"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"right"] .devsite-landing-row-item-description, [dir=3D"ltr"= ] .devsite-landing-row-item[background][description-position=3D"right"] .de= vsite-landing-row-item-description { padding-left: 0px; } [dir=3D"rtl"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"right"] .devsite-landing-row-item-description, [dir=3D"rtl"= ] .devsite-landing-row-item[background][description-position=3D"right"] .de= vsite-landing-row-item-description { padding-right: 0px; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-ro= w-item-media { -webkit-box-ordinal-group: 3; order: 2; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-ro= w-item-description { -webkit-box-ordinal-group: 2; order: 1; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-ro= w-item-media + .devsite-landing-row-item-description { margin: var(--devsit= e-item-description-top-margin,0 0 32px); } .devsite-landing-row-item-body, .devsite-landing-row-item-description { dis= play: flex; -webkit-box-flex: 1; flex: 1 1 auto; -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; height: var(--de= vsite-item-description-height,auto); min-width: 0px; } .devsite-landing-row-item-body { display: var(--devsite-item-body-display,f= lex); grid: var(--devsite-item-body-grid); gap: var(--devsite-item-body-gri= d-gap); } .devsite-landing-row-item-body h3 { grid-area: heading; } .devsite-landing-row-item-buttons { grid-area: buttons; margin: var(--devsi= te-buttons-margin,auto 0 -8px); padding: var(--devsite-buttons-padding,8px = 0 0); } [dir=3D"ltr"] .devsite-landing-row-item-buttons { margin-left: -12px; } [dir=3D"rtl"] .devsite-landing-row-item-buttons { margin-right: -12px; } .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, .devsite-landing-row-item-description h2, .devsi= te-landing-row-large-headings h3 { margin-top: 0px; } .devsite-landing-row-item-description-content { font: var(--devsite-descrip= tion-content-font,inherit); grid-area: content; } .devsite-landing-row-item-description-content > :last-child { margin-bottom= : 0px; } .devsite-landing-row-item-centered .devsite-landing-row-item-description-co= ntent, .devsite-landing-row-item-centered h3 { text-align: center; } .devsite-landing-row-item-centered .devsite-landing-row-item-buttons { -web= kit-box-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-land= ing-row-item-media { max-width: none; } .devsite-landing-row-item[description-position] .devsite-landing-row-item= -media { align-self: var(--devsite-item-media-align-self); -webkit-box-flex= : 0; flex: 0 0 auto; margin: var(--devsite-item-media-margin,0); order: var= (--devsite-item-media-order,1); width: var(--devsite-item-media-width); } .devsite-landing-row-item[description-position] .devsite-landing-row-item= -description { order: var(--devsite-item-description-order,2); } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-= row-item-media { -webkit-box-ordinal-group: 3; order: 2; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-= row-item-description { -webkit-box-ordinal-group: 2; order: 1; } [dir] .devsite-landing-row-cards .devsite-landing-row-item[description-po= sition] .devsite-landing-row-item-description, [dir] .devsite-landing-row-i= tem[background][description-position] .devsite-landing-row-item-description= { padding: var(--devsite-item-description-padding,16px); } } @media screen and (max-width: 600px) { .devsite-landing-row-1-up .devsite-landing-row-item-media + .devsite-land= ing-row-item-description { margin: var(--devsite-item-description-margin,32= px 0 0); padding: 0px; } } .devsite-landing-row-item-custom-image { aspect-ratio: 16 / 9; } .devsite-landing-row-item-custom-image, .devsite-landing-row-item-custom-im= age-icon-wrapper { display: grid; place-content: center; } .devsite-landing-row-item-custom-image:not([background]) { background-color= : var(--devsite-background-color,var(--devsite-primary-color,var(--devsite-= primary-text-color))); } .devsite-landing-row-item-custom-image[background=3D"grey"] { background: v= ar(--devsite-background-color,var(--devsite-background-3)); } .devsite-landing-row-item-custom-image[background=3D"white"] { background: = var(--devsite-background-1); } .devsite-landing-row-item-custom-image-icon-container[background], .devsite= -landing-row-no-image-background .devsite-landing-row-item-custom-image:not= ([background]) { background: 0px center; } .devsite-landing-row-item-custom-image-icon { color: var(--devsite-inverted= -text-color); font-size: var(--devsite-custom-image-icon-font-size); max-he= ight: var(--devsite-custom-image-icon-max-height); width: var(--devsite-cus= tom-image-icon-width); } .devsite-landing-row-item-custom-image[background=3D"grey"]:not([foreground= ]) .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-item-c= ustom-image[background=3D"white"]:not([foreground]) .devsite-landing-row-it= em-custom-image-icon { color: var(--devsite-icon-color,var(--devsite-second= ary-text-color)); } .devsite-landing-row-item-custom-image-icon.material-icons { opacity: 0.8; = } .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-d= escription-feature { margin: 0px; } .devsite-landing-row-item-description-feature-link { border-bottom: var(--d= evsite-secondary-border); font-weight: 500; padding: 12px 0px 11px; } .devsite-landing-row-item-description-feature-tooltip { background: rgb(69,= 90, 100); color: rgba(255, 255, 255, 0.7); box-shadow: 0 1px 2px 0 var(--d= evsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-am= bient-shadow-color); font: 14px/20px var(--devsite-primary-font-family); mi= n-width: 200px; opacity: 0; padding: 24px; position: absolute; transition: = opacity 0.2s, visibility 0.2s; visibility: hidden; width: 67%; z-index: 102= 0; } .no-touch .devsite-landing-row-item-description-feature-link:hover + .devsi= te-landing-row-item-description-feature-tooltip { opacity: 1; visibility: v= isible; } .devsite-landing-row-item-description-feature-tooltip::before { border-bott= om: 8px solid rgb(69, 90, 100); 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: rgb(255, 255, 255); font: 14px/20px var(--devsite-primary-font-fa= mily); margin-bottom: 8px; padding: 0px; } .devsite-landing-row-item-image { align-self: flex-start; } .devsite-landing-row-item-image:not([background]) { background: var(--devsi= te-background-4); } .devsite-landing-row-item-image img { min-width: var(--devsite-item-image-m= in-width); vertical-align: middle; width: var(--devsite-item-image-width,10= 0%); } .devsite-landing-row-item-image a { display: block; } .devsite-landing-row-no-image-background .devsite-landing-row-item-image:no= t([background]) { background: 0px center; } .devsite-landing-row-item-list { padding: 0px; } .devsite-landing-row-item-description-content + .devsite-landing-row-item-l= ist { margin-top: 32px; } .devsite-landing-row-item-list-item { list-style: none; } .devsite-landing-row-item-list-item-content { display: flex; } .devsite-landing-row-item-list-item-content[icon-position=3D"top"] { -webki= t-box-orient: vertical; -webkit-box-direction: normal; flex-direction: colu= mn; } .devsite-landing-row-item-list-item-icon-container, .devsite-landing-row-it= em-list-item-icon-container[background] { color: var(--devsite-foreground-c= olor,var(--devsite-icon-color,var(--devsite-secondary-text-color))); } .devsite-landing-row-item-list-item-icon-container { -webkit-box-flex: 0; f= lex: 0 0 auto; height: 40px; margin-block: 0px; margin-inline: 0px 20px; tr= ansition: background 0.2s, box-shadow 0.2s, color 0.2s; width: 40px; } .devsite-landing-row-item-list-item-icon { font-size: 32px; height: 32px; w= idth: 32px; } .devsite-landing-row-item-list-item-icon-container[background] { -webkit-bo= x-align: center; align-items: center; background: var(--devsite-background-= color,var(--devsite-primary-color,var(--devsite-primary-text-color))); bord= er-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: c= enter; } .devsite-landing-row-item-list-item-icon-container[background] .devsite-lan= ding-row-item-list-item-icon { font-size: 24px; height: 24px; width: 24px; = } .devsite-landing-row-item-list h4 { font: 400 16px/20px var(--devsite-prima= ry-font-family); } .devsite-landing-row .devsite-landing-row-item-list h4 { margin: 0px 0px 4p= x; } .devsite-landing-row-item-list-item-description { -webkit-box-flex: 1; flex= : 1 1 0%; font: 400 14px/20px var(--devsite-primary-font-family); 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-i= tem-list-item-description-content { margin-bottom: 24px; } [background] :focus > .devsite-landing-row-item-list-item-icon-container, [= background] :link > .devsite-landing-row-item-list-item-icon-container:hove= r { text-decoration: none; } :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-ite= m-list-item-icon-container[foreground=3D"theme"], :link .devsite-landing-ro= w-item-list-item-icon-container[foreground=3D"theme"]:hover { color: var(--= devsite-icon-color-hover,var(--devsite-primary-color,var(--devsite-inverted= -text-rgba))); } [foreground] :focus .devsite-landing-row-item-list-item-content .devsite-la= nding-row-item-list-item-icon-container, [foreground] :link .devsite-landin= g-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon= -container { color: rgba(155, 161, 166, 0.5); } [background] :focus .devsite-landing-row-item-list-item-content .devsite-la= nding-row-item-list-item-icon-container, [background] :link .devsite-landin= g-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon= -container { color: var(--devsite-icon-color-hover,var(--devsite-inverted-t= ext-rgba)); } :link .devsite-landing-row-item-list-item-description h4 + p { color: var(-= -devsite-primary-text-color); text-decoration: none; } [background] :link .devsite-landing-row-item-list-item-description h4 + p {= color: var(--devsite-text-color,var(--devsite-inverted-text-color)); } :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-ite= m-list-item-icon-container[background], :link .devsite-landing-row-item-lis= t-item-content:hover .devsite-landing-row-item-list-item-icon-container[bac= kground] { background: var(--devsite-inverted-text-rgba); box-shadow: 0 1px= 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsit= e-elevation-ambient-shadow-color); } .devsite-landing-row :focus .devsite-landing-row-item-list-item-description= > :first-child, [background] :link .devsite-landing-row-item-list-item-des= cription > :first-child { text-decoration: underline; } .devsite-landing-row-item-labels > a, .devsite-landing-row-item-labels > sp= an { color: var(--devsite-label-color,inherit); display: inline-block; font= : var(--devsite-label-font,500 11px/16px var(--devsite-primary-font-family)= ); letter-spacing: var(--devsite-label-letter-spacing,.8px); margin: var(--= devsite-label-margin,0 0 8px); text-transform: var(--devsite-label-text-tra= nsform,uppercase); } .devsite-landing-row-item-labels > a + a, .devsite-landing-row-item-labels = > a + span, .devsite-landing-row-item-labels > span + a, .devsite-landing-r= ow-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; paddi= ng: 4px 8px; } .devsite-landing-row-column > .devsite-landing-row-item:nth-of-type(n+2) { = margin: 32px 0px 0px; } .devsite-landing-row-item { -webkit-box-align: var(--devsite-item-align-ite= ms); align-items: var(--devsite-item-align-items); display: var(--devsite-i= tem-display,flex); -webkit-box-orient: vertical; -webkit-box-direction: nor= mal; flex-direction: column; max-width: 100%; } .devsite-landing-row-item[description-position=3D"left"], .devsite-landing-= row-item[description-position=3D"right"] { -webkit-box-align: center; align= -items: center; -webkit-box-orient: horizontal; -webkit-box-direction: norm= al; flex-direction: row; -webkit-box-pack: justify; justify-content: space-= between; } .devsite-landing-row-column, .devsite-landing-row-item { -webkit-box-flex: = 1; flex: 1 0 0%; min-width: 0px; } .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: ver= tical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-p= ack: start; justify-content: flex-start; } } @media screen and (max-width: 600px) { .devsite-landing-row-item[description-position=3D"top"] { display: flex; = -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction= : column; } } .devsite-landing-row-logos .devsite-landing-row-item-custom-image { aspect-= ratio: unset; height: 96px; } .devsite-landing-row-logos .devsite-landing-row-item-custom-image:not([back= ground]) { background: 0px center; } .devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon { op= acity: 1; } .devsite-landing-row-logos .devsite-landing-row-item-description { margin: = 0px; 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, .devsite-landing-row-logos.devsite-landing-row[header-position]= .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: 0px; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= header { margin: 0px; padding: 40px 0px 0px; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .de= vsite-landing-row-item-media { align-self: center; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-media { margin: 0px; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-image { background: 0px center; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-description { padding: 40px 0px; } @media screen and (max-width: 840px) { .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-ro= w-item { display: block; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-ro= w-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-ro= w-item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .= devsite-landing-row-item-media-left + .devsite-landing-row-item-description= { margin: 0px; } } .devsite-landing-row { padding: var(--devsite-landing-row-padding); } .devsite-landing-row:not([background]) { background-color: var(--devsite-ba= ckground-1); } body[layout=3D"docs"] .devsite-landing-row:first-of-type { border-radius: v= ar(--devsite-first-row-border-radius,2px 2px 0 0); } body[layout=3D"docs"] .devsite-landing-row:last-of-type { border-radius: va= r(--devsite-last-row-border-radius,0 0 2px 2px); } .devsite-landing-row:not([background]):not(.devsite-landing-row-cta) + :not= ([background]):not(.devsite-landing-row-cta):not([class^=3D"devsite-landing= -row-padding-"]), .devsite-landing-row[background=3D"grey"]:not(.devsite-la= nding-row-cta) + [background=3D"grey"]:not(.devsite-landing-row-cta):not([c= lass^=3D"devsite-landing-row-padding-"]), .devsite-landing-row[background= =3D"theme"] + [background=3D"theme"]:not(.devsite-landing-row-cta):not([cla= ss^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"blue-grey"] + [background=3D"blue-grey"]= :not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"blue-grey-dark"] + [background=3D"blue-g= rey-dark"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0p= x; } .devsite-landing-row[background=3D"cyan"] + [background=3D"cyan"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"deep-orange"] + [background=3D"deep-oran= ge"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"deep-purple"] + [background=3D"deep-purp= le"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-blue"] + [background=3D"google-bl= ue"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-green"] + [background=3D"google-g= reen"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-red"] + [background=3D"google-red= "]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-yellow"] + [background=3D"google-= yellow"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px;= } .devsite-landing-row[background=3D"indigo"] + [background=3D"indigo"]:not([= class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"orange"] + [background=3D"orange"]:not([= class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"pink"] + [background=3D"pink"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"purple"] + [background=3D"purple"]:not([= class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"teal"] + [background=3D"teal"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"blue"] + [background=3D"blue"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"green"] + [background=3D"green"]:not([cl= ass^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"light-blue"] + [background=3D"light-blue= "]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"light-green"] + [background=3D"light-gre= en"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"navy"] + [background=3D"navy"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"pale-blue"] + [background=3D"pale-blue"]= :not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 40px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-small { padding-top: 32px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-medium { padding-top: 64px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-large { padding-top: 96px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-xlarge { padding-top: 128px; } .devsite-landing-row-inner { margin: 0px auto; max-width: var(--devsite-lan= ding-row-max-width,1488px); padding: var(--devsite-landing-group-padding); = } .devsite-landing-row-group, .devsite-landing-row-html { margin: 0px auto; } .devsite-landing-row-group { background: var(--devsite-landing-row-group-ba= ckground); border: var(--devsite-landing-row-group-border); border-radius: = var(--devsite-landing-row-group-border-radius); display: grid; grid-templat= e-rows: ; grid-template-columns: ; grid-template-areas: ; grid-auto-flow: ;= grid-auto-columns: ; grid-auto-rows: var(--devsite-grid-auto-rows); gap: v= ar(--devsite-item-gap); max-width: var(--devsite-landing-row-group-max-widt= h); padding: var(--devsite-landing-row-group-padding); } .devsite-landing-row-1-up .devsite-landing-row-group { display: block; } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-inner, = .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-inner = { display: grid; grid: var(--devsite-landing-row-inner-grid,1fr/repeat(3,1f= r)); gap: var(--devsite-item-gap); } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-group {= grid-column: var(--devsite-landing-row-group-grid-column,2/span 2); } .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-group = { grid-column: var(--devsite-landing-row-group-grid-column,1/span 2); -webk= it-box-ordinal-group: 2; order: 1; } @media screen and (max-width: 840px) { .devsite-landing-row[header-position] .devsite-landing-row-inner { displa= y: block; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite= -landing-row-padding-large, .devsite-landing-row:not([background]) + .devsi= te-landing-row-cta.devsite-landing-row-padding-medium, .devsite-landing-row= :not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-s= mall, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.dev= site-landing-row-padding-xlarge, .devsite-landing-row:not([background]) + .= devsite-landing-row-cta:not([class^=3D"devsite-landing-row-padding-"]) { pa= dding-top: 24px; } } @media screen and (max-width: 600px) { .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite= -landing-row-padding-large, .devsite-landing-row:not([background]) + .devsi= te-landing-row-cta.devsite-landing-row-padding-medium, .devsite-landing-row= :not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-s= mall, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.dev= site-landing-row-padding-xlarge, .devsite-landing-row:not([background]) + .= devsite-landing-row-cta:not([class^=3D"devsite-landing-row-padding-"]) { pa= dding-top: 16px; } } devsite-a11y-announce { background: transparent; color: transparent; displa= y: block; left: -500vw; position: absolute; top: -500vh; z-index: -1; } devsite-analytics > iframe { display: none; } devsite-anselm { display: block; -webkit-box-flex: 1; flex-grow: 1; } devsite-anselm .anselm-loading { display: none; } devsite-anselm .anselm-loading devsite-spinner { margin: 0px auto; } devsite-anselm[loading] .anselm-loading { display: block; } devsite-anselm[type=3D"playlist"] .anselm-results { display: flex; flex-wra= p: wrap; -webkit-box-pack: start; justify-content: flex-start; margin: 0px = -12px; } devsite-anselm h3:first-child { margin-bottom: 4px; } devsite-anselm[active] .anselm-suggest-container input { box-shadow: 0 1px = 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsite= -elevation-ambient-shadow-color); } devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-sugge= st-search-icon { opacity: 0; } devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-sugge= st-spinner { opacity: 1; } devsite-anselm[has-query] .anselm-suggest-container .anselm-suggest-close-i= con { opacity: 1; pointer-events: all; } devsite-anselm[has-suggestions][active] .anselm-suggest-container input { b= order-radius: 2px 2px 0px; } 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-radius: 4px; box-sh= adow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px v= ar(--devsite-elevation-ambient-shadow-color); color: rgb(60, 64, 67); line-= height: 26px; padding: 8px 46px; width: 100%; border: 0px !important; } devsite-anselm .anselm-suggest-container input:hover { box-shadow: 0 1px 3p= x 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsite-e= levation-ambient-shadow-color); } devsite-anselm .anselm-suggest-container input:focus { padding-bottom: 8px;= border: 0px !important; } devsite-anselm .anselm-suggest-container .anselm-suggestions { background: = var(--devsite-background-1); border-top: 1px solid rgb(204, 204, 204); bord= er-radius: 0px 0px 4px 4px; box-shadow: 0 2px 3px 0 var(--devsite-elevation= -key-shadow-color),0 6px 10px 4px var(--devsite-elevation-ambient-shadow-co= lor); position: absolute; width: 100%; z-index: 100; } devsite-anselm .anselm-suggest-container .anselm-suggestions:empty { box-sh= adow: none; } devsite-anselm .anselm-suggest-container .anselm-suggest-result { display: = flex; line-height: 56px; -webkit-box-align: center; align-items: center; } devsite-anselm .anselm-suggest-container .anselm-suggest-result a { color: = rgb(60, 64, 67); -webkit-box-flex: 1; flex-grow: 1; padding: 0px 16px; } devsite-anselm .anselm-suggest-container .anselm-suggest-result a:focus, de= vsite-anselm .anselm-suggest-container .anselm-suggest-result a:hover, devs= ite-anselm .anselm-suggest-container .anselm-suggest-result.highlight a { t= ext-decoration: none; background: rgb(241, 243, 244); } 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 { c= olor: rgb(95, 99, 104); opacity: 0; pointer-events: none; position: absolut= e; 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:f= ocus { 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 { t= op: 8px; left: 16px; } devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon {= top: 8px; right: 16px; } devsite-anselm .anselm-more { display: flex; -webkit-box-pack: center; just= ify-content: center; padding: 20px 0px 32px; } devsite-anselm .anselm-cell { opacity: 0; transition: opacity 0.3s cubic-be= zier(0.4, 0, 1, 1); } devsite-anselm .anselm-cell[show] { opacity: 1; } devsite-anselm .anselm-cell .bull { padding: 0px 4px; } devsite-anselm .anselm-cell .anselm-meta { font-family: var(--devsite-prima= ry-font-family); font-size: 12px; color: rgb(106, 110, 116); letter-spacing= : 0.3px; text-align: left; line-height: 16px; } devsite-anselm .anselm-cell .anselm--tags span { display: inline-flex; font= -family: var(--devsite-primary-font-family); font-size: 12px; color: rgb(95= , 99, 104); letter-spacing: 0.3px; text-align: left; line-height: 16px; bor= der: var(--devsite-primary-border); border-radius: 16px; height: 30px; padd= ing: 12px; -webkit-box-align: center; align-items: center; } devsite-anselm .anselm-cell--list p { font-family: var(--devsite-primary-fo= nt-family); font-size: 14px; color: rgb(60, 64, 67); letter-spacing: 0.2px;= line-height: 20px; margin: 8px 0px; text-align: left; } devsite-anselm .anselm-card { background: var(--devsite-card-background); b= order: var(--devsite-card-border); border-radius: var(--devsite-card-border= -radius); box-shadow: var(--devsite-card-box-shadow); display: flex; -webki= t-box-orient: vertical; -webkit-box-direction: normal; flex-direction: colu= mn; height: 100%; } devsite-anselm .anselm-card .anselm-card--top { border-radius: var(--devsit= e-card-content-border-radius,1px 1px 0 0); height: 158px; display: flex; -w= ebkit-box-align: center; align-items: center; -webkit-box-pack: center; jus= tify-content: center; position: relative; } devsite-anselm .anselm-card .anselm-card--top .badge-icon { width: 110px; h= eight: 110px; position: relative; z-index: 2; opacity: 0; transform: scale(= 0); } @-webkit-keyframes bounce {=20 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 1; transform: scale(1.3); } 100% { transform: scale(1); opacity: 1; } } devsite-anselm .anselm-card .anselm-card--top .badge-icon.bounce { animatio= n-duration: 1s; animation-fill-mode: forwards; animation-name: bounce; opac= ity: 1; transform: scale(1); } devsite-anselm .anselm-card devsite-progress .devsite-progress--indetermina= te .devsite-progress--indeterminate-2, devsite-anselm .anselm-card devsite-= progress .devsite-progress--indeterminate .devsite-progress--indeterminate-= 4 { background: rgb(218, 220, 224); } devsite-anselm .anselm-card .anselm-card--progress { overflow: hidden; heig= ht: 2px; background: rgb(218, 220, 224); } devsite-anselm .anselm-card .anselm-card--progress .anselm-card--progress--= bar { background: rgb(251, 188, 4); height: 2px; transform: translateX(-101= %); transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), background 0.2= 13s 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: rgb(52, 168, 83); } devsite-anselm .anselm-card .anselm-card--progress--info:empty::before { co= ntent: "=C2=A0"; } devsite-anselm .anselm-card .anselm-card--progress--info { font-size: 12px;= font-weight: 700; color: rgb(69, 73, 76); padding: 0px 16px; opacity: 0; t= ransform: translateY(12px); transition: transform 0.213s cubic-bezier(0.4, = 0, 1, 1), opacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.21= 3s cubic-bezier(0.4, 0, 1, 1); } devsite-anselm .anselm-card .anselm-card--progress--info.show { opacity: 1;= transform: translateY(0px); transition: transform 0.213s cubic-bezier(0, 0= , 0.2, 1), opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2= 13s cubic-bezier(0, 0, 0.2, 1); } devsite-anselm .anselm-card .anselm-card--body { -webkit-box-flex: 1; flex:= 1 1 0%; padding: 0px 16px; } devsite-anselm .anselm-card .anselm--tags:not(:empty) { border-bottom: var(= --devsite-primary-border); margin: 0px 16px; padding: 0px 0px 16px; } devsite-anselm .anselm-card .anselm-card--bottom { margin: 16px; } devsite-anselm .anselm-card .anselm-card--summary { font-family: var(--devs= ite-primary-font-family); font-size: 12px; color: rgb(106, 110, 116); lette= r-spacing: 0.3px; text-align: left; line-height: 16px; } devsite-anselm .anselm-card .anselm-card--actions { display: flex; -webkit-= box-pack: end; justify-content: flex-end; } devsite-anselm .anselm-cell--card { flex-basis: calc(33.33% - 24px); margin= : 12px; } devsite-anselm .anselm-cell--list { margin-bottom: 32px; } devsite-anselm .anselm-cell--list a { color: rgb(52, 108, 242); } devsite-anselm .anselm-no-results-found { display: flex; width: 100%; margi= n-top: 36px; } devsite-anselm .anselm-no-results-found .no-results-text { flex-basis: 50%;= padding: 0px 12px; } devsite-anselm .anselm-no-results-found .no-results-text h3 { font-size: 28= px; color: rgb(60, 64, 67); line-height: 36px; margin: 0px; } devsite-anselm .anselm-no-results-found .no-results-text p { margin: 0px; p= adding: 8px 0px 0px; font-size: 14px; color: rgb(95, 99, 104); line-height:= 20px; } devsite-anselm .anselm-no-results-found .no-results-img { margin: 0px 12px;= padding: 0px 12px; flex-basis: 50%; background-image: url("/web/2023013022= 4947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e4= 6b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/images/not-found.svg"); -webkit-= box-flex: 1; flex-grow: 1; background-repeat: no-repeat; background-size: c= ontain; background-position: 50% 50%; height: 206px; } devsite-anselm .anselm-results-container { display: flex; -webkit-box-pack:= justify; justify-content: space-between; } devsite-anselm .anselm-results-container .anselm-results-cell { -webkit-box= -flex: 1; flex-grow: 1; } devsite-anselm .anselm-results-container .anselm-featured-cell { display: n= one; -webkit-box-flex: 1; flex-grow: 1; max-width: 292px; padding-left: 18p= x; } devsite-anselm .anselm-results-container .anselm-featured-cell h4 { font-si= ze: 10px; font-weight: 500; color: rgb(102, 102, 102); line-height: 16px; t= ext-transform: uppercase; } devsite-anselm.has-featured .anselm-no-results-found { display: block; } devsite-anselm.has-featured .anselm-no-results-found .no-results-img { marg= in: 48px 12px; height: 295px; } devsite-anselm.has-featured .anselm-no-results-found .no-results-text { tex= t-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: var(--devsite-card-border); bord= er-radius: var(--devsite-card-border-radius); box-shadow: var(--devsite-car= d-box-shadow); margin-bottom: 12px; padding: 16px; } devsite-anselm .anselm--featured .topic__meta { border-top: 1px solid rgb(2= 16, 216, 216); color: rgb(60, 64, 67); font-size: 12px; line-height: 16px; = margin: 16px 0px 8px; padding: 16px 0px 0px; } devsite-anselm .anselm--featured .topic__updated { padding-top: 4px; } @media screen and (max-width: 840px) { devsite-anselm .anselm-cell--card { flex-basis: calc(50% - 24px); } devsite-anselm.has-featured .anselm-results-container .anselm-featured-ce= ll { display: flex; } devsite-anselm .anselm-results-container { -webkit-box-orient: vertical; = -webkit-box-direction: reverse; flex-direction: column-reverse; } devsite-anselm .anselm-results-container .anselm-featured-cell { flex-wra= p: nowrap; overflow-x: auto; min-width: 100%; margin: 0px 0px 24px; padding= : 24px 0px 0px; position: relative; } devsite-anselm .anselm-results-container .anselm-featured-cell h4 { posit= ion: absolute; top: 0px; left: 0px; } devsite-anselm .anselm-results-container .anselm--featured { min-width: 2= 00px; margin-right: 8px; flex-shrink: 0; max-width: 300px; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-description { position: relative; } devsite-anselm .anselm-results-container .anselm--featured a { position: = absolute; right: 8px; top: 8px; padding: 0px; height: 30px; width: 30px; } devsite-anselm .anselm-results-container .anselm--featured a .devsite-lan= ding-row-item-icon-container { width: 30px; height: 30px; } devsite-anselm .anselm-results-container .anselm--featured a .devsite-lan= ding-row-item-icon-container img { width: 30px; height: 30px; margin: 0px; = } devsite-anselm .anselm-results-container .anselm--featured h3 { margin: 0= px; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-body a { position: static; margin: 12px 54px 12px 12px; text-ov= erflow: ellipsis; width: auto; height: auto; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-body .topic__meta { margin-top: 0px; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-body .devsite-landing-row-item-buttons, devsite-anselm .anselm-= results-container .anselm--featured .devsite-landing-row-item-body p { disp= lay: none; } } @media screen and (max-width: 600px) { devsite-anselm .anselm-cell--card { flex-basis: calc(100% - 24px); } devsite-anselm .anselm-no-results-found { margin-top: 12px; flex-wrap: wr= ap; } devsite-anselm .anselm-no-results-found .no-results-img, devsite-anselm .= anselm-no-results-found .no-results-text { flex-basis: 100%; } devsite-anselm .anselm-no-results-found .no-results-img { margin-top: 32p= x; height: 163px; } } devsite-dialog[open].devsite-henhouse-dialog { display: flex; padding: 0px;= } .devsite-henhouse-inner { background: var(--devsite-background-1); display:= flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-orient: vertical; -we= bkit-box-direction: normal; flex-direction: column; margin-top: 2px; overfl= ow: hidden; } .devsite-henhouse-spinner-container { -webkit-box-align: center; align-item= s: center; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pa= ck: center; justify-content: center; min-height: 240px; } .devsite-credentials-spinner-region { display: flex; -webkit-box-align: cen= ter; align-items: center; -webkit-box-pack: center; justify-content: center= ; } .devsite-henhouse-cross-container { height: 160px; display: flex; -webkit-b= ox-align: start; align-items: start; -webkit-box-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: var(--devsite-primary-text-color); } .devsite-apix-controls .devsite-hide-apix::before { content: "close"; } .devsite-apix-controls .devsite-fullscreen-apix::before { content: "fullscr= een"; } .devsite-apix-controls .devsite-dock-apix::before { content: "fullscreen_ex= it"; } .apis-explorer { background: var(--devsite-background-3); } .devsite-apix { background: var(--devsite-background-3); transform: transla= teZ(0px); will-change: height, transform; } .devsite-apix:not(.dialog) .devsite-apix-controls { top: 24px; } .devsite-apix:not(.dialog) .devsite-apix-controls .devsite-dock-apix { disp= lay: none; } .devsite-apix.dialog { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.15) = 0px 17px 17px, rgba(0, 0, 0, 0.3) 0px 27px 55px; font: 14px/20px var(--devs= ite-primary-font-family); max-width: calc(100% - 48px); overflow: auto; pad= ding: 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 .devsit= e-hide-apix { display: none; } .devsite-has-apix .devsite-main-content { z-index: auto; } .devsite-has-apix .devsite-main-content devsite-googler-buttons { z-index: = 1003; } @media screen and (min-width: 1201px) { .devsite-apix:not(.dialog) { box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px,= rgba(0, 0, 0, 0.28) 0px 4px 8px; display: none; max-height: 100vh; overflo= w: auto; position: fixed; right: 0px; top: 96px; width: 400px; z-index: 100= 1; } .devsite-apix.dialog { bottom: 20px; left: calc(50% - 576px); margin: 0px= ; 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; position: relative; max-he= ight: none !important; transform: none !important; top: auto !important; he= ight: auto !important; } .devsite-apix.dialog { bottom: 20px; left: 24px; margin: 0px; top: 50px; = width: calc(100% - 48px); } .devsite-hide-apix { display: none; } } .devsite-page-insights-dialog { width: 100%; height: 100%; } .dashboard-container { height: 100%; } .dashboard-analytics { width: 100%; height: 100%; } devsite-badger { display: none; } .static-badge-awarded-container { display: flex; -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; } .static-badge-awarded-container .devsite-badger-award-inner { padding: 10px= ; } .static-badge-awarded-container .dismiss { display: none; } .devsite-badger-award { bottom: 0px; display: flex; -webkit-box-pack: cente= r; justify-content: center; left: 0px; pointer-events: none; position: fixe= d; right: 0px; z-index: 99999; } .devsite-badger-award .devsite-badger-award-inner { -webkit-box-align: cent= er; align-items: center; -webkit-box-flex: 1; flex-grow: 1; max-width: 670p= x; width: 670px; margin-bottom: 16px; pointer-events: all; position: absolu= te; transform: translateY(150%); transition: bottom 0.2s, margin-right 0.2s= , transform 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-b= ezier(0.4, 0, 1, 1); } @media screen and (max-width: 600px) { .devsite-badger-award .devsite-badger-award-inner { width: calc(100% - 20= px); margin-bottom: 10px; } } .devsite-badger-award .devsite-badger-award-inner[show] { transform: transl= ateY(0px); transition: bottom 0.2s, margin-right 0.2s, transform 0.2s cubic= -bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1); } .devsite-badger-award .devsite-badger-award-inner[show] .devsite-badger-awa= rd-actions, .devsite-badger-award .devsite-badger-award-inner[show] .devsit= e-badger-award-details { opacity: 1; } .devsite-badger-award .devsite-badger-award-inner:first-child { bottom: 10p= x; z-index: 15; } .devsite-badger-award .devsite-badger-award-inner:nth-child(2) { bottom: 5p= x; margin-right: -10px; z-index: 14; filter: grayscale(100%) brightness(110= %); } .devsite-badger-award .devsite-badger-award-inner:nth-child(3) { bottom: 0p= x; margin-right: -20px; z-index: 13; filter: grayscale(100%) brightness(110= %); } .devsite-badger-award .devsite-badger-award-inner:nth-child(4) { bottom: -5= px; margin-right: -30px; z-index: 12; filter: grayscale(100%) brightness(11= 0%); } .devsite-badger-award .devsite-badger-award-inner:nth-child(n+5) { bottom: = -5px; margin-right: -30px; display: none; } @media screen and (max-width: 600px) { .devsite-badger-award .devsite-badger-award-inner:first-child { bottom: 0= px; z-index: 15; } .devsite-badger-award .devsite-badger-award-inner:nth-child(2) { bottom: = 0px; margin-right: 0px; } .devsite-badger-award .devsite-badger-award-inner:nth-child(n+3) { displa= y: none; } } .devsite-badger-award .devsite-badger-award-actions { -webkit-box-align: en= d; align-items: flex-end; display: flex; -webkit-box-orient: vertical; -web= kit-box-direction: normal; flex-direction: column; opacity: 0; transition: = opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid rgb(216, 2= 16, 216); padding: 8px; } @-webkit-keyframes badgeGrowIn {=20 0% { transform: scale(0); } 100% { transform: scale(1.3); } } @-webkit-keyframes badgeGrowOut {=20 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @-webkit-keyframes badgeFadeIn {=20 0% { opacity: 0; } 12% { opacity: 0; } 87% { opacity: 1; } } @-webkit-keyframes counterHide {=20 0% { opacity: 0; } 100% { opacity: 0; } } .devsite-claim-badge-dialog.devsite-claim-badge-dialog, devsite-badge-award= ed.devsite-claim-badge-dialog { padding: 0px; } .devsite-claim-badge-dialog .card, devsite-badge-awarded .card { box-shadow= : rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px= 1px; border-radius: 5px; background: var(--devsite-background-1); display:= block; max-width: 856px; border-top: 5px solid rgb(26, 115, 232); position= : relative; overflow: hidden; margin: 0px auto; } .devsite-claim-badge-dialog .card .card-content, devsite-badge-awarded .car= d .card-content { display: flex; -webkit-box-orient: vertical; -webkit-box-= direction: normal; flex-direction: column; max-height: calc(-32px + 100vh);= overflow: visible; } .devsite-claim-badge-dialog .card .illustration-container, .devsite-claim-b= adge-dialog .card .text-container, devsite-badge-awarded .card .illustratio= n-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 .illustrat= ion-container, devsite-badge-awarded .card .text-container { width: 100%; } } .devsite-claim-badge-dialog .card .profile-creation-container, devsite-badg= e-awarded .card .profile-creation-container { -webkit-box-flex: 1; flex: 1 = 1 0%; overflow: auto; max-height: 50vh; border-top: 1px solid rgb(232, 234,= 237); padding: 16px 24px; } .devsite-claim-badge-dialog .card .profile-creation-container p, devsite-ba= dge-awarded .card .profile-creation-container p { margin: 8px 0px; color: r= gb(60, 64, 67); 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 { m= argin-top: 8px; } .devsite-claim-badge-dialog .card .profile-creation-container-email-options= .profile-creation-container-email-option, devsite-badge-awarded .card .pro= file-creation-container-email-options .profile-creation-container-email-opt= ion { display: flex; -webkit-box-align: center; align-items: center; } .devsite-claim-badge-dialog .card .profile-creation-container-email-options= .profile-creation-container-email-option input, devsite-badge-awarded .car= d .profile-creation-container-email-options .profile-creation-container-ema= il-option input { margin-top: 0px; } .devsite-claim-badge-dialog .card .profile-creation-container-email-options= .profile-creation-container-email-option label, devsite-badge-awarded .car= d .profile-creation-container-email-options .profile-creation-container-ema= il-option label { font-size: 14px; } .devsite-claim-badge-dialog .card .spinner-container, devsite-badge-awarded= .card .spinner-container { position: absolute; width: 100%; height: 100%; = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: center; justify-content: center; background: rgba(255, 255, 255, 0.8)= ; z-index: 100; pointer-events: none; opacity: 0; transition: opacity 0.3s = cubic-bezier(0.4, 0, 0.2, 1); } .devsite-claim-badge-dialog .card .content-container, devsite-badge-awarded= .card .content-container { display: flex; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .card .content-container, devsite-badge-award= ed .card .content-container { -webkit-box-orient: vertical; -webkit-box-dir= ection: normal; flex-direction: column; } } .devsite-claim-badge-dialog .card .text-container, devsite-badge-awarded .c= ard .text-container { padding: 36px 24px; -webkit-box-flex: 1; flex-grow: 1= ; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .card .text-container, devsite-badge-awarded = .card .text-container { padding: 24px; } } .devsite-claim-badge-dialog .illustration-container, devsite-badge-awarded = .illustration-container { display: flex; min-height: 164px; min-width: 303p= x; height: 164px; width: 303px; -webkit-box-pack: center; justify-content: = center; -webkit-box-align: center; align-items: center; position: relative;= background-image: url("/web/20230130224947im_/https://www.gstatic.com/devr= el-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd= 2bcca1/developers/images/badge-award-background.svg"); background-size: 100= % calc(100% + 2px); background-position: 1px -1px; background-repeat: no-re= peat; } .devsite-claim-badge-dialog .illustration-container.show .badge-icon, devsi= te-badge-awarded .illustration-container.show .badge-icon { opacity: 1; tra= nsform: scale(1); } .devsite-claim-badge-dialog .illustration-container.animate .badge-icon, de= vsite-badge-awarded .illustration-container.animate .badge-icon { animation= : 0.33s cubic-bezier(0.75, 0, 0.71, 0.97) 0s 1 normal none running badgeGro= wIn, 0.17s cubic-bezier(0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none runnin= g badgeGrowOut, 0.5s linear 0s 1 normal none running badgeFadeIn; } .devsite-claim-badge-dialog .illustration-container .badge-icon, devsite-ba= dge-awarded .illustration-container .badge-icon { width: 124px; height: 124= px; z-index: 1000; opacity: 0; animation-fill-mode: forwards; } .devsite-claim-badge-dialog .illustration-container .badge-icon.incomplete,= devsite-badge-awarded .illustration-container .badge-icon.incomplete { fil= ter: grayscale(100%); } .devsite-claim-badge-dialog .illustration-container .badge-animation, devsi= te-badge-awarded .illustration-container .badge-animation { position: absol= ute; width: 195px; height: 170px; background-image: url("/web/2023013022494= 7im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b7= 62d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/badge-award-anima= tion.gif"); background-size: 100% 100%; } .devsite-claim-badge-dialog .completed-title, devsite-badge-awarded .comple= ted-title { font-size: 20px; margin-bottom: 8px; line-height: 28px; color: = rgb(0, 0, 0); font-family: var(--devsite-headline-font-family); } .devsite-claim-badge-dialog .claim-badge-text, .devsite-claim-badge-dialog = .completed-text, .devsite-claim-badge-dialog .create-profile-text, .devsite= -claim-badge-dialog .error-text, .devsite-claim-badge-dialog .not-eligible-= text, .devsite-claim-badge-dialog .sign-in-text, devsite-badge-awarded .cla= im-badge-text, devsite-badge-awarded .completed-text, devsite-badge-awarded= .create-profile-text, devsite-badge-awarded .error-text, devsite-badge-awa= rded .not-eligible-text, devsite-badge-awarded .sign-in-text { font-size: 1= 4px; } .devsite-claim-badge-dialog .buttons-container, devsite-badge-awarded .butt= ons-container { border-top: 1px solid rgb(232, 234, 237); padding: 0px 8px;= display: flex; -webkit-box-align: center; align-items: center; -webkit-box= -pack: justify; justify-content: space-between; } .devsite-claim-badge-dialog .buttons-container .buttons, devsite-badge-awar= ded .buttons-container .buttons { display: flex; flex-wrap: wrap; } .devsite-claim-badge-dialog .buttons-container .dismiss, devsite-badge-awar= ded .buttons-container .dismiss { position: relative; overflow: visible; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .buttons-container, devsite-badge-awarded .bu= ttons-container { -webkit-box-orient: vertical; -webkit-box-direction: reve= rse; flex-direction: column-reverse; padding-top: 0px; text-align: center; = -webkit-box-align: center; align-items: center; } .devsite-claim-badge-dialog .buttons-container .button, devsite-badge-awa= rded .buttons-container .button { margin: 10px auto 0px; } .devsite-claim-badge-dialog .buttons-container .buttons, devsite-badge-aw= arded .buttons-container .buttons { -webkit-box-orient: horizontal; -webkit= -box-direction: normal; flex-direction: row; margin-top: 5px; } } .devsite-claim-badge-dialog[loading] .card .spinner-container, devsite-badg= e-awarded[loading] .card .spinner-container { opacity: 1; pointer-events: a= ll; } .devsite-claim-badge-dialog .qr-code-container, devsite-badge-awarded .qr-c= ode-container { display: flex; height: 225px; background-image: url("/web/2= 0230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89= b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/claim= -badge-dialog-background.png"); -webkit-box-pack: center; justify-content: = center; -webkit-box-align: center; align-items: center; background-position= : 50% center; background-size: 700px; } .devsite-claim-badge-dialog .qr-code-container canvas, devsite-badge-awarde= d .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; backgro= und: var(--devsite-background-1); } .devsite-claim-badge-dialog .redeem-code-section, devsite-badge-awarded .re= deem-code-section { padding: 18px 24px 0px; margin-bottom: -15px; } .devsite-claim-badge-dialog .redeem-code-title, devsite-badge-awarded .rede= em-code-title { text-transform: uppercase; font-size: 10.5px; font-weight: = 600; color: rgb(128, 134, 139); margin-bottom: 3px; } .devsite-claim-badge-dialog .redeem-code, devsite-badge-awarded .redeem-cod= e { display: inline-block; font-size: 18px; font-weight: 500; letter-spacin= g: 12px; color: rgb(0, 0, 0); padding: 8px 2px 8px 12px; border: 2px solid = rgb(26, 115, 232); border-radius: 4px; background-color: rgba(227, 242, 253= , 0.6); } .devsite-claim-badge-dialog .illustration-container.animate .badge-icon-cou= nter, devsite-badge-awarded .illustration-container.animate .badge-icon-cou= nter { animation: 1s ease 0s 1 normal none running counterHide, 0.33s cubic= -bezier(0.75, 0, 0.71, 0.97) 1s 1 normal none running badgeGrowIn, 0.17s cu= bic-bezier(0.85, -0.14, 0.83, 0.83) 1.33s 1 normal none running badgeGrowOu= t, 0.5s linear 1s 1 normal none running badgeFadeIn; opacity: 1; transform:= scale(1); } .devsite-claim-badge-dialog .illustration-container .badge-icon-counter, de= vsite-badge-awarded .illustration-container .badge-icon-counter { padding: = 3px 10px; font-size: 14px; border-radius: 19px; color: rgb(255, 255, 255); = font-weight: 500; background-color: rgb(25, 118, 210); position: absolute; = bottom: 17px; z-index: 10001; opacity: 0; transform: scale(0); box-shadow: = rgba(60, 64, 67, 0.15) 0px 4px 8px 3px, rgba(60, 64, 67, 0.3) 0px 1px 3px 0= px; } .devsite-claim-badge-dialog .badge-name, devsite-badge-awarded .badge-name = { font-weight: 500; } .devsite-claim-badge-dialog .buttons-container .more-badges-marker, devsite= -badge-awarded .buttons-container .more-badges-marker { display: flex; posi= tion: absolute; top: -12px; right: -12px; background: rgb(229, 57, 53); min= -width: 24px; min-height: 24px; border-radius: 50px; -webkit-box-pack: cent= er; justify-content: center; text-align: center; color: rgb(255, 255, 255);= font-weight: 700; max-height: 24px; max-width: 24px; line-height: 24px; fo= nt-size: 12px; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .buttons-container .sharing, devsite-badge-aw= arded .buttons-container .sharing { -webkit-box-orient: horizontal; -webkit= -box-direction: normal; flex-direction: row; padding: 2px 0px 20px; } } .devsite-claim-badge-dialog .buttons-container .actions .button, .devsite-c= laim-badge-dialog .buttons-container .actions button, devsite-badge-awarded= .buttons-container .actions .button, devsite-badge-awarded .buttons-contai= ner .actions button { margin: 8px; } .devsite-claim-badge-dialog .buttons-container .sharing, devsite-badge-awar= ded .buttons-container .sharing { font-size: 14px; color: rgb(60, 64, 67); = padding-left: 16px; display: flex; -webkit-box-align: center; align-items: = center; } .devsite-claim-badge-dialog .buttons-container .sharing .share-buttons-cont= ainer, devsite-badge-awarded .buttons-container .sharing .share-buttons-con= tainer { display: flex; flex-wrap: wrap; } .devsite-claim-badge-dialog .buttons-container .sharing span, devsite-badge= -awarded .buttons-container .sharing span { margin: 0px 8px; } .devsite-claim-badge-dialog .buttons-container .sharing .button, .devsite-c= laim-badge-dialog .buttons-container .sharing button, devsite-badge-awarded= .buttons-container .sharing .button, devsite-badge-awarded .buttons-contai= ner .sharing button { box-shadow: none; margin: 0px 8px; padding: 0px; disp= lay: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack= : center; justify-content: center; border: 0px; height: auto; min-width: 0p= x; flex-shrink: 0; } .devsite-claim-badge-dialog .buttons-container .sharing .button:focus, .dev= site-claim-badge-dialog .buttons-container .sharing .button:hover, .devsite= -claim-badge-dialog .buttons-container .sharing button:focus, .devsite-clai= m-badge-dialog .buttons-container .sharing button:hover, devsite-badge-awar= ded .buttons-container .sharing .button:focus, devsite-badge-awarded .butto= ns-container .sharing .button:hover, devsite-badge-awarded .buttons-contain= er .sharing button:focus, devsite-badge-awarded .buttons-container .sharing= button:hover { background: none; } .devsite-claim-badge-dialog .buttons-container .sharing .button:active, .de= vsite-claim-badge-dialog .buttons-container .sharing button:active, devsite= -badge-awarded .buttons-container .sharing .button:active, devsite-badge-aw= arded .buttons-container .sharing button:active { box-shadow: none; } .devsite-claim-badge-dialog .buttons-container .sharing a:active, .devsite-= claim-badge-dialog .buttons-container .sharing a:focus, .devsite-claim-badg= e-dialog .buttons-container .sharing a:hover, devsite-badge-awarded .button= s-container .sharing a:active, devsite-badge-awarded .buttons-container .sh= aring a:focus, devsite-badge-awarded .buttons-container .sharing a:hover { = text-decoration: none; } .devsite-claim-badge-dialog .buttons-container .sharing .material-icons, de= vsite-badge-awarded .buttons-container .sharing .material-icons { color: rg= b(95, 99, 104); display: flex; -webkit-box-align: center; align-items: cent= er; -webkit-box-pack: center; justify-content: center; margin: 0px 8px; } devsite-badge-redeemer { display: block; opacity: 1; transition: opacity 0.= 7s ease-in; } devsite-badge-redeemer .redeem-code-page-subtitle { margin-bottom: 50px; ma= rgin-top: -28px; font-size: 18px; color: rgb(32, 33, 36); font-family: var(= --devsite-headline-font-family); } devsite-badge-redeemer devsite-badge-awarded { display: block; } devsite-badge-redeemer.redeem-success { opacity: 0; } devsite-badge-redeemer .waiting-container { display: flex; -webkit-box-orie= nt: vertical; -webkit-box-direction: normal; flex-direction: column; } devsite-badge-redeemer .waiting-container devsite-spinner { margin-top: 15p= x; align-self: center; } devsite-badge-redeemer .change-account-button, devsite-badge-redeemer .crea= te-profile-button, devsite-badge-redeemer .sign-in-button { margin-top: 10p= x; } 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: rgb(128, 134, 139); letter-spacing:= 1px; } devsite-badge-redeemer .redeem-code-error-icon, devsite-badge-redeemer .red= eem-code-error-message, devsite-badge-redeemer .redeem-code-success-icon { = display: none; } devsite-badge-redeemer.redeem-success .redeem-code-input { border-color: rg= b(30, 142, 62) !important; } devsite-badge-redeemer.redeem-success .redeem-code-success-icon { display: = inline; font-size: 25px; color: rgb(30, 142, 62); margin-left: 10px; line-h= eight: 44px; } devsite-badge-redeemer.redeem-error .redeem-code-input { border-color: rgb(= 217, 48, 37); } devsite-badge-redeemer.redeem-error .redeem-code-error-message { display: b= lock; font-size: 12px; color: rgb(128, 134, 139); font-style: italic; font-= weight: 600; } devsite-badge-redeemer.redeem-error .redeem-code-error-icon { display: inli= ne; font-size: 25px; color: rgb(217, 48, 37); margin-left: 10px; line-heigh= t: 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-siz= e: 18px; font-weight: 500; letter-spacing: 12px; color: rgb(0, 0, 0); paddi= ng: 8px 2px 8px 12px; border: 2px solid rgb(26, 115, 232); border-radius: 4= px; background-color: rgba(227, 242, 253, 0.6); width: 450px; height: 45px;= } devsite-badge-redeemer .redeem-code-input:disabled { border-color: rgb(128,= 134, 139); color: rgb(128, 134, 139); } devsite-book-nav { max-height: 100vh; overflow: hidden auto; position: rela= tive; z-index: 1004; } .devsite-book-nav-bg, body[pending] devsite-book-nav { background: var(--de= vsite-book-nav-background); box-shadow: var(--devsite-book-nav-box-shadow,0= 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--de= vsite-elevation-ambient-shadow-color)); } body[pending] devsite-book-nav { height: 100vh; } body[ready] devsite-book-nav[fixed] { box-shadow: none; contain: content; m= ax-height: 100%; position: fixed; transform: translateY(var(--devsite-js-bo= ok-nav-y-offset,0)); will-change: top, max-height, transform; } body[ready] .devsite-book-nav-bg[fixed] { bottom: 0px; display: block; posi= tion: fixed; top: 0px; z-index: 1; } body[ready] .devsite-book-nav-bg[animatable], body[ready] devsite-book-nav[= animatable] { transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -web= kit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .devsite-book-nav-bg::after { bottom: -10px; content: ""; display: block; h= eight: 10px; position: fixed; width: 279px; } [dir=3D"ltr"] .devsite-book-nav-bg::after { left: 0px; } [dir=3D"rtl"] .devsite-book-nav-bg::after { right: 0px; } devsite-book-nav .devsite-book-nav-filter { background: var(--devsite-book-= nav-background); border-bottom: var(--devsite-primary-border); display: fle= x; margin-bottom: 12px; padding: 24px; position: sticky; top: 0px; z-index:= 2; } devsite-book-nav input[type=3D"text"] { background: var(--devsite-searchbox= -inactive); border: 0px; border-radius: 4px; color: var(--devsite-searchbox= -placeholder,var(--devsite-secondary-text-color)); font-size: var(--devsite= -nav-font-size,13px); height: var(--devsite-book-nav-input-height); padding= -inline: var(--devsite-book-nav-input-height); width: 100%; } devsite-book-nav input[type=3D"text"]:hover { background: var(--devsite-sea= rchbox-hover); } devsite-book-nav input[type=3D"text"]:focus { background: var(--devsite-sea= rch-form-background-active); border: 0px; box-shadow: var(--devsite-search-= active-box-shadow,none); color: var(--devsite-search-form-text-active,var(-= -devsite-primary-text-color)); padding: 16px var(--devsite-book-nav-input-h= eight); } devsite-book-nav .devsite-nav-list { padding-bottom: 56px; } devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-acc= ordion):not(.devsite-nav-divider):first-child { border-top: 0px; margin-top= : 20px; padding-top: 0px; } devsite-book-nav .devsite-book-nav-filter:not(.hidden) + .devsite-book-nav = .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devs= ite-nav-divider):first-child { margin-top: 0px; } devsite-book-nav .devsite-book-nav-filter::before, devsite-book-nav .filter= -clear-button { -webkit-box-align: center; align-items: center; color: var(= --devsite-searchbox-placeholder,var(--devsite-secondary-text-color)); displ= ay: flex; font: 14px / 1 "Material Icons"; height: var(--devsite-book-nav-i= nput-height); -webkit-box-pack: center; justify-content: center; position: = absolute; top: 24px; width: var(--devsite-book-nav-input-height); } devsite-book-nav .devsite-book-nav-filter::before { content: "filter_list";= inset-inline: 24px auto; } devsite-book-nav .filter-clear-button { cursor: pointer; inset-inline: auto= 24px; outline: 0px; } devsite-book-nav .filter-clear-button::before { content: "close"; } devsite-book-nav .filter-clear-button:focus::before, devsite-book-nav .filt= er-clear-button:hover::before { background: var(--devsite-background-5); bo= rder-radius: 50%; padding: 4px; } devsite-book-nav .devsite-nav-text mark { background: rgb(254, 239, 195); b= order-radius: 4px; } [dir=3D"ltr"] devsite-book-nav li .devsite-nav-title { padding-left: 24px; = } [dir=3D"rtl"] devsite-book-nav li .devsite-nav-title { padding-left: 8px; p= adding-right: 24px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-titl= e { padding-left: 40px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-titl= e { padding-right: 40px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-t= itle { padding-left: 56px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-t= itle { padding-right: 56px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-title { padding-left: 72px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-title { padding-right: 72px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li .devsite= -nav-title { padding-left: 88px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li .devsite= -nav-title { padding-right: 88px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-title { padding-left: 104px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-title { padding-right: 104px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li li li .d= evsite-nav-title { padding-left: 120px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li li li .d= evsite-nav-title { padding-right: 120px; } [dir=3D"ltr"] devsite-book-nav li.devsite-nav-divider .devsite-nav-title { = padding-left: 0px; } [dir=3D"rtl"] devsite-book-nav li.devsite-nav-divider .devsite-nav-title { = padding-right: 0px; } [dir=3D"ltr"] devsite-book-nav .devsite-nav-title { margin-right: var(--dev= site-nav-title-margin-x,0); padding-right: 8px; } [dir=3D"rtl"] devsite-book-nav .devsite-nav-title { margin-left: var(--devs= ite-nav-title-margin-x,0); padding-left: 8px; } devsite-book-nav .devsite-nav-title.devsite-nav-active { background: var(--= devsite-nav-title-background-active,0); } [dir=3D"ltr"] devsite-book-nav .devsite-nav-title.devsite-nav-active { bord= er-radius: var(--devsite-nav-title-border-radius,0 12px 12px 0); } [dir=3D"rtl"] devsite-book-nav .devsite-nav-title.devsite-nav-active { bord= er-radius: var(--devsite-nav-title-border-radius,12px 0 0 12px); } [dir=3D"ltr"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), = [dir=3D"ltr"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ) > .devsite-expandable-nav > .devsite-nav-title-no-path { border-radius: v= ar(--devsite-nav-title-border-radius,0 12px 12px 0); } [dir=3D"rtl"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), = [dir=3D"rtl"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ) > .devsite-expandable-nav > .devsite-nav-title-no-path { border-radius: v= ar(--devsite-nav-title-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-hea= ding) > .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(.d= evsite-nav-accordion) > .devsite-expandable-nav > .devsite-nav-title-no-pat= h:hover { 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-hea= ding) > .devsite-nav-title:not(.devsite-nav-active):hover { color: var(--de= vsite-nav-title-color-hover,var(--devsite-link-color)); } devsite-book-nav .devsite-nav-list > .devsite-nav-heading:not(.devsite-nav-= divider) { border-top: var(--devsite-primary-border); padding-top: 11px; } devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) { margin-to= p: 12px; } [dir=3D"ltr"] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divide= r) .devsite-nav-title-no-path { padding-left: 24px; } [dir=3D"rtl"] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divide= r) .devsite-nav-title-no-path { padding-right: 24px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav .devsite-nav-heading= :not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-left: 40px;= } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav .devsite-nav-heading= :not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-right: 40px= ; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-head= ing:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-left: 56= px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-head= ing:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-right: 5= 6px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-h= eading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-left:= 72px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-h= eading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-right= : 72px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-le= ft: 88px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-ri= ght: 88px; } [dir=3D"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=3D"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=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padd= ing-left: 120px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padd= ing-right: 120px; } [dir=3D"ltr"] devsite-book-nav .devsite-nav-accordion > .devsite-expandable= -nav > .devsite-nav-title-no-path { margin-right: 0px; } [dir=3D"rtl"] devsite-book-nav .devsite-nav-accordion > .devsite-expandable= -nav > .devsite-nav-title-no-path { margin-left: 0px; } devsite-book-nav .devsite-nav-heading.devsite-nav-divider { background: var= (--devsite-nav-divider-background); border-bottom: var(--devsite-primary-bo= rder); border-top: var(--devsite-primary-border); padding: 4px 24px 2px; } devsite-book-nav .devsite-nav-heading.devsite-nav-divider:first-child { pad= ding-top: 4px; } devsite-book-nav .devsite-nav-divider > .devsite-nav-title { font: 500 11px= /16px var(--devsite-primary-font-family); letter-spacing: 0.8px; text-trans= form: uppercase; } devsite-book-nav .devsite-nav-accordion + .devsite-nav-accordion, devsite-b= ook-nav .devsite-nav-divider + .devsite-nav-accordion { border-top: 0px; pa= dding-top: 12px; } devsite-book-nav .devsite-nav-accordion + .devsite-nav-divider { border-top= : 0px; padding-top: 4px; } devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav= -heading > .devsite-nav-title-no-path { border-radius: 0px; 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: 0px center; } 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-accordi= on) .devsite-nav-heading > .devsite-nav-title-no-path:hover { color: var(--= devsite-nav-title-no-path-color-hover,var(--devsite-link-color)); } devsite-book-nav .devsite-nav-accordion + .devsite-nav-item:not(.devsite-na= v-accordion):not(.devsite-nav-divider), devsite-book-nav .devsite-nav-divid= er + .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider= ), devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devs= ite-nav-divider) + .devsite-nav-accordion, devsite-book-nav .devsite-nav-it= em:not(.devsite-nav-accordion):not(.devsite-nav-divider) + .devsite-nav-div= ider { margin-top: 12px; } devsite-book-nav .devsite-nav-break { height: 24px; } #devsite-hamburger-menu, devsite-book-nav .devsite-mobile-header, devsite-b= ook-nav .devsite-mobile-nav-top { display: none; } devsite-book-nav .devsite-mobile-header { background: var(--devsite-header-= color-upper,var(--devsite-background-1)); border-bottom: var(--devsite-head= er-border,var(--devsite-primary-border)); } #devsite-hamburger-menu::before, devsite-book-nav #devsite-close-nav::befor= e { border-radius: 50%; padding: 8px; transition: background 0.2s; } #devsite-hamburger-menu:focus::before, #devsite-hamburger-menu:hover::befor= e, devsite-book-nav #devsite-close-nav:focus::before, devsite-book-nav #dev= site-close-nav:hover::before { background: var(--devsite-background-3); } #devsite-hamburger-menu::before { content: "menu"; } [dir=3D"ltr"] devsite-book-nav #devsite-close-nav::before { content: "arrow= _back"; } [dir=3D"rtl"] devsite-book-nav #devsite-close-nav::before { content: "arrow= _forward"; } devsite-book-nav[top-level-nav] #devsite-close-nav::before { content: "clos= e"; } .devsite-book-nav-toggle { -webkit-box-align: center; align-items: center; = background-color: var(--devsite-book-nav-toggle-background); border: var(--= devsite-book-nav-toggle-border,0); bottom: 16px; box-shadow: var(--devsite-= book-nav-toggle-box-shadow,0 1px 2px 0 var(--devsite-elevation-key-shadow-c= olor),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)); color: = var(--devsite-book-nav-toggle-color,var(--devsite-secondary-text-color)); c= ursor: pointer; display: flex; height: 40px; -webkit-box-pack: center; just= ify-content: center; min-width: 24px; padding: 0px; position: fixed; text-d= ecoration: none; transform: translateX(calc(var(--devsite-js-book-nav-scrol= lbar-width, 0px) - var(--devsite-nav-title-margin-x, 8px))); transition: tr= ansform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.2s, -webkit-tran= sform 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1004; } .devsite-book-nav-toggle:focus, .devsite-book-nav-toggle:hover { background= -color: var(--devsite-book-nav-toggle-background-hover); border: var(--devs= ite-book-nav-toggle-border-hover,0); box-shadow: var(--devsite-book-nav-tog= gle-box-shadow-hover,0 1px 2px 0 var(--devsite-elevation-key-shadow-color),= 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)); color: var(--= devsite-book-nav-toggle-color-hover,var(--devsite-secondary-text-color)); } .devsite-book-nav-toggle[aria-expanded] { border-radius: 50%; width: 40px; = } [dir=3D"ltr"] .devsite-book-nav-toggle[aria-expanded] { transform: translat= eX(calc(229px - var(--devsite-js-book-nav-scrollbar-width, 0px) - var(--dev= site-nav-title-margin-x, 8px))); } [dir=3D"rtl"] .devsite-book-nav-toggle[aria-expanded] { transform: translat= eX(calc(-229px + var(--devsite-js-book-nav-scrollbar-width, 0px) + var(--de= vsite-nav-title-margin-x, 8px))); } .devsite-book-nav-toggle:not([aria-expanded]) { border-inline-start: 0px; t= ransition: width 0.2s, transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), border= -radius 0.2s, -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); width: = 24px; } [dir=3D"ltr"] .devsite-book-nav-toggle:not([aria-expanded]) { border-radius= : 0px 20px 20px 0px; } [dir=3D"rtl"] .devsite-book-nav-toggle:not([aria-expanded]) { border-radius= : 20px 0px 0px 20px; } .devsite-book-nav-toggle:not([aria-expanded]):focus, .devsite-book-nav-togg= le:not([aria-expanded]):hover { width: 40px; } [dir=3D"ltr"] body[ready] .devsite-book-nav-bg[collapsed] { transform: tran= slate(-279px); } [dir=3D"rtl"] body[ready] .devsite-book-nav-bg[collapsed] { transform: tran= slate(279px); } [dir=3D"ltr"] body[ready] devsite-book-nav[collapsed] { transform: translat= e(-279px,var(--devsite-js-book-nav-y-offset,0)); } [dir=3D"rtl"] body[ready] devsite-book-nav[collapsed] { transform: translat= e(279px,var(--devsite-js-book-nav-y-offset,0)); } .devsite-book-nav-toggle .devsite-book-nav-toggle-icon { font-size: 20px; h= eight: 20px; position: static; width: 20px; } .devsite-book-nav-toggle .devsite-book-nav-toggle-icon::before { content: v= ar(--devsite-book-nav-toggle-icon); } [dir=3D"ltr"] .devsite-book-nav-toggle, [dir=3D"rtl"] .devsite-book-nav-tog= gle[aria-expanded] { --devsite-book-nav-toggle-icon: "chevron_right"; } [dir=3D"ltr"] .devsite-book-nav-toggle[aria-expanded], [dir=3D"rtl"] .devsi= te-book-nav-toggle { --devsite-book-nav-toggle-icon: "chevron_left"; } devsite-book-nav ~ .devsite-book-nav-blur { background-color: var(--devsite= -book-nav-background); bottom: 0px; height: 64px; mask-image: linear-gradie= nt(transparent, rgb(0, 0, 0) 28px); pointer-events: none; position: fixed; = width: calc(269px - var(--devsite-js-book-nav-scrollbar-width, 0px)); z-ind= ex: 1004; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-= transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform: translate(0px); } [dir=3D"ltr"] devsite-book-nav ~ .devsite-book-nav-blur { left: 0px; } [dir=3D"rtl"] devsite-book-nav ~ .devsite-book-nav-blur { right: 0px; } [dir=3D"ltr"] devsite-book-nav ~ .devsite-book-nav-blur[collapsed] { left: = 0px; transform: translate(-281px,var(--devsite-js-book-nav-y-offset,0)); } [dir=3D"rtl"] devsite-book-nav ~ .devsite-book-nav-blur[collapsed] { right:= 0px; transform: translate(281px,var(--devsite-js-book-nav-y-offset,0)); } @media screen and (max-width: 840px) { devsite-book-nav { display: none; height: 100vh; z-index: 1013; max-heigh= t: 100vh !important; top: 0px !important; } body[ready] .devsite-book-nav-bg, body[ready] devsite-book-nav { transiti= on: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cub= ic-bezier(0.4, 0, 0.2, 1); } [dir=3D"ltr"] body[ready] devsite-book-nav { transform: translate(-281px)= ; } [dir=3D"rtl"] body[ready] devsite-book-nav { transform: translate(281px);= } .devsite-book-nav-blur { display: none; } body[ready] .devsite-book-nav-bg[fixed] { display: none; } body[ready] devsite-book-nav[fixed] { background: var(--devsite-book-nav-= background); box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-col= or),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color); display: b= lock !important; } 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: 10= 0%; position: relative; width: auto; z-index: 20; } #devsite-hamburger-menu { display: block; width: 40px; } [dir=3D"ltr"] #devsite-hamburger-menu { margin: 0px 0px 0px -4px; } [dir=3D"rtl"] #devsite-hamburger-menu { margin: 0px -4px 0px 0px; } devsite-book-nav #devsite-close-nav { color: var(--devsite-secondary-text= -color); flex-shrink: 0; } [dir=3D"ltr"] devsite-book-nav #devsite-close-nav { margin: 0px 0px 0px -= 12px; } [dir=3D"rtl"] devsite-book-nav #devsite-close-nav { margin: 0px -12px 0px= 0px; } devsite-book-nav .devsite-mobile-nav-top { display: block; } devsite-book-nav .devsite-book-nav-wrapper { display: flex; transition: t= ransform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-be= zier(0.4, 0, 0.2, 1); } [dir=3D"ltr"] devsite-book-nav .devsite-book-nav-wrapper { transform: tra= nslateX(-269px); } [dir=3D"rtl"] devsite-book-nav .devsite-book-nav-wrapper { transform: tra= nslateX(269px); } devsite-book-nav .devsite-nav-list { padding-bottom: 120px; } devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-a= ccordion):not(.devsite-nav-divider):first-child { margin-top: 0px; } 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; flex-grow: 1; } devsite-book-nav[top-level-nav] .devsite-book-nav-wrapper { transform: tr= anslateX(0px); } devsite-book-nav:not([top-level-nav]) .devsite-mobile-nav-top, devsite-bo= ok-nav[top-level-nav] .devsite-mobile-nav-bottom { height: calc(-64px + 100= vh); overflow: hidden; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item { border-bottom: var(--devsite-primary-border); } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item > .devsite-nav-title { font-weight: 700; padding-bottom: 15px; padd= ing-top: 16px; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item > .devsite-nav-active { background: 0px center; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item > .devsite-nav-title:not(.devsite-nav-active) { color: var(--devsit= e-secondary-text-color); } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-na= v-title { border-radius: 0px; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-na= v-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: 0px center; } devsite-book-nav .devsite-mobile-nav-bottom, devsite-book-nav .devsite-mo= bile-nav-top { flex-shrink: 0; width: 269px; } devsite-book-nav .devsite-mobile-header { -webkit-box-align: center; alig= n-items: center; display: flex; height: 49px; padding: 0px 16px; position: = sticky; top: 0px; z-index: 100; } devsite-book-nav .devsite-mobile-header .devsite-nav-active { font-weight= : 400; } devsite-book-nav .devsite-nav-responsive-tabs { margin-bottom: 12px; marg= in-top: -11px; } devsite-book-nav .devsite-lower-tab-item { margin: 0px; } devsite-book-nav .devsite-nav-responsive-tabs > .devsite-nav-item:last-ch= ild { margin-bottom: 8px; } devsite-book-nav ~ .devsite-book-nav-toggle { display: none; } devsite-book-nav .devsite-book-nav-filter { display: none; } } @media screen and (max-width: 600px) { #devsite-hamburger-menu, devsite-book-nav #devsite-close-nav { margin: 0p= x 4px 0px -12px; } } .devsite-expandable-nav { display: block; position: relative; } .devsite-expandable-nav > .devsite-nav-section { max-width: 100%; overflow-= y: hidden; transition: height 0.2s; width: 100%; will-change: height; } .devsite-expandable-nav:not([animatable]) > .devsite-nav-section { transiti= on: height 1ms; } .devsite-expandable-nav > .devsite-nav-section .devsite-nav-heading:not(.de= vsite-nav-divider):first-child { margin-top: 0px; } .devsite-expandable-nav:not(.expanded) > .devsite-nav-section { display: no= ne; } .devsite-expandable-nav:not(.expanded) > .devsite-nav-section { height: 0px= ; } .devsite-expandable-nav > .devsite-nav-title-no-path { cursor: pointer; out= line: 0px; } .devsite-expandable-nav > .devsite-nav-title { padding-inline-start: 24px; = } .devsite-expandable-nav .devsite-expandable-nav > .devsite-nav-title { padd= ing-inline-start: 40px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav > .= devsite-nav-title { padding-inline-start: 56px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav > .devsite-nav-title { padding-inline-start: 72px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav .devsite-expandable-nav > .devsite-nav-title { padding= -inline-start: 88px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav > .dev= site-nav-title { padding-inline-start: 104px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsi= te-expandable-nav > .devsite-nav-title { padding-inline-start: 120px; } .devsite-expandable-nav > .devsite-nav-toggle { cursor: pointer; font-style= : normal; font-variant: normal; font-size-adjust: none; font-language-overr= ide: normal; font-kerning: auto; font-optical-sizing: auto; font-variation-= settings: normal; font-weight: normal; font-stretch: normal; font-size: 24p= x; line-height: 1; font-family: "Material Icons"; font-feature-settings: "l= iga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibili= ty; text-transform: none; overflow-wrap: normal; text-decoration: none; } .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expandable-nav > .= devsite-nav-toggle { font-size: 18px; position: absolute; top: var(--devsit= e-nav-toggle-y-start,2px); transform: rotate(0deg); transition: transform 0= .2s, -webkit-transform 0.2s; will-change: transform; } .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expandable-nav:not= ([animatable]) > .devsite-nav-toggle { transition: transform 1ms, -webkit-t= ransform 1ms; } [dir=3D"ltr"] .devsite-expandable-nav > .devsite-nav-toggle { left: 4px; } [dir=3D"rtl"] .devsite-expandable-nav > .devsite-nav-toggle { right: 4px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav > .devsite-na= v-toggle { left: 20px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav > .devsite-na= v-toggle { right: 20px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav > .devsite-nav-toggle { left: 36px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav > .devsite-nav-toggle { right: 36px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav > .devsite-nav-toggle { left: 52px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav > .devsite-nav-toggle { right: 52px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav > .devsite-nav-t= oggle { left: 68px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav > .devsite-nav-t= oggle { right: 68px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav > .devsite-nav-toggle { left: 84px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav > .devsite-nav-toggle { right: 84px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav .devsite-expandable-nav > .devsite-nav-toggle { left: 100px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav .devsite-expandable-nav > .devsite-nav-toggle { right: 100px; } .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expandable-nav:not= (.expanded) > .devsite-nav-toggle { transform: rotate(-90deg); } [dir=3D"rtl"] .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expa= ndable-nav:not(.expanded) > .devsite-nav-toggle { transform: rotate(90deg);= } .devsite-expandable-nav > .devsite-nav-toggle::before { content: "arrow_dro= p_down"; } .devsite-nav-accordion { border-bottom: var(--devsite-primary-border); bord= er-top: var(--devsite-primary-border); padding: 11px 0px; } .devsite-nav-accordion > .devsite-expandable-nav { -webkit-box-align: cente= r; align-items: center; display: flex; flex-wrap: wrap; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-title { -we= bkit-box-align: center; align-items: center; color: var(--devsite-secondary= -text-rgba); display: flex; -webkit-box-flex: 1; flex: 1 0 196px; font-weig= ht: 700; overflow: hidden; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-toggle { co= lor: var(--devsite-secondary-text-color); font-size: 24px; margin-block: 0p= x; margin-inline: 0px 8px; -webkit-box-ordinal-group: 2; order: 1; transfor= m: rotateX(0deg); transition: transform 0.5s, -webkit-transform 0.5s; } .devsite-nav-accordion > .devsite-expandable-nav:not([animatable]) > .devsi= te-nav-toggle { transition: transform 1ms, -webkit-transform 1ms; } .devsite-nav-accordion > .devsite-expandable-nav:not(.expanded) > .devsite-= nav-toggle { transform: rotateX(180deg); } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-toggle::bef= ore { content: "expand_less"; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-section { -= webkit-box-ordinal-group: 3; order: 2; } devsite-book-nav .devsite-product-id-row { -webkit-box-align: center; align= -items: center; display: flex; -webkit-box-pack: justify; justify-content: = space-between; min-height: 60px; padding: var(--devsite-product-id-row-padd= ing,20px 24px 2px); } devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row { mi= n-height: 72px; padding: var(--devsite-product-id-row-padding,20px 24px); } devsite-book-nav .devsite-product-description-row { color: var(--devsite-he= ader-foreground-lower-description,var(--devsite-header-foreground-lower-hov= er,var(--devsite-inverted-text-color))); font: var(--devsite-header-lower-d= escription-font,400 20px/32px var(--devsite-primary-font-family)); } devsite-book-nav .devsite-product-description { font: 16px/24px var(--devsi= te-primary-font-family); margin-block: 0px; margin-inline: 0px 180px; } devsite-book-nav .devsite-breadcrumb-list + .devsite-product-description { = margin-block: 8px 0px; } devsite-book-nav .devsite-product-button-row { display: flex; margin-block:= 0px; margin-inline: 24px 0px; z-index: 1; } @media screen and (max-width: 840px) { devsite-book-nav .devsite-product-id-row { min-height: 72px; padding: var= (--devsite-product-id-row-padding,20px 24px); } devsite-book-nav .devsite-product-description { margin-inline: 0px; } } @media screen and (max-width: 600px) { devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row, d= evsite-book-nav .devsite-product-id-row { flex-wrap: wrap; padding: var(--d= evsite-product-id-row-padding,20px 16px); } devsite-book-nav .devsite-product-button-row { flex-basis: 100%; margin-b= lock: 16px 0px; margin-inline: 0px; } } devsite-book-nav .devsite-product-name-wrapper { -webkit-box-align: center;= align-items: center; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; h= eight: 36px; margin: 6px 0px; } devsite-book-nav .devsite-product-name-link, devsite-book-nav .devsite-site= -logo-link { -webkit-box-align: center; align-items: center; display: flex;= opacity: 1; transition: opacity 0.2s; } devsite-book-nav .devsite-product-name-link:focus, devsite-book-nav .devsit= e-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: var(--devsite-logo-height,32p= x); } devsite-book-nav .devsite-has-google-wordmark > .devsite-breadcrumb-link, d= evsite-book-nav .devsite-has-google-wordmark > .devsite-product-name { dire= ction: ltr; } devsite-book-nav .devsite-google-wordmark { height: 24px; margin: 0px 4px 0= px 0px; position: relative; top: 5px; } devsite-book-nav .devsite-google-wordmark-svg-path { transition: fill 0.2s;= } devsite-book-nav .devsite-site-logo-link canvas { height: auto !important; = } devsite-book-nav .devsite-site-logo-link picture { display: contents; } devsite-book-nav .devsite-product-logo-container { -webkit-box-align: cente= r; align-items: center; border-radius: 50%; color: var(--devsite-primary-co= lor,var(--devsite-primary-text-color)); display: flex; height: 36px; -webki= t-box-pack: center; justify-content: center; margin-inline: 0px 4px; width:= 36px; } devsite-book-nav .devsite-product-logo-container[background] { background: = var(--devsite-primary-color,var(--devsite-primary-text-color)); color: var(= --devsite-inverted-text-color); } devsite-book-nav .devsite-product-logo { color: inherit; font-size: 32px; h= eight: 32px; max-width: 32px; min-width: 32px; overflow: hidden; white-spac= e: nowrap; } devsite-book-nav .devsite-product-logo-container[background] .devsite-produ= ct-logo { font-size: 28px; height: 28px; max-width: 28px; min-width: 28px; = } devsite-book-nav .devsite-product-name { font: var(--devsite-wordmark-font,= 400 20px/32px var(--devsite-primary-font-family)); letter-spacing: 0px; mar= gin: 0px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; tran= sition: color 0.2s; white-space: nowrap; } devsite-book-nav .devsite-site-logo:not([src*=3D".svg"]) { height: auto; ma= x-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; fle= x: 0 1 auto; min-width: 0px; } devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item:n= ot(: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, de= vsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-list, devs= ite-book-nav .devsite-product-name-wrapper .devsite-product-name { width: 1= 00%; } devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link {= overflow: hidden; text-overflow: ellipsis; } } devsite-bookmark.show { display: inline-flex; -webkit-box-align: center; al= ign-items: center; background: var(--devsite-bookmark-background); border: = 0px; box-shadow: none; cursor: pointer; height: 36px; -webkit-box-pack: cen= ter; justify-content: center; margin: 0px; min-width: 66px; padding: 0px; v= ertical-align: middle; width: 66px; } devsite-bookmark.show.devsite-legacy-bookmark { border-radius: 18px; min-wi= dth: 36px; width: 36px; } devsite-bookmark.show.devsite-legacy-bookmark:focus, devsite-bookmark.show.= devsite-legacy-bookmark:hover { background: var(--devsite-bookmark-backgrou= nd-hover-legacy); } devsite-bookmark.show.devsite-page-bookmark, devsite-feature-tooltip.devsit= e-page-bookmark-tooltip { margin-inline: -74px 8px; } devsite-bookmark input.bookmark-checkbox { background: var(--devsite-bookma= rk-background); color: var(--devsite-bookmark-icon-color); margin: 0px; } devsite-bookmark devsite-dropdown-list { --devsite-button-box-shadow: none;= } devsite-bookmark devsite-dropdown-list .bookmark-icon { color: var(--devsit= e-bookmark-icon-color); transition: color 0.2s; } devsite-bookmark devsite-dropdown-list:where(:hover, :focus, :active) .book= mark-icon { color: var(--devsite-dropdown-list-toggle-color-hover); } devsite-bookmark devsite-dropdown-list .bookmark-icon.toggled { color: var(= --devsite-bookmark-icon-color-saved); } devsite-bookmark devsite-dropdown-list:where(:hover, :focus, :active) .book= mark-icon.toggled { color: var(--devsite-bookmark-icon-color-saved-hover); = } devsite-bookmark input.bookmark-checkbox::after { content: "bookmark_border= "; } devsite-bookmark input.bookmark-checkbox:checked::after { content: "bookmar= k"; } devsite-bookmark input.bookmark-checkbox:checked:focus::before, devsite-boo= kmark input.bookmark-checkbox:focus::before { background: var(--devsite-boo= kmark-background-focus-legacy); } devsite-bookmark input.bookmark-checkbox:checked, devsite-bookmark[saved] i= nput.bookmark-checkbox, devsite-bookmark[saved] input.bookmark-checkbox:che= cked { color: var(--devsite-bookmark-icon-color-saved); } .devsite-bookmark-dialog .create-profile-spinner { -webkit-box-align: cente= r; align-items: center; background: rgba(255, 255, 255, 0.8); inset: 0px; d= isplay: flex; -webkit-box-pack: center; justify-content: center; opacity: 0= ; pointer-events: none; position: absolute; transition: opacity 0.3s cubic-= bezier(0.4, 0, 0.2, 1); z-index: 10; } .devsite-bookmark-dialog.loading .create-profile-spinner { opacity: 1; } devsite-carousel > :where(ul, ol, [role=3D"list"]) { display: flex; gap: va= r(--devsite-carousel-item-gap); list-style: none; padding: 0px; } devsite-carousel:not(:defined) :where(ul, ol, [role=3D"list"]) { display: n= one; } devsite-carousel > :where(ul, ol, [role=3D"list"]) > :where(li, [role=3D"li= stitem"]) { -webkit-box-align: start; align-items: start; box-sizing: borde= r-box; -webkit-box-flex: var(--devsite-carousel-item-flex); flex: var(--dev= site-carousel-item-flex); margin: 0px; scroll-snap-align: start; } devsite-carousel[data-items-per-slide=3D"auto"] > :is(ul, ol, [role=3D"list= "]) > :is(li, [role=3D"listitem"]):last-child:empty { border: 0px; padding:= 0px; padding-block: 0px; padding-inline: 0px; visibility: hidden; width: v= ar(--devsite-carousel-ghost-item-width); } devsite-catalog { display: block; margin: 20px 0px; width: 100%; } devsite-catalog > * { display: none; } devsite-catalog > .catalog-container { -webkit-box-align: start; align-item= s: start; display: grid; gap: 30px; grid: var(--devsite-catalog-grid); } devsite-catalog .catalog-sidebar { grid-area: sidebar; } devsite-catalog .catalog-main { grid-area: main; } devsite-catalog .catalog-checkbox-controls-container, devsite-catalog .cata= log-checkbox-controls-group, devsite-catalog .catalog-main-filter-controls = { display: flex; } devsite-catalog .catalog-checkbox-controls-container, devsite-catalog .cata= log-checkbox-controls-group { -webkit-box-orient: vertical; -webkit-box-dir= ection: normal; flex-direction: column; } devsite-catalog .catalog-checkbox-controls-group, devsite-catalog .catalog-= checkbox-controls-subtitle, devsite-catalog .catalog-checkbox-controls-titl= e, devsite-catalog .catalog-checkbox-label, devsite-catalog .catalog-filter= -bar { text-align: var(--devsite-catalog-text-align,start); width: 100%; } devsite-catalog .catalog-checkbox-controls-container { border: var(--devsit= e-primary-border); border-radius: var(--devsite-card-border-radius); color:= var(--devsite-secondary-text-color); } devsite-catalog .catalog-filter-chips { display: flex; flex-wrap: wrap; gap= : var(--devsite-chips-gap); } devsite-catalog .catalog-checkbox-controls-filter-chips-container { display= : none; } devsite-catalog .catalog-main-filter-chips > :only-child { margin-bottom: 2= 4px; } devsite-catalog .catalog-main-filter-chips > div { display: flex; flex-wrap= : wrap; gap: 16px 8px; } devsite-catalog .catalog-main-filter-chips > div:empty { display: none; } devsite-catalog .catalog-filter-chip { -webkit-box-align: center; align-ite= ms: center; border-radius: 16px; display: inline-flex; height: 32px; } devsite-catalog .catalog-filter-chip::after { font-style: normal; font-vari= ant: normal; font-size-adjust: none; font-language-override: normal; font-k= erning: auto; font-optical-sizing: auto; font-variation-settings: normal; f= ont-weight: normal; font-stretch: normal; line-height: 1; font-family: "Mat= erial Icons"; font-feature-settings: "liga"; -webkit-font-smoothing: antial= iased; text-rendering: optimizelegibility; text-transform: none; overflow-w= rap: normal; -webkit-box-align: center; align-items: center; content: var(-= -devsite-button-icon-content); display: flex; font-size: 18px; height: 18px= ; -webkit-box-pack: center; justify-content: center; margin-inline-end: var= (--devsite-button-icon-margin-x-end); margin-inline-start: var(--devsite-bu= tton-icon-margin-x-start); width: 18px; } devsite-catalog .catalog-checkbox-controls-group { -webkit-box-align: start= ; align-items: flex-start; padding: 0px 20px 20px; } devsite-catalog .catalog-container .catalog-clear-group-checkboxes-button, = devsite-catalog .catalog-container .catalog-select-group-checkboxes-button = { margin-inline-start: -8px; } devsite-catalog .catalog-checkbox-controls-group > devsite-pagination { mar= gin: 0px; } devsite-catalog .catalog-checkbox-controls-group > devsite-pagination .butt= on { border: 0px; margin-inline-start: -10px; } devsite-catalog .catalog-checkbox-controls-buttons-container { display: non= e; } devsite-catalog .catalog-checkbox-controls-title { border-bottom: var(--dev= site-primary-border); color: var(--devsite-catalog-title-color); font: var(= --devsite-catalog-title-font,500 13px/20px var(--devsite-primary-font-famil= y)); letter-spacing: var(--devsite-catalog-title-letter-spacing,1.5px); mar= gin: var(--devsite-catalog-title-margin,0 0 20px); padding: var(--devsite-c= atalog-title-padding,15px 20px 11px); text-transform: var(--devsite-catalog= -title-text-transform,uppercase); } devsite-catalog .catalog-checkbox-controls-subtitle { color: var(--devsite-= primary-text-color); font: var(--devsite-catalog-subtitle-font,16px/24px va= r(--devsite-headline-font-family)); padding: var(--devsite-catalog-subtitle= -padding); } devsite-catalog .catalog-checkbox-container { margin: 6px 0px; } devsite-catalog .catalog-checkbox-label { color: var(--devsite-catalog-labe= l-color,--devsite-secondary-text-color); font: var(--devsite-catalog-label-= font,500 14px/20px var(--devsite-primary-font-family)); } devsite-catalog .catalog-main-filter-controls { -webkit-box-align: center; = align-items: center; flex-wrap: wrap; gap: 24px; -webkit-box-pack: start; j= ustify-content: flex-start; } devsite-catalog .catalog-filter-bar-container { -webkit-box-flex: 1; flex: = 1 1 0%; position: relative; width: 100%; } devsite-catalog .catalog-filter-bar-container::before { font-style: normal;= font-variant: normal; font-size-adjust: none; font-language-override: norm= al; font-kerning: auto; font-optical-sizing: auto; font-variation-settings:= normal; font-weight: normal; font-stretch: normal; font-size: 24px; line-h= eight: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -we= bkit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-= transform: none; overflow-wrap: normal; color: var(--devsite-catalog-filter= -bar-container-color); content: var(--devsite-catalog-filter-bar-container-= content); position: var(--devsite-catalog-filter-bar-container-position); t= op: var(--devsite-catalog-filter-bar-container-top); } [dir=3D"ltr"] devsite-catalog .catalog-filter-bar-container::before { left:= var(--devsite-catalog-filter-bar-container-x-start); } [dir=3D"rtl"] devsite-catalog .catalog-filter-bar-container::before { right= : var(--devsite-catalog-filter-bar-container-x-start); } devsite-catalog .catalog-filter-bar { margin: 0px 0px 24px; max-width: var(= --devsite-catalog-filter-bar-max-width,725px); min-width: 150px; } devsite-catalog .catalog-show-sidebar-button { display: var(--devsite-catal= og-sidebar-button-display); margin: var(--devsite-catalog-sidebar-button-ma= rgin,0); } devsite-catalog .catalog-filter-bar-container + .catalog-show-sidebar-butto= n { margin: 4px 0px auto; } devsite-catalog devsite-pagination { margin-top: 20px; } devsite-catalog devsite-dynamic-content .devsite-dynamic-content-no-results= { border: 0px; padding: 0px; width: auto; } devsite-catalog devsite-dynamic-content .devsite-dynamic-content-no-results= -image { width: 425px; } @media screen and (max-width: 1253px) { devsite-catalog .catalog-sidebar { border-radius: var(--devsite-catalog-s= idebar-border-radius); box-shadow: var(--devsite-card-box-shadow); height: = calc(100vh - var(--devsite-js-header-height, 0) - 4px); margin-block: calc(= var(--devsite-js-header-height, 0) + 4px) 0; margin-inline-end: 0px; positi= on: fixed; top: 0px; transition: width 0.2s; visibility: hidden; width: 0px= ; z-index: 1007; } [dir=3D"ltr"] devsite-catalog .catalog-sidebar { right: 0px; } [dir=3D"rtl"] devsite-catalog .catalog-sidebar { left: 0px; } devsite-catalog .catalog-sidebar[expanded] { max-width: 90%; visibility: = visible; width: 340px; } devsite-catalog .catalog-sidebar::before { background-color: rgba(0, 0, 0= , 0.4); inset: 0px; content: ""; margin: -200px; opacity: 0; pointer-events= : none; position: fixed; -webkit-tap-highlight-color: transparent; transiti= on: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear; visi= bility: hidden; z-index: -1; } devsite-catalog .catalog-sidebar[expanded]::before { content: ""; cursor:= pointer; opacity: 1; pointer-events: auto; transition: opacity 0.2s; visib= ility: visible; } devsite-catalog .catalog-checkbox-controls-title { margin-bottom: 10px; } devsite-catalog .catalog-checkbox-controls-buttons-container { border-top= : var(--devsite-primary-border); display: flex; -webkit-box-pack: end; just= ify-content: flex-end; margin-top: auto; padding: 16px 20px; } devsite-catalog .catalog-checkbox-controls-container { background: var(--= devsite-card-background,var(--devsite-background-1)); height: 100%; overflo= w-y: scroll; } devsite-catalog .catalog-checkbox-controls-filter-chips-container { displ= ay: block; margin-block: 0px 2px; margin-inline: 16px 12px; } devsite-catalog .catalog-main { width: 100%; } } cloudx-catalog-innovators .loading, devsite-catalog-body-badges .loading { = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: center; justify-content: center; padding: 36px 0px; } cloudx-catalog-innovators p, devsite-catalog-body-badges p { margin: 0px; } cloudx-catalog-innovators .no-results, devsite-catalog-body-badges .no-resu= lts { display: flex; -webkit-box-align: center; align-items: center; -webki= t-box-pack: center; justify-content: center; padding: 64px 0px; gap: 8px; o= pacity: 0.5; } cloudx-catalog-innovators .profile-cards-grid, devsite-catalog-body-badges = .profile-cards-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; ga= p: 22px; } cloudx-catalog-innovators .profile-cards-controls, devsite-catalog-body-bad= ges .profile-cards-controls { display: flex; -webkit-box-align: center; ali= gn-items: center; -webkit-box-pack: center; justify-content: center; gap: 8= px; margin-top: 20px; } @media screen and (max-width: 1253px) { cloudx-catalog-innovators .profile-cards-grid, devsite-catalog-body-badge= s .profile-cards-grid { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 600px) { cloudx-catalog-innovators .profile-cards-grid, devsite-catalog-body-badge= s .profile-cards-grid { grid-template-columns: 1fr; } } cloudx-catalog-innovators .transparent, devsite-catalog-body-badges .transp= arent { opacity: 0; user-select: none; } cloudx-catalog-innovators .profile-card, devsite-catalog-body-badges .profi= le-card { border-radius: 8px; border: var(--devsite-primary-border); paddin= g: 32px 16px; display: flex; -webkit-box-orient: vertical; -webkit-box-dire= ction: normal; flex-direction: column; -webkit-box-align: center; align-ite= ms: center; text-align: center; } cloudx-catalog-innovators .profile-card-image, cloudx-catalog-innovators .p= rofile-card-image-placeholder, devsite-catalog-body-badges .profile-card-im= age, devsite-catalog-body-badges .profile-card-image-placeholder { width: 1= 18px; height: 118px; min-width: 118px; min-height: 118px; border-radius: 11= 8px; } cloudx-catalog-innovators .profile-card-image-placeholder, devsite-catalog-= body-badges .profile-card-image-placeholder { background: var(--devsite-bac= kground-5); } cloudx-catalog-innovators .profile-card-name, devsite-catalog-body-badges .= profile-card-name { font-family: var(--devsite-headline-font-family); font-= size: 24px; line-height: 32px; color: var(--devsite-secondary-color); margi= n-top: 20px; } cloudx-catalog-innovators .profile-card-details, cloudx-catalog-innovators = .profile-card-location, devsite-catalog-body-badges .profile-card-details, = devsite-catalog-body-badges .profile-card-location { font-family: var(--dev= site-primary-font-family); font-size: 16px; line-height: 24px; } cloudx-catalog-innovators .profile-card-location, devsite-catalog-body-badg= es .profile-card-location { color: rgb(60, 64, 67); margin-top: 8px; } cloudx-catalog-innovators .profile-card-details, devsite-catalog-body-badge= s .profile-card-details { color: var(--devsite-secondary-color); margin-top= : 8px; -webkit-box-flex: 1; flex-grow: 1; } cloudx-catalog-innovators .profile-card-button, devsite-catalog-body-badges= .profile-card-button { margin-top: 20px; } devsite-checkbox:not([ready]) { background: 0px center; visibility: hidden;= } devsite-checkbox[ready] { visibility: visible; } devsite-code { border: var(--devsite-code-border,0); border-radius: var(--d= evsite-code-border-radius,0); clear: both; display: block; margin: var(--de= vsite-code-margin,16px 0); overflow: hidden; position: relative; direction:= ltr !important; } devsite-code .devsite-code-buttons-container { position: absolute; right: v= ar(--devsite-code-buttons-container-right,0); top: 0px; z-index: 1; } devsite-code .devsite-code-buttons-container button { -webkit-box-align: ce= nter; align-items: center; background: 0px center; border: 0px; border-radi= us: 0px; box-shadow: none; color: rgb(32, 33, 36); display: inline-flex; fo= nt-size: 18px; height: var(--devsite-code-button-size,24px); -webkit-box-pa= ck: center; justify-content: center; margin: 0px; min-width: auto; padding:= 0px; transition: color 0.2s; width: var(--devsite-code-button-size,24px); = } devsite-code .devsite-code-buttons-container button:focus, devsite-code .de= vsite-code-buttons-container button:hover { color: rgb(95, 99, 104); } devsite-code .devsite-code-buttons-container button.material-icons, devsite= -code .devsite-code-buttons-container button.material-icons:hover { cursor:= pointer; } devsite-code .devsite-code-buttons-container button { color: var(--devsite-= code-buttons-color); } devsite-code .devsite-code-buttons-container button:focus, devsite-code .de= vsite-code-buttons-container button:hover { color: var(--devsite-code-butto= ns-hover); } devsite-code .devsite-code-buttons-container .devsite-toggle-dark { display= : var(--devsite-code-buttons-toggle-dark-display); } devsite-code .devsite-code-buttons-container .devsite-toggle-light { displa= y: var(--devsite-code-buttons-toggle-light-display); } devsite-code pre { margin: 0px; padding-block: var(--devsite-code-padding-b= lock,24px); padding-inline: var(--devsite-code-padding-inline,24px); } devsite-code pre::-webkit-scrollbar-thumb { background: var(--devsite-scrol= lbar-thumb-background); } devsite-code pre .com, devsite-code pre .devsite-syntax-c, devsite-code pre= .devsite-syntax-c1, devsite-code pre .devsite-syntax-ch, devsite-code pre = .devsite-syntax-cm, devsite-code pre .devsite-syntax-cp, devsite-code pre .= devsite-syntax-cpf, devsite-code pre .devsite-syntax-cs { color: var(--devs= ite-code-comments-color); } devsite-code pre .dec, devsite-code pre .devsite-syntax-il, devsite-code pr= e .devsite-syntax-m, devsite-code pre .devsite-syntax-mb, devsite-code pre = .devsite-syntax-mf, devsite-code pre .devsite-syntax-mh, devsite-code pre .= devsite-syntax-mi, devsite-code pre .devsite-syntax-mo, devsite-code pre .l= it { color: var(--devsite-code-numbers-color); } devsite-code pre .devsite-syntax-k, devsite-code pre .devsite-syntax-kc, de= vsite-code pre .devsite-syntax-kd, devsite-code pre .devsite-syntax-kn, dev= site-code pre .devsite-syntax-kp, devsite-code pre .devsite-syntax-kr, devs= ite-code pre .devsite-syntax-kt, devsite-code pre .devsite-syntax-nt, devsi= te-code pre .devsite-syntax-ow, devsite-code pre .kwd, devsite-code pre .ta= g { color: var(--devsite-code-keywords-color); } devsite-code pre .atv, devsite-code pre .cpf, devsite-code pre .devsite-syn= tax-dl, devsite-code pre .devsite-syntax-s, devsite-code pre .devsite-synta= x-s1, devsite-code pre .devsite-syntax-s2, devsite-code pre .devsite-syntax= -sa, devsite-code pre .devsite-syntax-sb, devsite-code pre .devsite-syntax-= sc, devsite-code pre .devsite-syntax-sd, devsite-code pre .devsite-syntax-s= e, devsite-code pre .devsite-syntax-sh, devsite-code pre .devsite-syntax-si= , devsite-code pre .devsite-syntax-sr, devsite-code pre .devsite-syntax-ss,= devsite-code pre .devsite-syntax-sx, devsite-code pre .str { color: var(--= devsite-code-strings-color); } devsite-code pre .atn, devsite-code pre .devsite-syntax-bp, devsite-code pr= e .devsite-syntax-fm, devsite-code pre .devsite-syntax-gh, devsite-code pre= .devsite-syntax-go, devsite-code pre .devsite-syntax-gp, devsite-code pre = .devsite-syntax-gr, devsite-code pre .devsite-syntax-gt, devsite-code pre .= devsite-syntax-gu, devsite-code pre .devsite-syntax-na, devsite-code pre .d= evsite-syntax-nb, devsite-code pre .devsite-syntax-nc, devsite-code pre .de= vsite-syntax-nd, devsite-code pre .devsite-syntax-ne, devsite-code pre .dev= site-syntax-nf, devsite-code pre .devsite-syntax-ni, devsite-code pre .devs= ite-syntax-nl, devsite-code pre .devsite-syntax-nn, devsite-code pre .devsi= te-syntax-no, devsite-code pre .devsite-syntax-nv, devsite-code pre .devsit= e-syntax-vc, devsite-code pre .devsite-syntax-vg, devsite-code pre .devsite= -syntax-vi, devsite-code pre .devsite-syntax-vm, devsite-code pre .typ { co= lor: var(--devsite-code-types-color); } devsite-code .prettyprint :not(.devsite-github-link) > a:not(.devsite-githu= b-link), devsite-code a, devsite-code a :is(.atn, .atv, .com, .dec, .kwd, .= lit, .pln, .pun, .str, .tag, .typ), devsite-code a [class^=3D"devsite-synta= x-"] { -webkit-font-smoothing: auto; font-weight: 700; } devsite-code[dark-code] .prettyprint :not(.devsite-github-link) > a:not(.de= vsite-github-link), devsite-code[dark-code] a, devsite-code[dark-code] a :i= s(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .typ), devsit= e-code[dark-code] a [class^=3D"pygments=3D"] { color: rgb(102, 157, 246); } devsite-code .prettyprint a:focus, devsite-code .prettyprint a:hover, devsi= te-code a:focus :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .= tag, .typ), devsite-code a:focus [class^=3D"devsite-syntax-"], devsite-code= a:hover :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .t= yp), devsite-code a:hover [class^=3D"devsite-syntax-"] { text-decoration: u= nderline; } devsite-code .devsite-terminal::before { color: rgb(189, 193, 198); content= : "$"; padding-right: 8px; } devsite-code .devsite-terminal[data-terminal-prefix]::before { content: att= r(data-terminal-prefix); } devsite-code .devsite-github-link { -webkit-box-align: center; align-items:= center; display: flex; -webkit-box-pack: end; justify-content: flex-end; } devsite-code a.devsite-github-link:focus, devsite-code a.devsite-github-lin= k:hover { text-decoration: none; } devsite-code .devsite-github-link::after { background: no-repeat var(--devs= ite-github-link-icon); content: ""; display: block; height: 18px; margin-le= ft: 8px; width: 18px; } devsite-code[dark-code] .devsite-github-link > a { color: rgb(102, 157, 246= ); } devsite-code[highlight] .prettyprint > span { opacity: 0.54; } devsite-code devsite-selector pre { margin: 0px; } body[layout=3D"full"] devsite-code { overflow: visible; } body[layout=3D"full"] devsite-code::after { background: var(--devsite-code-= background); content: ""; display: block; height: 100%; left: calc(50% - 50= vw); position: absolute; top: 0px; width: 100vw; z-index: -1; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) devsite-code pre { background: var(--devsite-code-background); } devsite-codelab-catalog .controls { -webkit-box-align: center; align-items:= center; -webkit-box-pack: justify; justify-content: space-between; } devsite-codelab-catalog .catalog-selector, devsite-codelab-catalog .categor= y-selector, devsite-codelab-catalog .sort-controls { -webkit-box-flex: 1; f= lex: 1 1 0%; } devsite-codelab-catalog .controls { display: flex; flex-wrap: wrap; } devsite-codelab-catalog .catalog-selector, devsite-codelab-catalog .categor= y-selector { display: flex; } devsite-codelab-catalog .catalog-selector { -webkit-box-pack: center; justi= fy-content: center; margin: 0px; width: auto; } devsite-codelab-catalog .category-selector { -webkit-box-pack: end; justify= -content: flex-end; } devsite-codelab-catalog[sortorder=3D"-timestamp"] .button[sortorder=3D"-tim= estamp"], devsite-codelab-catalog[sortorder=3D"displaytitle"] .button[sorto= rder=3D"displaytitle"], devsite-codelab-catalog[sortorder=3D"durationminute= s"] .button[sortorder=3D"durationminutes"] { border-bottom: 2px solid; bord= er-radius: 4px 4px 0px 0px; } @media screen and (max-width: 840px) { devsite-codelab-catalog .sort-controls { -webkit-box-flex: 0; flex: 0 1 a= uto; padding-bottom: 16px; width: 100%; } devsite-codelab-catalog .catalog-selector { -webkit-box-pack: start; just= ify-content: flex-start; } } @media screen and (max-width: 600px) { devsite-codelab-catalog .catalog-selector { padding-bottom: 16px; } devsite-codelab-catalog .category-selector { -webkit-box-pack: start; jus= tify-content: flex-start; } } devsite-content-footer { clear: both; color: var(--devsite-secondary-text-r= gba); display: block; font: 13px/20px var(--devsite-primary-font-family); } devsite-content-footer :link, devsite-content-footer :visited { color: var(= --devsite-contrast-link-color); } devsite-countdown { --devsite-countdown-box-height: 158px; --devsite-countd= own-box-margin: 0 12px; --devsite-countdown-box-width: 220px; --devsite-cou= ntdown-display: flex; --devsite-countdown-gap: unset; --devsite-countdown-g= rid: unset; --devsite-countdown-label-font: 500 32px "Google Sans"; --devsi= te-countdown-number-font: 700 64px/56px "Google Sans"; } @media screen and (max-width: 825px) { devsite-countdown { --devsite-countdown-box-height: 100px; --devsite-coun= tdown-box-margin: 0; --devsite-countdown-box-width: 100%; --devsite-countdo= wn-display: grid; --devsite-countdown-gap: 10px 18px; --devsite-countdown-g= rid: auto-flow/1fr 1fr; --devsite-countdown-label-font: 500 22px "Google Sa= ns"; --devsite-countdown-number-font: 700 44px/56px "Google Sans"; } } devsite-countdown { -webkit-box-align: center; align-items: center; display= : var(--devsite-countdown-display); gap: var(--devsite-countdown-gap); grid= : var(--devsite-countdown-grid); -webkit-box-pack: center; justify-content:= center; padding: 20px; } devsite-countdown .devsite-countdown-box { -webkit-box-align: center; align= -items: center; border: 1px solid rgb(218, 220, 224); border-radius: 8px; d= isplay: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; = flex-direction: column; height: var(--devsite-countdown-box-height); -webki= t-box-pack: center; justify-content: center; margin: var(--devsite-countdow= n-box-margin); width: var(--devsite-countdown-box-width); } devsite-countdown .devsite-countdown-number { font: var(--devsite-countdown= -number-font); } devsite-countdown .devsite-countdown-label { font: var(--devsite-countdown-= label-font); } devsite-credentials-dialog { border: 1px dashed rgb(244, 57, 160); cursor: = pointer; padding: 2px; } .devsite-credentials-dialog .devsite-credentials-dialog-credentials, .devsi= te-credentials-dialog .devsite-credentials-dialog-oauth-message, .devsite-c= redentials-dialog .devsite-credentials-dialog-projects { margin-top: 16px; = } .devsite-credentials-dialog devsite-spinner { margin: auto; } .devsite-credentials-dialog .devsite-credentials-dialog-selector { width: 1= 00%; } devsite-cse { display: block; } devsite-cse table { border-collapse: inherit; margin: 0px; } devsite-cse tr { background: var(--devsite-background-1); border: 0px; } devsite-cse td { padding: 0px; } devsite-cse .gsc-control-cse, devsite-cse .gsc-control-cse .gsc-table-resul= t { background: 0px center; border: 0px; font: 400 16px/24px var(--devsite-= primary-font-family); padding: 0px; } devsite-cse .gsc-above-wrapper-area { display: none; } devsite-cse .gsc-results { width: 100%; } devsite-cse .has-cse-filter .gsc-webResult.gsc-result:has(.gs-spelling) { d= isplay: none; } devsite-cse .gsc-results .gsc-imageResult, devsite-cse .gsc-webResult.gsc-r= esult, devsite-cse .gsc-webResult.gsc-result:hover { background: 0px center= ; } devsite-cse .gsc-results .gsc-cursor-box { margin: 8px 0px; } devsite-cse .gsc-table-result, devsite-cse .gsc-thumbnail-inside, devsite-c= se .gsc-url-top { padding-left: 0px; padding-right: 0px; } devsite-cse .gs-error-result .gs-snippet, devsite-cse .gs-no-results-result= .gs-snippet, devsite-cse .gs-webResult:not(.gs-no-results-result):not(.gs-= error-result) .gs-snippet { color: var(--devsite-primary-text-color); } devsite-cse .gs-error-result .gs-snippet, devsite-cse .gs-no-results-result= .gs-snippet { background: 0px center; border: 0px; margin: 0px; padding: 0= px; } devsite-cse .gcsc-find-more-on-google { margin: 0px; } devsite-cse .has-cse-filter .gcsc-find-more-on-google { display: none; } devsite-cse .gcsc-find-more-on-google, devsite-cse .gsc-control-cse .gs-ima= geResult 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:visi= ted, devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:visited b, dev= site-cse .gsc-control-cse .gs-result .gs-title, devsite-cse .gsc-control-cs= e .gs-result .gs-title *, devsite-cse .gsc-control-cse .gs-webResult.gs-res= ult 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-t= itle:visited b { color: var(--devsite-link-color); font: 500 16px/24px var(= --devsite-primary-font-family); height: auto; text-decoration: none; } devsite-cse .gcsc-find-more-on-google-magnifier { fill: var(--devsite-link-= color); } devsite-cse .gsc-results .gsc-cursor-box .gsc-cursor-page { background: 0px= center; border-color: transparent; color: var(--devsite-link-color); } 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 di= v.gs-visibleUrl { color: var(--devsite-search-results-breadcrumb-color); fo= nt-size: 14px; } devsite-cse .gcsc-branding { display: none; } devsite-device { display: block; margin: 16px 0px; } devsite-device > .devsite-device-options { display: flex; gap: 12px; margin= : 0px 0px 24px; } devsite-device .devsite-device-input { display: flex; margin: 0px 0px 24px;= } devsite-device .devsite-device-input > input { -webkit-box-flex: 1; flex: 1= 1 0%; margin-inline: 0px 16px; } devsite-device [type=3D"radio"], devsite-device [type=3D"radio"]::after, de= vsite-device [type=3D"radio"]::before { display: none; } devsite-device [type=3D"radio"] + label { border: var(--devsite-primary-bor= der); box-shadow: none; font: 500 14px/36px var(--devsite-headline-font-fam= ily); -webkit-box-align: center; align-items: center; border-radius: 16px; = color: var(--devsite-link-color); display: flex; height: 32px; padding: 0px= 16px; transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2= s; } devsite-device [type=3D"radio"] + label:focus, devsite-device [type=3D"radi= o"] + label:hover { background: var(--devsite-link-background-active); } devsite-device [type=3D"radio"]:checked + label { background: var(--devsite= -link-color); border-color: var(--devsite-link-color); color: var(--devsite= -inverted-text-color); } devsite-device > .devsite-device { overflow: hidden; position: relative; } devsite-device[device=3D"desktop"] > .devsite-device { max-width: 100%; pad= ding-bottom: 62.5%; } devsite-device[device=3D"tablet"] > .devsite-device { max-width: 60%; paddi= ng-bottom: 80%; } devsite-device[device=3D"mobile"] > .devsite-device { max-width: 32.1094%; = padding-bottom: 57.1094%; } devsite-device iframe { background: var(--devsite-background-1); border: so= lid var(--devsite-device-border-color); height: 166.667%; position: absolut= e; transform: scale(0.6); width: 166.667%; } [dir=3D"ltr"] devsite-device iframe { transform-origin: 0px 0px; } [dir=3D"rtl"] devsite-device iframe { transform-origin: 100% 0px; } devsite-device[device=3D"desktop"] iframe { border-radius: 16px; border-wid= th: 32px 16px; } devsite-device[device=3D"tablet"] iframe { border-radius: 24px; border-widt= h: 60px 16px; } devsite-device[device=3D"mobile"] iframe { border-radius: 36px; border-widt= h: 60px 12px; } devsite-dropdown-list:not([ready]) { background: 0px center; visibility: hi= dden; position: relative; z-index: 2; } devsite-dropdown-list[ready] { visibility: visible; } devsite-dynamic-content { display: block; margin: var(--devsite-dynamic-con= tent-margin,20px 0); width: 100%; } .devsite-dynamic-content-display-tag-container { list-style: none; padding:= 12px 0px; } .devsite-dynamic-content-display-tag-container:empty { display: none; } devsite-dynamic-content .devsite-card-progress { background: var(--devsite-= progress-background); height: 2px; margin: 0px -16px; overflow: hidden; wid= th: auto; } devsite-dynamic-content .devsite-card-progress-bar { background: var(--devs= ite-progress-bar-color); height: 2px; transform: translateX(-101%); transit= ion: transform 0.213s cubic-bezier(0, 0, 0.2, 1), background 0.213s cubic-b= ezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1); } devsite-dynamic-content .devsite-card-progress-info { font: 13px/20px var(-= -devsite-primary-font-family); margin-top: 2px; opacity: 0; transform: tran= slateY(12px); transition: transform 0.213s cubic-bezier(0.4, 0, 1, 1), opac= ity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-bezie= r(0.4, 0, 1, 1); } devsite-dynamic-content .devsite-card-progress-info.show { opacity: 1; tran= sform: translateY(0px); 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 c= ubic-bezier(0, 0, 0.2, 1); } devsite-dynamic-content .devsite-card-progress-info:empty::before { content= : "=C2=A0"; } .devsite-dynamic-content-display-tag { background: var(--devsite-background= -3); border-radius: var(--devsite-display-tag-border-radius); color: var(--= devsite-display-tag-color,var(--devsite-secondary-text-color)); display: in= line-block; font: var(--devsite-display-tag-font,500 14px/20px var(--devsit= e-primary-font-family)); margin-block: 0px 12px; margin-inline: 0px 4px; pa= dding: var(--devsite-display-tag-padding,1px 8px); } devsite-dynamic-content .devsite-dynamic-content-no-results { -webkit-box-a= lign: center; align-items: center; background: var(--devsite-background-1);= border: var(--devsite-secondary-border); border-radius: var(--devsite-card= -border-radius); display: inline-flex; flex-wrap: wrap; gap: 32px; -webkit-= box-pack: justify; justify-content: space-between; max-width: 100%; padding= : 25px 55px; width: 100%; } devsite-dynamic-content .devsite-dynamic-content-no-results-image { display= : var(--devsite-dynamic-content-no-results-image-display,block); max-width:= 100%; width: 250px; } devsite-dynamic-content devsite-pagination { margin-top: 20px; } devsite-dynamic-hero { display: none; } devsite-dynamic-hero img { object-fit: contain; padding: 50px; } devsite-dynamic-hero .scale-down img { max-height: 180px; object-fit: scale= -down; padding: 0px; } devsite-dynamic-hero a:focus { text-decoration: none; } devsite-dynamic-hero .devsite-landing-row-item-description-content { -webki= t-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; max-wi= dth: 90%; overflow: hidden; text-overflow: ellipsis; } devsite-dynamic-hero .devsite-landing-row-item-image .material-icons { -web= kit-box-align: center; align-items: center; display: flex; font-size: 190px= ; -webkit-box-pack: center; justify-content: center; padding: 55px; } .dgc-hero.fade-in { animation: 1s ease 0s 1 normal none running dynamic-her= o-fade-in; background: url("/web/20230130224947im_/https://www.gstatic.com/= devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27= dbcd2bcca1/developers/images/dynamic-hero-background.svg") 100% center / co= ntain no-repeat; display: flex; -webkit-box-orient: vertical; -webkit-box-d= irection: normal; flex-direction: column; -webkit-box-pack: center; justify= -content: center; } [appearance=3D"dark"] .dgc-hero.fade-in { background-image: url("/web/20230= 130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f2= 7e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic-h= ero-background-dark.svg"); } .dgc-hero.fade-in devsite-dynamic-hero { display: block; } .dgc-hero.fade-out { animation: 0.5s ease 0s 1 normal forwards running dyna= mic-hero-fade-out; } .dgc-dynamic-hero { display: none; } @media screen and (max-width: 840px) { .dgc-hero.fade-in { background-image: url("/web/20230130224947im_/https:/= /www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5= cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic-hero-background-cropp= ed.svg"); } [appearance=3D"dark"] .dgc-hero.fade-in { background-image: url("/web/202= 30130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3= f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic= -hero-background-dark-cropped.svg"); } devsite-dynamic-hero .devsite-landing-row-item-image .material-icons, dev= site-dynamic-hero img { padding: 0px 30px 0px 0px; } devsite-dynamic-hero .devsite-landing-row-item-description-content { -web= kit-line-clamp: 3; max-width: 100%; } } @media screen and (max-width: 600px) { .dgc-hero.fade-in { background: unset; } [appearance=3D"dark"] .dgc-hero.fade-in { background: unset; } devsite-dynamic-hero .devsite-landing-row-item-image .material-icons, dev= site-dynamic-hero img { padding: 0px; } } @-webkit-keyframes dynamic-hero-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes dynamic-hero-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes dynamic-hero-fade-out {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes dynamic-hero-fade-out {=20 0% { opacity: 1; } 100% { opacity: 0; } } devsite-edit-profile { display: grid; grid: auto / calc(50% - 12px) calc(50= % - 12px); margin-block: 0px 18px; margin-inline: 24px; gap: 20px; } devsite-edit-profile .waiting-container { margin: auto; } devsite-edit-profile .devsite-edit-profile-error-incorrect, devsite-edit-pr= ofile .devsite-edit-profile-error-missing { display: none; color: rgb(229, = 57, 53); font-size: 12px; margin: 2px 0px 0px 14px; } devsite-edit-profile .devsite-edit-profile-textarea { grid-column: 1 / 3; m= in-height: 110px; } devsite-edit-profile .devsite-edit-profile-input { display: block; position= : relative; min-height: 86px; } devsite-edit-profile .devsite-edit-profile-input[incorrect] .devsite-edit-p= rofile-error-incorrect, devsite-edit-profile .devsite-edit-profile-input[mi= ssing] .devsite-edit-profile-error-missing { display: inline-block; } devsite-edit-profile .devsite-edit-profile-input-length, devsite-edit-profi= le .devsite-edit-profile-private-chip { color: var(--devsite-secondary-text= -color); font-size: 12px; font-weight: 500; margin: 2px 0px 0px 14px; displ= ay: inline-block; } devsite-edit-profile .devsite-edit-profile-input-length .material-symbols-o= utlined, devsite-edit-profile .devsite-edit-profile-private-chip .material-= symbols-outlined { font-size: 12px; font-variation-settings: "FILL" 0, "wgh= t" 400, "GRAD" 0, "opsz" 48; top: 2px; position: relative; } devsite-edit-profile.devsite-edit-profile-small { grid: auto / auto; } devsite-edit-profile.devsite-edit-profile-small .devsite-edit-profile-texta= rea { grid-column: unset; } 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 0px 20px; pa= dding-bottom: 7px; } devsite-expandable .exw-control > h3.showalways { margin: 34px 0px 20px; } devsite-expandable .exw-control > h4.showalways { margin: 36px 0px 20px; } devsite-expandable .expand-control:not(button):not(.button) { color: var(--= devsite-link-color); cursor: pointer; } devsite-expandable a.exw-control:active, devsite-expandable a.exw-control:f= ocus, devsite-expandable a.exw-control:hover { color: var(--devsite-link-co= lor); cursor: pointer; outline: 0px; text-decoration: none; } devsite-expandable a.exw-control > .showalways::before { -webkit-box-align:= center; align-items: center; color: var(--devsite-secondary-text-color); c= ontent: "add_circle"; display: inline-flex; font-style: normal; font-varian= t: normal; font-size-adjust: none; font-language-override: normal; font-ker= ning: auto; font-optical-sizing: auto; font-variation-settings: normal; fon= t-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1; fo= nt-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font-sm= oothing: antialiased; text-rendering: optimizelegibility; text-transform: n= one; overflow-wrap: normal; height: 20px; -webkit-box-pack: center; justify= -content: center; margin-inline-end: 12px; transform: translate3d(0px, -1px= , 0px); user-select: none; vertical-align: middle; width: 20px; } devsite-expandable.arrow-icon a.exw-control > .showalways::before { content= : "chevron_right"; } [dir=3D"rtl"] devsite-expandable.arrow-icon a.exw-control > .showalways::be= fore { content: "chevron_left"; } devsite-expandable .exw-control > h2.showalways::before { transform: transl= ate3d(0px, -2px, 0px); } devsite-expandable[expanded] > a.exw-control > .showalways::before { conten= t: "remove_circle"; } devsite-expandable.arrow-icon[expanded] > a.exw-control > .showalways::befo= re { content: "keyboard_arrow_down"; } devsite-expandable a.exw-control:focus > .showalways::before, devsite-expan= dable a.exw-control:hover > .showalways::before { color: var(--devsite-link= -color); } devsite-content devsite-expandable devsite-expandable { margin-left: 40px; = } devsite-extradory { display: flex; -webkit-box-pack: center; justify-conten= t: center; -webkit-box-align: center; align-items: center; } devsite-extradory .devsite-extra-dory-iframe { width: 100%; height: 100%; d= isplay: flex; -webkit-box-align: center; align-items: center; -webkit-box-p= ack: center; justify-content: center; } devsite-extradory .devsite-extra-dory-iframe iframe { width: 100%; height: = 100%; border: 0px; } devsite-extradory h2 { font-size: 24px; color: rgb(66, 66, 66); text-align:= center; line-height: 32px; margin: 0px; align-self: center; } devsite-extradory .devsite-extradory-create-profile { align-self: center; } devsite-extradory .devsite-extradory-step1, devsite-extradory .devsite-extr= adory-step2, devsite-extradory .devsite-extradory-wrapper { display: flex; = -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction= : column; -webkit-box-align: start; align-items: start; width: 100%; paddin= g: 20px; } devsite-extradory .devsite-extradory-create-profile { margin-top: 26px; } devsite-extradory p { font-size: 16px; color: rgb(66, 66, 66); line-height:= 24px; } devsite-extradory .devsite-extradory-cta label, devsite-extradory .devsite-= extradory-cta p { font-size: 14px; color: rgb(66, 66, 66); line-height: 29p= x; margin: 0px; } devsite-extradory .devsite-extradory-buttons, devsite-extradory .devsite-ex= tradory-join-group, devsite-extradory .devsite-extradory-try-again-buttons = { margin-top: 36px; } devsite-extradory .devsite-extradory-spinner { padding: 64px; display: flex= ; -webkit-box-align: center; align-items: center; -webkit-box-pack: center;= justify-content: center; width: 100%; } devsite-extradory .devsite-extradory-try-again-buttons { display: flex; -we= bkit-box-align: center; align-items: center; -webkit-box-pack: center; just= ify-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 .devsi= te-extradory-sign-in, devsite-extradory .devsite-extradory-try-again { alig= n-self: center; } .devsite-fast-track-creator-dialog { padding: 24px; } devsite-fast-track-profile-creator label { font-size: 16px; } devsite-fast-track-profile-creator h4 { margin: 0px 0px 10px; } devsite-fast-track-profile-creator .sub-text { color: var(--devsite-seconda= ry-text-color); font: 400 12px/16px var(--devsite-primary-font-family); let= ter-spacing: 0.3px; padding-inline-start: 16px; margin: 5px 0px 20px; } devsite-fast-track-profile-creator .tos { margin: 12px 0px 24px; } devsite-fast-track-profile-creator devsite-spinner { margin-right: 8px; } devsite-fast-track-profile-creator .devsite-devprofile-callout-buttons { di= splay: flex; -webkit-box-pack: end; justify-content: end; } devsite-feature-tooltip:not([ready]) > [slot] { display: none; } devsite-feature-tooltip { display: block; } devsite-feature-tooltip [slot].step { display: none; } devsite-feature-tooltip [slot].step.current { display: block; } devsite-dialog.devsite-feedback .devsite-dialog-contents { display: flex; -= webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction:= column; padding: 0px; } devsite-dialog.devsite-feedback h3 { margin: 0px 0px 20px; padding: 16px 16= px 0px; } devsite-dialog.devsite-feedback .devsite-feedback-items { display: flex; pa= dding: 0px 6px; } devsite-dialog.devsite-feedback .devsite-feedback-item { -webkit-box-align:= center; align-items: center; color: var(--devsite-secondary-text-color); d= isplay: flex; -webkit-box-flex: 1; flex: 1 0 0px; -webkit-box-orient: verti= cal; -webkit-box-direction: normal; flex-direction: column; text-decoration= : none; } devsite-dialog.devsite-feedback .devsite-feedback-item-type { color: var(--= devsite-link-color); } devsite-dialog.devsite-feedback .devsite-feedback-item:focus > .devsite-fee= dback-item-type { text-decoration: underline; } devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container { -we= bkit-box-align: center; align-items: center; display: flex; height: 48px; -= webkit-box-pack: center; justify-content: center; margin: 8px 0px; width: 4= 8px; } devsite-dialog.devsite-feedback .devsite-feedback-item-icon-color { backgro= und-color: var(--devsite-feedback-icon-background,var(--devsite-primary-col= or,var(--devsite-primary-text-color))); border-radius: 50%; color: var(--de= vsite-inverted-text-color); } devsite-dialog.devsite-feedback .devsite-feedback-item-icon { font-size: 32= px; } devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container img {= max-width: 100%; } devsite-dialog.devsite-feedback .devsite-feedback-notice, devsite-dialog.de= vsite-feedback .devsite-feedback-support { padding: 16px 16px 0px; text-ali= gn: 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 { ver= tical-align: middle; } devsite-dialog.devsite-feedback .devsite-feedback-buttons { display: flex; = -webkit-box-pack: end; justify-content: flex-end; padding: var(--devsite-fe= edback-buttons-padding,16px 0 0); } devsite-filter { display: block; } .devsite-filter-input, devsite-filter input[type=3D"text"] { --devsite-inpu= t-width: 100%; } devsite-filter > .devsite-table-wrapper:first-child > table { margin-top: 0= px; } devsite-filter [results-count-container] { color: var(--devsite-filter-resu= lts-count-color); font-family: var(--devsite-filter-results-count-font-fami= ly); margin: var(--devsite-filter-results-count-margin,16px 0); } devsite-filter[sortable] th:hover { cursor: pointer; } devsite-filter th[sort-ascending], devsite-filter th[sort-descending] { use= r-select: none; } devsite-filter th[sort-ascending]::after, devsite-filter th[sort-descending= ]::after { content: "arrow_drop_down"; display: inline-block; font-style: n= ormal; font-variant: normal; font-size-adjust: none; font-language-override= : normal; font-kerning: auto; font-optical-sizing: auto; font-variation-set= tings: normal; font-weight: normal; font-stretch: normal; font-size: 24px; = line-height: 1; font-family: "Material Icons"; font-feature-settings: "liga= "; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;= text-transform: none; overflow-wrap: normal; margin: -2px 0px 0px; positio= n: absolute; transform: rotate(0deg); transition: transform 0.2s, -webkit-t= ransform 0.2s; vertical-align: middle; } devsite-filter th[sort-descending]::after { transform: rotate(-180deg); } devsite-filter[hide-if-empty][empty] { display: none; } devsite-filter[highlight] mark { background-color: rgb(255, 225, 104); } devsite-filter[highlight] mark::after, devsite-filter[highlight] mark::befo= re { clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; o= verflow: 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-filter .devsite-filter-input-container { display: flex; -webkit-box= -flex: 1; flex-grow: 1; position: relative; } devsite-filter .devsite-filter-clear-button { -webkit-box-align: center; al= ign-items: center; color: var(--devsite-searchbox-placeholder,var(--devsite= -secondary-text-color)); cursor: pointer; display: flex; font: 14px / 1 "Ma= terial Icons"; height: var(--devsite-input-height,36px); inset-inline: auto= 0px; -webkit-box-pack: center; justify-content: center; outline: 0px; posi= tion: absolute; width: var(--devsite-input-height,36px); } devsite-filter .devsite-filter-clear-button::before { content: "close"; } devsite-filter .devsite-filter-clear-button:focus::before, devsite-filter .= devsite-filter-clear-button:hover::before { background: var(--devsite-backg= round-5); border-radius: 50%; padding: 4px; } devsite-footer-linkboxes { background: var(--devsite-footer-background,var(= --devsite-background-1)); color: var(--devsite-footer-color); display: bloc= k; font: var(--devsite-footer-linkboxes-font,400 14px/16px var(--devsite-pr= imary-font-family)); padding: var(--devsite-footer-linkboxes-padding); } devsite-footer-linkboxes .devsite-footer-linkboxes-list { border-bottom: va= r(--devsite-primary-border); display: grid; gap: 24px; grid-template-column= s: var(--devsite-footer-linkboxes-grid-template-columns); list-style: none;= padding: 24px 0px; } devsite-footer-linkboxes .devsite-footer-linkbox { margin: 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-heading { font: var(--devs= ite-footer-heading-font,500 14px/16px var(--devsite-primary-font-family)); = margin: var(--devsite-footer-heading-margin,0 0 8px); text-transform: var(-= -devsite-footer-heading-text-transform); } devsite-footer-linkboxes .devsite-footer-linkbox-list .devsite-footer-linkb= ox-heading { margin: var(--devsite-footer-list-heading-margin,40px 0 0); } devsite-footer-linkboxes .devsite-footer-linkbox-list { list-style-type: no= ne; padding: 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-item { margin: 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-link { color: var(--devsit= e-footer-link-color,var(--devsite-primary-text-color)); display: inline-blo= ck; padding: 8px 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-link:focus, devsite-footer= -linkboxes .devsite-footer-linkbox-link:hover { color: var(--devsite-footer= -link-hover,var(--devsite-link-color)); font-weight: var(--devsite-footer-l= ink-font-weight-hover); text-decoration: none; } devsite-footer-linkboxes .devsite-footer-linkbox-description { color: var(-= -devsite-secondary-text-color); font: var(--devsite-footer-description-font= ,14px/20px var(--devsite-primary-font-family)); margin: 0px 0px 16px; } devsite-footer-linkboxes .devsite-footer-linkbox-icon { margin-block: 0px 4= px; } devsite-footer-promos { background: var(--devsite-footer-background,var(--d= evsite-background-1)); border-top: var(--devsite-footer-border,var(--devsit= e-primary-border)); color: var(--devsite-footer-color); display: block; fon= t: 14px/20px var(--devsite-primary-font-family); padding: 0px 24px; } devsite-footer-promos .devsite-footer-promos-list { border-bottom: var(--de= vsite-primary-border); display: flex; gap: 0px 24px; list-style: none; just= ify-content: space-around; padding: 18px 0px; } devsite-footer-promos .devsite-footer-promo { -webkit-box-flex: 0; flex: 0 = 1 192px; margin: 20px 0px; text-align: center; } devsite-footer-promos .devsite-footer-promo-icon { color: var(--devsite-tex= t-color,var(--devsite-primary-text-rgba)); display: block; font-size: 48px;= height: 48px; margin-block: 0px 8px; margin-inline: auto; width: 48px; } devsite-footer-promos .devsite-footer-promo-title { color: var(--devsite-fo= oter-heading-color,var(--devsite-primary-text-rgba)); display: block; font-= style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeri= c: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-pos= ition: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; = font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; f= ont-feature-settings: ; font-variation-settings: ; font-language-override: = ; font-weight: var(--devsite-footer-heading-font-weight,500); } devsite-footer-promos .devsite-footer-promo-title:focus, devsite-footer-pro= mos .devsite-footer-promo-title:hover { color: var(--devsite-footer-link-ho= ver,var(--devsite-link-color)); font-weight: var(--devsite-footer-link-font= -weight-hover); text-decoration: none; } @media screen and (max-width: 1253px) { .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promos-list { flex-wrap: wrap; gap: unset; -webkit-box-pack: start; just= ify-content: flex-start; } .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promo { -webkit-box-flex: 0; flex: 0 0 50%; padding-block: 0px; padding-= inline: 20px; } } @media screen and (max-width: 840px) { .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promos-list, devsite-footer-promos .devsite-footer-promos-list { flex-wr= ap: wrap; -webkit-box-pack: start; justify-content: flex-start; padding: 12= px 0px; } .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promo, devsite-footer-promos .devsite-footer-promo { -webkit-box-flex: 0= ; flex: 0 0 50%; margin: 0px; padding-block: 8px; padding-inline: 0px; text= -align: start; } devsite-footer-promos .devsite-footer-promo-icon { height: 32px; margin-b= lock: 0px; margin-inline: 0px 8px; width: 32px; } devsite-footer-promos .devsite-footer-promo-title { -webkit-box-align: ce= nter; align-items: center; display: flex; font-weight: 400; } devsite-footer-promos .devsite-footer-promo-description { display: none; = } } @media screen and (max-width: 600px) { devsite-footer-promos { padding: 0px 16px; } devsite-footer-promos .devsite-footer-promos-list { display: block; } } devsite-footer-utility { background: var(--devsite-footer-background,var(--= devsite-background-1)); color: var(--devsite-footer-color); display: block;= font: 400 14px/16px var(--devsite-primary-font-family); padding: 0px 24px;= } devsite-footer-utility .devsite-footer-sites-list, devsite-footer-utility .= devsite-footer-sites-logo-link, devsite-footer-utility .devsite-footer-util= ity-button, devsite-footer-utility .devsite-footer-utility-item, devsite-fo= oter-utility .devsite-footer-utility-list, devsite-footer-utility nav { dis= play: flex; } devsite-footer-utility .devsite-footer-utility-button, devsite-footer-utili= ty .devsite-footer-utility-list, devsite-footer-utility nav { -webkit-box-a= lign: center; align-items: center; } devsite-footer-utility nav { gap: 16px; padding: 24px 0px; } devsite-footer-utility .devsite-footer-sites, devsite-footer-utility .devsi= te-footer-sites-list { gap: 0px 40px; } devsite-footer-utility .devsite-footer-sites { border-block-end: var(--devs= ite-primary-border); padding: 24px 0px 23px; } devsite-footer-utility .devsite-footer-sites-list, devsite-footer-utility .= devsite-footer-utility-list { list-style: none; padding: 0px; } devsite-footer-utility .devsite-footer-sites-item, devsite-footer-utility .= devsite-footer-utility-item { margin: 0px; } devsite-footer-utility .devsite-footer-sites-link { color: var(--devsite-pr= imary-text-color); display: block; padding: 8px 0px; } devsite-footer-utility .devsite-footer-sites-link:focus, devsite-footer-uti= lity .devsite-footer-sites-link:hover { color: var(--devsite-link-color); t= ext-decoration: none; } devsite-footer-utility .devsite-footer-sites-logo { height: 32px; margin-to= p: -4px; width: 185px; } devsite-footer-utility .devsite-footer-utility-links, devsite-footer-utilit= y .devsite-footer-utility-list { flex-wrap: wrap; } devsite-footer-utility .devsite-footer-utility-list { gap: 16px 8px; -webki= t-box-flex: var(--devsite-footer-utility-list-flex,1); flex: var(--devsite-= footer-utility-list-flex,1); min-height: 36px; } devsite-footer-utility .devsite-footer-utility-link { color: var(--devsite-= footer-link-color,var(--devsite-primary-text-color)); } devsite-footer-utility .devsite-footer-utility-link:focus, devsite-footer-u= tility .devsite-footer-utility-link:hover { color: var(--devsite-footer-lin= k-hover,var(--devsite-link-color)); } devsite-footer-utility a:focus, devsite-footer-utility a:hover { font-weigh= t: var(--devsite-footer-link-font-weight-hover); } devsite-footer-utility .devsite-footer-utility-item { -webkit-box-flex: 0; = flex: 0 0 auto; } devsite-footer-utility .devsite-footer-utility-item-centered { margin: 0px = auto; } devsite-footer-utility .devsite-footer-utility-button { gap: 0px 16px; line= -height: 20px; margin-inline: auto 0px; } devsite-footer-utility .devsite-footer-utility-button > a:focus { text-deco= ration: none; } devsite-footer-utility .devsite-footer-utility-item::before { content: "|";= margin-inline-end: 8px; } devsite-footer-utility .devsite-footer-utility-button::before, devsite-foot= er-utility .devsite-footer-utility-item-centered::before, devsite-footer-ut= ility .devsite-footer-utility-item-no-marker::before, devsite-footer-utilit= y .devsite-footer-utility-item:first-child::before { content: ""; margin-in= line-end: 0px; } devsite-footer-utility devsite-language-selector { align-self: flex-end; ma= rgin: var(--devsite-language-selector-margin,0); } @media screen and (max-width: 1253px) { [has-book-nav] ~ devsite-footer-utility .devsite-footer-sites, [has-book-= nav] ~ devsite-footer-utility .devsite-footer-sites-list { -webkit-box-alig= n: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-dir= ection: normal; flex-direction: column; } [has-book-nav] ~ devsite-footer-utility .devsite-footer-sites { gap: 16px= 0px; } } @media screen and (max-width: 840px) { devsite-footer-utility .devsite-footer-sites, devsite-footer-utility .dev= site-footer-sites-list { -webkit-box-align: start; align-items: start; -web= kit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: co= lumn; } devsite-footer-utility .devsite-footer-sites { gap: 16px 0px; } devsite-footer-utility .devsite-footer-utility-list { flex: 1 1 100%; } devsite-footer-utility .devsite-footer-utility-button { flex: 1 1 100%; m= argin-inline: 0px; } devsite-footer-utility .devsite-footer-utility-button::before { display: = none; } } @media screen and (max-width: 600px) { devsite-footer-utility { padding: 0px 16px; } devsite-footer-utility .devsite-footer-utility-item-centered { margin: 12= px 0px; } } .devsite-fully-clickable { background-color: var(--devsite-fully-clickable-= background,var(--devsite-background-color)); border-radius: var(--devsite-f= ully-clickable-border-radius); position: relative; } .devsite-fully-clickable::before { border-radius: var(--devsite-fully-click= able-border-radius); box-shadow: var(--devsite-fully-clickable-box-shadow,0= 14px 25px 0 rgba(60,64,67,.08),0 4px 13px 0 rgba(60,64,67,.12)); content: = ""; display: block; height: 100%; left: 0px; opacity: 0; pointer-events: no= ne; position: absolute; top: 0px; transition: opacity 0.2s ease-out; width:= 100%; } .devsite-fully-clickable:focus-within::before, .devsite-fully-clickable:hov= er::before { opacity: 1; } .devsite-fully-clickable:active::before { opacity: 0.4; } .devsite-fully-clickable-link:active, .devsite-fully-clickable-link:focus, = .devsite-fully-clickable-link:hover { transform: none !important; } .devsite-fully-clickable-link:not(.button):active, .devsite-fully-clickable= -link:not(.button):focus, .devsite-fully-clickable-link:not(.button):hover = { text-decoration: none !important; } .devsite-fully-clickable-link::before { inset: 0px; content: ""; display: b= lock; position: absolute; z-index: 1; } devsite-googler-buttons { -webkit-box-align: center; align-items: center; b= ottom: calc(var(--devsite-panel-height, 0px) + 24px); display: flex; font-s= tyle: normal; font-variant: normal; font-size-adjust: none; font-language-o= verride: normal; font-kerning: auto; font-optical-sizing: auto; font-variat= ion-settings: normal; font-weight: normal; font-stretch: normal; font-size:= 24px; line-height: 1; font-family: "Material Icons"; font-feature-settings= : "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegi= bility; text-transform: none; overflow-wrap: normal; -webkit-box-orient: ve= rtical; -webkit-box-direction: normal; flex-direction: column; position: fi= xed; z-index: 1009; } [dir=3D"ltr"] devsite-googler-buttons { right: 24px; } [dir=3D"rtl"] devsite-googler-buttons { left: 24px; } devsite-googler-buttons > a:focus { text-decoration: none; } devsite-googler-buttons .devsite-googler-button { -webkit-box-align: center= ; align-items: center; background: var(--devsite-background-1); border-radi= us: 50%; cursor: pointer; display: flex; height: 40px; -webkit-box-pack: ce= nter; justify-content: center; margin: -48px auto; outline: 0px; position: = relative; 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 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsit= e-elevation-ambient-shadow-color); margin: 4px auto; } devsite-googler-buttons .devsite-googler-button:focus, devsite-googler-butt= ons .devsite-googler-button:hover, devsite-googler-buttons a:focus > .devsi= te-googler-button { background: rgb(227, 242, 253); } devsite-googler-buttons .devsite-googler-button:active, devsite-googler-but= tons a:active > .devsite-googler-button { background: rgb(187, 222, 251); } devsite-googler-buttons .devsite-googler-admin::before { color: rgb(128, 13= 4, 139); content: "storage"; } devsite-googler-buttons .devsite-googler-page-insights::before { color: rgb= (18, 181, 203); content: "bar_chart"; } devsite-googler-buttons .devsite-googler-analytics::before { color: rgb(232= , 113, 10); content: "timeline"; } devsite-googler-buttons .devsite-googler-bug::before { color: rgb(229, 37, = 146); content: "bug_report"; } devsite-googler-buttons .devsite-googler-cache { background: rgb(104, 159, = 56); } devsite-googler-buttons .devsite-googler-cache:hover { background: rgb(124,= 179, 66); } devsite-googler-buttons .devsite-googler-cache:active, devsite-googler-butt= ons .devsite-googler-cache:focus { background: rgb(139, 195, 74); } devsite-googler-buttons .devsite-googler-cache[active] { background: rgb(21= 7, 48, 37); } devsite-googler-buttons .devsite-googler-cache[active]:hover { background: = rgb(234, 67, 53); } devsite-googler-buttons .devsite-googler-cache[active]:active, devsite-goog= ler-buttons .devsite-googler-cache[active]:focus { background: rgb(238, 103= , 92); } devsite-googler-buttons .devsite-googler-cache::before { color: var(--devsi= te-inverted-text-color); content: "cached"; } devsite-googler-buttons .devsite-googler-cache[active]::after { background:= var(--devsite-background-1); border-bottom: 2px solid rgb(217, 48, 37); co= ntent: ""; display: block; height: 4px; position: absolute; transform: rota= te(45deg) translateY(1px); width: 28px; } devsite-googler-buttons .devsite-googler-cache[active]:active::after, devsi= te-googler-buttons .devsite-googler-cache[active]:focus::after { border-col= or: rgb(238, 103, 92); } devsite-googler-buttons .devsite-googler-devrel::before { color: rgb(96, 12= 5, 139); content: "build"; } devsite-googler-buttons .devsite-googler-edit::before { color: rgb(104, 159= , 56); content: "edit"; } devsite-googler-buttons .devsite-googler-source::before { color: rgb(30, 13= 6, 229); content: "code"; } devsite-googler-buttons .devsite-googler-env::before { color: rgb(103, 58, = 183); content: "swap_horiz"; } devsite-googler-buttons .devsite-googler-speed-dial { display: flex; box-sh= adow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px v= ar(--devsite-elevation-ambient-shadow-color); height: 56px; margin: 0px; wi= dth: 56px; } devsite-googler-buttons[active] .devsite-googler-speed-dial { margin: 16px = 0px 0px; } devsite-googler-buttons .devsite-googler-speed-dial::before { content: url(= "/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa= 6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/images/fab.svg")= ; transition: transform 0.2s, -webkit-transform 0.2s; } devsite-googler-buttons[active] .devsite-googler-speed-dial::before { conte= nt: "close"; 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: 0px; width: 100%; } devsite-header .devsite-top-logo-row-wrapper-wrapper { border-bottom: var(-= -devsite-header-border,0); position: relative; z-index: 1; } devsite-header .devsite-top-logo-row-wrapper-wrapper, devsite-header .devsi= te-top-logo-row-wrapper-wrapper::before { background: var(--devsite-header-= color-upper,var(--devsite-background-1)); } body[ready] devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper::be= fore { content: ""; height: 400px; position: absolute; transform: translate= Y(-400px); width: 100%; } devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper { pointer-event= s: all; } devsite-header .devsite-collapsible-section { position: relative; } devsite-header .devsite-collapsible-section, devsite-header[no-lower-row][f= ixed] { box-shadow: var(--devsite-header-lower-box-shadow,0 1px 2px 0 var(-= -devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-= ambient-shadow-color)); } devsite-header[fixed] .devsite-collapsible-section { contain: style; pointe= r-events: all; transform: translateZ(0px); will-change: transform; } devsite-header .devsite-top-logo-row { -webkit-box-align: center; align-ite= ms: center; background: var(--devsite-header-color-upper,var(--devsite-back= ground-1)); display: flex; gap: 16px; height: 48px; padding: 0px 16px 0px 2= 4px; position: relative; transform: translateZ(0px); } [dir=3D"rtl"] devsite-header .devsite-top-logo-row { padding: 0px 24px 0px = 16px; } devsite-header .devsite-top-button { background: var(--devsite-header-link-= background,0); color: var(--devsite-header-link-color,var(--devsite-seconda= ry-text-rgba)); padding: 0px 8px; transition: background 0.2s, box-shadow 0= .2s, color 0.2s; } devsite-header .devsite-top-button, devsite-header .devsite-top-button:acti= ve, devsite-header .devsite-top-button:focus, devsite-header .devsite-top-b= utton:hover { border: 0px; } devsite-header .devsite-top-button:active, devsite-header .devsite-top-butt= on:focus, devsite-header .devsite-top-button:hover { color: var(--devsite-h= eader-link-color-active,var(--devsite-primary-text-rgba)); } devsite-header .devsite-top-button:focus { background: var(--devsite-header= -link-background-focus,var(--devsite-header-link-background-hover,var(--dev= site-header-link-background-active,var(--devsite-background-3)))); } devsite-header .devsite-top-button:hover { background: var(--devsite-header= -link-background-hover,var(--devsite-header-link-background-active,var(--de= vsite-background-3))); } devsite-header .devsite-top-button:active { background: var(--devsite-heade= r-link-background-active,var(--devsite-background-3)); box-shadow: var(--de= vsite-header-link-box-shadow-active,none); } devsite-header .devsite-header-icon-button { color: var(--devsite-header-ic= on-color,var(--devsite-secondary-text-rgba)); display: none; -webkit-box-fl= ex: 0; flex: 0 0 auto; height: 24px; min-width: 24px; padding: 0px; transit= ion: 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: var(--devsite-header-icon-color-active,var(--devsite-primary-text-= rgba)); } devsite-header .devsite-top-logo-row-middle { -webkit-box-align: center; al= ign-items: center; display: flex; -webkit-box-flex: 1; flex-grow: 1; positi= on: relative; } devsite-header .devsite-collapsible-section { background-color: var(--devsi= te-header-color-lower,var(--devsite-primary-color,var(--devsite-secondary-t= ext-color))); } @media screen and (max-width: 840px) { devsite-header { transform: translateZ(0px); } devsite-header .devsite-top-logo-row { padding: 0px 16px; gap: 8px; } devsite-header .devsite-header-upper-tabs devsite-tabs { margin: 0px 0px = 0px 16px; } [dir=3D"rtl"] devsite-header .devsite-header-upper-tabs devsite-tabs { ma= rgin: 0px 16px 0px 0px; } devsite-header .devsite-header-upper-tabs .devsite-doc-set-nav { display:= none; } } devsite-header .devsite-header-billboard { -webkit-box-align: center; align= -items: center; background-color: var(--devsite-header-color-lower,var(--de= vsite-primary-color,var(--devsite-background-1))); display: flex; -webkit-b= ox-pack: center; justify-content: center; padding: 40px 24px 20px; position= : relative; z-index: 100; } devsite-header .devsite-header-billboard h1 { line-height: var(--devsite-h1= -line-height,1); overflow: visible; padding: 0px; } devsite-header .devsite-header-billboard-logo { max-height: 64px; } devsite-header .devsite-header-billboard-search { margin: 0px auto; max-wid= th: 816px; padding-bottom: 48px; } devsite-header .devsite-header-billboard-search devsite-search { width: 100= %; } devsite-header .devsite-header-billboard-search devsite-search .devsite-pop= out-result { max-height: 50vh; } devsite-header .devsite-header-billboard-search .devsite-search-background,= devsite-header .devsite-header-billboard-search devsite-search .devsite-se= archbox::before { background: var(--devsite-header-color-lower,var(--devsit= e-primary-color,var(--devsite-background-1))); } @media screen and (max-width: 840px) { devsite-header .devsite-header-billboard-search { margin: 0px 24px; } } devsite-header .devsite-doc-set-nav-row { -webkit-box-align: center; align-= items: center; border-bottom: var(--devsite-header-lower-tabs-border-bottom= ,none); display: flex; -webkit-box-pack: justify; justify-content: space-be= tween; min-height: 48px; padding: 0px 24px 0px 0px; } [dir=3D"rtl"] devsite-header .devsite-doc-set-nav-row { padding: 0px 0px 0p= x 24px; } [dir=3D"ltr"] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-l= ist { padding-left: 24px; } [dir=3D"rtl"] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-l= ist { padding-right: 24px; } @media screen and (max-width: 840px) { devsite-header .devsite-doc-set-nav-row { display: none; } } @media screen and (max-width: 600px) { devsite-header devsite-language-selector { display: none; } } devsite-header .devsite-header-link { transition: background 0.2s, box-shad= ow 0.2s, color 0.2s; } devsite-header .devsite-header-link, devsite-header .devsite-header-link:vi= sited { color: var(--devsite-header-link-color,var(--devsite-secondary-text= -rgba)); } devsite-header .devsite-header-link:focus, devsite-header .devsite-header-l= ink:hover { color: var(--devsite-header-link-color-active,var(--devsite-pri= mary-text-rgba)); } @media screen and (max-width: 840px) { devsite-header .devsite-header-link { display: none; } } devsite-header .devsite-product-name-wrapper { -webkit-box-align: center; a= lign-items: center; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; hei= ght: 36px; margin: 6px 0px; } devsite-header .devsite-product-name-link, devsite-header .devsite-site-log= o-link { -webkit-box-align: center; align-items: center; display: flex; opa= city: 1; transition: opacity 0.2s; } devsite-header .devsite-product-name-link:focus, devsite-header .devsite-pr= oduct-name-link:hover, devsite-header .devsite-site-logo-link:focus { opaci= ty: 0.7; text-decoration: none; } devsite-header .devsite-site-logo { height: var(--devsite-logo-height,32px)= ; } devsite-header .devsite-has-google-wordmark > .devsite-breadcrumb-link, dev= site-header .devsite-has-google-wordmark > .devsite-product-name { directio= n: ltr; } devsite-header .devsite-google-wordmark { height: 24px; margin: 0px 4px 0px= 0px; position: relative; top: 5px; } devsite-header .devsite-google-wordmark-svg-path { transition: fill 0.2s; } devsite-header .devsite-site-logo-link canvas { height: auto !important; } devsite-header .devsite-site-logo-link picture { display: contents; } devsite-header .devsite-product-logo-container { -webkit-box-align: center;= align-items: center; border-radius: 50%; color: var(--devsite-primary-colo= r,var(--devsite-primary-text-color)); display: flex; height: 36px; -webkit-= box-pack: center; justify-content: center; margin-inline: 0px 4px; width: 3= 6px; } devsite-header .devsite-product-logo-container[background] { background: va= r(--devsite-primary-color,var(--devsite-primary-text-color)); color: var(--= devsite-inverted-text-color); } devsite-header .devsite-product-logo { color: inherit; font-size: 32px; hei= ght: 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: var(--devsite-wordmark-font,40= 0 20px/32px var(--devsite-primary-font-family)); letter-spacing: 0px; margi= n: 0px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; transi= tion: color 0.2s; white-space: nowrap; } devsite-header .devsite-site-logo:not([src*=3D".svg"]) { height: auto; max-= height: 32px; } devsite-header .devsite-breadcrumb-link > .devsite-product-name { color: in= herit; } @media screen and (max-width: 840px) { devsite-header .devsite-product-name-wrapper { -webkit-box-flex: 0; flex:= 0 1 auto; min-width: 0px; } devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item:not= (:first-of-type), devsite-header .devsite-product-name-wrapper .devsite-sit= e-logo-link + .devsite-product-name { display: none; } devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item, de= vsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link, devsit= e-header .devsite-product-name-wrapper .devsite-breadcrumb-list, devsite-he= ader .devsite-product-name-wrapper .devsite-product-name { width: 100%; } devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link { o= verflow: hidden; text-overflow: ellipsis; } } devsite-header .devsite-product-id-row { -webkit-box-align: center; align-i= tems: center; display: flex; -webkit-box-pack: justify; justify-content: sp= ace-between; min-height: 60px; padding: var(--devsite-product-id-row-paddin= g,20px 24px 2px); } devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row { min-= height: 72px; padding: var(--devsite-product-id-row-padding,20px 24px); } devsite-header .devsite-product-description-row { color: var(--devsite-head= er-foreground-lower-description,var(--devsite-header-foreground-lower-hover= ,var(--devsite-inverted-text-color))); font: var(--devsite-header-lower-des= cription-font,400 20px/32px var(--devsite-primary-font-family)); } devsite-header .devsite-product-description { font: 16px/24px var(--devsite= -primary-font-family); margin-block: 0px; margin-inline: 0px 180px; } devsite-header .devsite-breadcrumb-list + .devsite-product-description { ma= rgin-block: 8px 0px; } devsite-header .devsite-product-button-row { display: flex; margin-block: 0= px; margin-inline: 24px 0px; z-index: 1; } @media screen and (max-width: 840px) { devsite-header .devsite-product-id-row { min-height: 72px; padding: var(-= -devsite-product-id-row-padding,20px 24px); } devsite-header .devsite-product-description { margin-inline: 0px; } } @media screen and (max-width: 600px) { devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row, dev= site-header .devsite-product-id-row { flex-wrap: wrap; padding: var(--devsi= te-product-id-row-padding,20px 16px); } devsite-header .devsite-product-button-row { flex-basis: 100%; margin-blo= ck: 16px 0px; margin-inline: 0px; } } devsite-header[search-expanded] .devsite-header-upper-tabs { opacity: 0; po= sition: absolute; } devsite-header[search-expanded] devsite-search { -webkit-box-flex: 1; flex:= 1 0 0%; } devsite-header [transition] { transition: transform 0.2s, -webkit-transform= 0.2s; } devsite-header[search-active] .devsite-search-background::after { backgroun= d: var(--devsite-searchbox-active,var(--devsite-background-3)); } devsite-header devsite-search[search-active] .devsite-search-field::-webkit= -input-placeholder { color: var(--devsite-searchbox-placeholder-active,var(= --devsite-secondary-text-color)); } devsite-header devsite-search[search-active] .devsite-search-field::placeho= lder { color: var(--devsite-searchbox-placeholder-active,var(--devsite-seco= ndary-text-color)); } devsite-header devsite-search[search-active] .devsite-search-field, devsite= -header devsite-search[search-active] .devsite-search-field:hover { backgro= und: var(--devsite-searchbox-active,var(--devsite-background-3)); color: va= r(--devsite-searchbox-text-active,var(--devsite-primary-text-color)); } devsite-header devsite-search[search-active] .devsite-search-image { color:= var(--devsite-searchbox-placeholder,var(--devsite-secondary-text-color)); = } @media screen and (max-width: 840px) { devsite-header[search-active] .devsite-product-name-wrapper, devsite-head= er[search-active] devsite-language-selector, devsite-header[search-active] = devsite-user { display: none; } devsite-header[search-active] devsite-search { -webkit-box-flex: 1; flex-= grow: 1; transform: none !important; } devsite-header[search-active] .devsite-header-upper-tabs { -webkit-box-fl= ex: 0; flex: 0 1 0%; overflow: hidden; } devsite-header[search-active] .devsite-top-logo-row devsite-search { marg= in: 6px 0px; } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-searchbox { width: 100%; } devsite-header devsite-search[search-active] .devsite-search-form { borde= r-radius: var(--devsite-search-border-radius,0); box-shadow: var(--devsite-= search-active-box-shadow,none); left: 0px; overflow: var(--devsite-search-a= ctive-overflow,visible); position: var(--devsite-search-form-position,relat= ive); top: 0px; } [dir=3D"ltr"] devsite-header devsite-search[search-active] .devsite-searc= h-form { right: var(--devsite-search-form-position-end,auto); } [dir=3D"rtl"] devsite-header devsite-search[search-active] .devsite-searc= h-form { left: var(--devsite-search-form-position-end,auto); } devsite-header devsite-search[search-active] .devsite-search-field, devsi= te-header devsite-search[search-active] .devsite-search-field:hover { backg= round: var(--devsite-search-form-background-active,var(--devsite-background= -3)); color: var(--devsite-search-form-text-active,var(--devsite-primary-te= xt-color)); } [dir=3D"ltr"] devsite-header .devsite-header-billboard-search devsite-sea= rch[search-active] .devsite-search-form { right: var(--devsite-search-form-= position-start,auto); } [dir=3D"rtl"] devsite-header .devsite-header-billboard-search devsite-sea= rch[search-active] .devsite-search-form { left: var(--devsite-search-form-p= osition-start,auto); } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-searchbox .devsite-search-image { display: flex; } devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox::b= efore, devsite-header .devsite-top-logo-row devsite-search[search-active] .= devsite-popout { width: var(--devsite-popout-width,calc(100vw + 16px)); } [dir=3D"ltr"] devsite-header .devsite-top-logo-row devsite-search .devsit= e-searchbox::before, [dir=3D"ltr"] devsite-header .devsite-top-logo-row dev= site-search[search-active] .devsite-popout { left: var(--devsite-popout-pos= ition-start,-60px); } [dir=3D"rtl"] devsite-header .devsite-top-logo-row devsite-search .devsit= e-searchbox::before, [dir=3D"rtl"] devsite-header .devsite-top-logo-row dev= site-search[search-active] .devsite-popout { right: var(--devsite-popout-po= sition-start,-60px); } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-search-button { margin-block: 0px; margin-inline: var(--devsite-search-b= utton-margin-before,16px) 0; } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-search-button[search-open] { display: none; } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-search-button[search-close] { display: flex; } devsite-header [transition] { transition: none; } } devsite-header .devsite-search-background { -webkit-box-align: center; alig= n-items: center; box-sizing: content-box; display: flex; justify-content: s= tretch; margin-block: 0px; margin-inline: 24px 0px; padding: 6px 0px; point= er-events: none; position: absolute; transition: transform 0.2s, -webkit-tr= ansform 0.2s; will-change: transition; z-index: 9; } [dir=3D"ltr"] devsite-header .devsite-search-background { right: 0px; trans= form-origin: right center; } [dir=3D"rtl"] devsite-header .devsite-search-background { left: 0px; transf= orm-origin: left center; } devsite-header .devsite-search-background, devsite-header .devsite-searchbo= x::before { background: var(--devsite-header-color-upper,var(--devsite-back= ground-1)); } devsite-header .devsite-search-background::after { content: ""; -webkit-box= -flex: 1; flex-grow: 1; height: 100%; transition: background 0.2s; } devsite-header .devsite-search-background::after, devsite-header devsite-se= arch input.devsite-search-field { background: var(--devsite-searchbox-inact= ive); } devsite-header devsite-search input.devsite-search-field::-webkit-input-pla= ceholder { color: var(--devsite-searchbox-placeholder,var(--devsite-seconda= ry-text-color)); } devsite-header devsite-search input.devsite-search-field::placeholder { col= or: var(--devsite-searchbox-placeholder,var(--devsite-secondary-text-color)= ); } devsite-header devsite-search input.devsite-search-field:hover { background= : var(--devsite-searchbox-hover); } devsite-header devsite-search .devsite-search-image, devsite-header devsite= -search input.devsite-search-field { color: var(--devsite-searchbox-placeho= lder,var(--devsite-secondary-text-color)); } devsite-header[billboard] .devsite-search-background { display: none; } devsite-header[billboard][bottom-row--hidden] .devsite-search-background { = display: flex; } devsite-header[billboard] .devsite-top-logo-row devsite-search .devsite-sea= rch-form { opacity: 1; transition: opacity 0.2s, transform 0.2s, -webkit-tr= ansform 0.2s; } devsite-header[billboard][bottom-row--hidden] .devsite-top-logo-row devsite= -search .devsite-search-form { transform: translateZ(0px); } body[template=3D"404"] devsite-header .devsite-top-logo-row .devsite-search= -form, devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-log= o-row devsite-search .devsite-search-form { opacity: 0; pointer-events: non= e; } [dir=3D"ltr"] body[template=3D"404"] devsite-header .devsite-top-logo-row .= devsite-search-form, [dir=3D"ltr"] devsite-header[billboard]:not([bottom-ro= w--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form { tra= nsform: translate3d(200px, 0px, 0px); } [dir=3D"rtl"] body[template=3D"404"] devsite-header .devsite-top-logo-row .= devsite-search-form, [dir=3D"rtl"] devsite-header[billboard]:not([bottom-ro= w--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form { tra= nsform: translate3d(-200px, 0px, 0px); } devsite-header[billboard][bottom-row--hidden] .devsite-header-billboard-sea= rch devsite-search { opacity: 0; } devsite-header[billboard] .devsite-header-billboard-search devsite-search {= margin-inline: 0px; } devsite-header[billboard] .devsite-header-billboard-search devsite-search .= devsite-popout { max-height: calc(-255px + 100vh); } @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: 0px; } devsite-header .devsite-search-background, devsite-header .devsite-search= -background::after, devsite-header devsite-search .devsite-search-field, de= vsite-header devsite-search .devsite-search-field:hover, devsite-header[sea= rch-active] .devsite-search-background::after { background: 0px center; } devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox .d= evsite-search-image { display: none; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n { -webkit-box-align: center; align-items: center; color: var(--devsite-se= condary-text-color); display: flex; z-index: 1; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-open] { display: flex; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-close] { display: none; margin-right: 6px; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-open]::before { content: "search"; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-close]::before { content: "cancel"; } devsite-header .devsite-top-logo-row devsite-search .devsite-result-item = a, devsite-header .devsite-top-logo-row devsite-search .devsite-result-labe= l, devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-foo= ter, devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-h= eader { padding-inline: var(--devsite-search-content-padding-start,60px) 8p= x; } } devsite-header .devsite-header-upper-tabs { -webkit-box-flex: 1; flex: 1 1 = 0px; margin-block: 0px; margin-inline: var(--devsite-upper-tab-margin-x,32p= x) 0; opacity: 1; position: relative; z-index: 8; } 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-he= ader devsite-tabs.upper-tabs .devsite-tabs-wrapper { background: var(--devs= ite-header-color-upper,var(--devsite-background-1)); } devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab > a:fo= cus, devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab >= a:hover { color: var(--devsite-upper-tab-active,var(--devsite-primary-text= -color)); } devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab > a:fo= cus::after, devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper = > tab > a:hover::after { border-color: var(--devsite-upper-tab-marker-color= -inactive,var(--devsite-upper-tab-inactive,var(--devsite-secondary-text-col= or))); } devsite-header cloudx-tabs-nav.lower-tabs a, devsite-header devsite-tabs.lo= wer-tabs .devsite-tabs-content, devsite-header devsite-tabs.lower-tabs a { = color: var(--devsite-header-foreground-lower,var(--devsite-inverted-text-co= lor)); letter-spacing: var(--devsite-header-lower-tabs-letter-spacing,0); } devsite-header cloudx-tabs-nav.lower-tabs a:focus, devsite-header cloudx-ta= bs-nav.lower-tabs a:hover, devsite-header devsite-tabs.lower-tabs .devsite-= tabs-content:focus, devsite-header devsite-tabs.lower-tabs .devsite-tabs-co= ntent:hover, devsite-header devsite-tabs.lower-tabs a:focus, devsite-header= devsite-tabs.lower-tabs a:hover { color: var(--devsite-header-foreground-l= ower-hover,var(--devsite-header-foreground-lower,var(--devsite-inverted-tex= t-rgba))); } devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a, devsite-header d= evsite-tabs.lower-tabs tab[active] > .devsite-tabs-content, devsite-header = devsite-tabs.lower-tabs tab[active] > a { color: var(--devsite-header-foreg= round-lower-active,var(--devsite-inverted-text-color)); } devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a:focus, devsite-he= ader devsite-tabs.lower-tabs tab[active] > .devsite-tabs-content:focus, dev= site-header devsite-tabs.lower-tabs tab[active] > a:focus { color: var(--de= vsite-header-foreground-lower-active-focus,var(--devsite-header-foreground-= lower,var(--devsite-inverted-text-rgba))); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a, devsite-header= devsite-tabs.lower-tabs tab[active] > .devsite-tabs-content, devsite-heade= r devsite-tabs.lower-tabs tab[active] > a { color: inherit; } } devsite-header cloudx-tabs-nav.lower-tabs > .devsite-tabs-wrapper > tab > a= ::after, devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wrapper > t= ab > a::after { border-radius: var(--devsite-lower-tab-marker-border-radius= ,var(--devsite-tab-marker-border-radius,0)); } devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wrapper > tab > a:fo= cus::after, devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wrapper = > tab > a:hover::after { border-color: var(--devsite-lower-tab-marker-color= -inactive,var(--devsite-header-foreground-lower,var(--devsite-inverted-text= -rgba))); } devsite-header cloudx-tabs-nav.lower-tabs > .devsite-tabs-wrapper > tab[act= ive] > a::after, devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wra= pper > tab[active] > a::after { border-color: var(--devsite-lower-tab-marke= r-color-active,var(--devsite-header-foreground-lower-active,var(--devsite-b= ackground-1))); } devsite-header cloudx-tabs-nav tab[overflow-tab] > a::after, devsite-header= devsite-tabs tab[overflow-tab] > a::after { display: none; } devsite-header devsite-tabs.upper-tabs tab[overflow-tab]::after { backgroun= d: var(--devsite-header-color-upper,var(--devsite-background-1)); } devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-overflow-menu, devs= ite-header devsite-tabs.upper-tabs .devsite-tabs-overflow-menu { border-top= : var(--devsite-header-border,0); } @media screen and (max-width: 840px) { [dir=3D"ltr"] devsite-header .devsite-header-upper-tabs { margin-left: 0p= x; } [dir=3D"rtl"] devsite-header .devsite-header-upper-tabs { margin-right: 0= px; } devsite-header devsite-tabs.lower-tabs, devsite-header devsite-tabs.upper= -tabs { display: none; } } [layout=3D"docs"] h2:not(.no-link), [layout=3D"docs"] h3:not(.no-link), [la= yout=3D"docs"] h4:not(.no-link), [layout=3D"docs"] h5:not(.no-link), [layou= t=3D"docs"] h6:not(.no-link), h1.add-link { margin-inline-end: -40px; paddi= ng-inline-end: 40px; } .devsite-heading-link.material-icons { color: var(--devsite-icon-color,var(= --devsite-secondary-text-color)); height: 24px; opacity: 0; } .devsite-heading-link.material-icons:focus, .devsite-heading-link.material-= icons:hover { color: var(--devsite-icon-color-hover,var(--devsite-link-colo= r)); cursor: pointer !important; } .devsite-landing-row-item-list h4 > .devsite-heading-link.material-icons, h= 1 > .devsite-heading-link.material-icons, h2 > .devsite-heading-link.materi= al-icons, h3 > .devsite-heading-link.material-icons { vertical-align: middl= e; } .devsite-landing-row-item-list h4 > .devsite-heading-link.material-icons, t= h > h2 > .devsite-heading-link.material-icons, th > h3 > .devsite-heading-l= ink.material-icons { margin: -4px 0px; } .devsite-heading-link.material-icons:focus, .devsite-heading-link.material-= icons:hover, :focus > .devsite-heading-link.material-icons, :hover > .devsi= te-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: 16px; } devsite-iframe iframe { height: 100%; width: 100%; } devsite-iframe iframe[src*=3D".frame"] { height: calc(100% + 32px); margin:= -16px; width: calc(100% + 32px); } devsite-info-popout:not(:defined) { visibility: hidden; } devsite-jump-to { display: block; opacity: 0; padding-bottom: 96px; pointer= -events: none; position: relative; transition: opacity 0.5s; margin: 40px 0= px 0px !important; } devsite-jump-to[visible] { opacity: 1; pointer-events: auto; } devsite-jump-to .devsite-jump-to-link { -webkit-box-align: center; align-it= ems: center; border-radius: 50%; box-shadow: 0 1px 2px 0 var(--devsite-elev= ation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation-ambient-shado= w-color); display: flex; font-size: 24px; height: 56px; -webkit-box-pack: c= enter; justify-content: center; overflow: hidden; position: absolute; trans= ition: background 0.2s, box-shadow 0.2s, color 0.2s; width: 56px; backgroun= d: var(--devsite-link-background,var(--devsite-link-color)) !important; col= or: var(--devsite-link-color,var(--devsite-inverted-text-color)) !important= ; } devsite-jump-to .devsite-jump-to-link:focus, devsite-jump-to .devsite-jump-= to-link:hover { text-decoration: none; background: var(--devsite-link-backg= round-hover,var(--devsite-background-1)) !important; color: var(--devsite-l= ink-color) !important; } devsite-jump-to .devsite-jump-to-link:active { box-shadow: 0 1px 2px 0 var(= --devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation= -ambient-shadow-color); } [dir=3D"ltr"] devsite-jump-to .devsite-jump-to-link { right: 0px; } [dir=3D"rtl"] devsite-jump-to .devsite-jump-to-link { left: 0px; } devsite-jump-to[pinned] .devsite-jump-to-link { bottom: 40px; box-shadow: 0= 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--de= vsite-elevation-ambient-shadow-color); position: fixed; } devsite-jump-to[pinned] .devsite-jump-to-link:active { box-shadow: 0 2px 3p= x 0 var(--devsite-elevation-key-shadow-color),0 6px 10px 4px var(--devsite-= elevation-ambient-shadow-color); } devsite-jump-to .devsite-jump-to-link::before { content: "arrow_upward"; fo= nt-style: normal; font-variant: normal; font-size-adjust: none; font-langua= ge-override: normal; font-kerning: auto; font-optical-sizing: auto; font-va= riation-settings: normal; font-weight: normal; font-stretch: normal; font-s= ize: 24px; line-height: 1; font-family: "Material Icons"; font-feature-sett= ings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimize= legibility; text-transform: none; overflow-wrap: normal; } @media screen and (max-width: 840px) { devsite-jump-to { padding-bottom: 80px; margin: 40px 0px 0px !important; = } devsite-jump-to[pinned] .devsite-jump-to-link { bottom: 24px; } } devsite-language-selector:not(:defined) ul, devsite-language-selector:not([= open]) ul { display: none; } devsite-language-selector ul { display: block; list-style: none; padding: 0= px; } devsite-language-selector li { font-size: 14px; margin: 0px; min-width: 100= %; } devsite-language-selector a { -webkit-box-align: center; align-items: cente= r; display: flex; min-height: 48px; min-width: 0px; overflow: hidden; paddi= ng-inline: 16px; text-overflow: ellipsis; white-space: nowrap; } devsite-language-selector a:is(:link, :visited) { color: var(--devsite-prim= ary-text-color); } devsite-language-selector a:is(:hover, :focus) { background-color: var(--de= vsite-background-3); text-decoration: none; } devsite-language-selector a[aria-current] { background-color: var(--devsite= -item-background-selected,var(--devsite-background-3)); font-weight: var(--= devsite-item-font-weight-selected,500); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-language-selector a[aria-current] { font-weight: 700; text-decora= tion: underline; } } .devsite-dialog-wrapper { -webkit-box-align: center; align-items: center; i= nset: 0px; display: flex; -webkit-box-pack: center; justify-content: center= ; pointer-events: none; position: fixed; z-index: 1014; } devsite-dialog { background: var(--devsite-background-1); border-radius: va= r(--devsite-border-radius,2px); color: var(--devsite-secondary-text-color);= box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8p= x 3px var(--devsite-elevation-ambient-shadow-color); font-size: 14px; line-= height: 20px; max-height: calc(-48px + 100vh); max-width: calc(-48px + 100v= w); pointer-events: all; overflow: auto; padding: var(--devsite-dialog-padd= ing,8px); width: 480px; } @media screen and (max-width: 840px) { devsite-dialog { max-height: calc(-32px + 100vh); max-width: calc(-32px += 100vw); } } devsite-dialog:not([open]) { display: none; } devsite-dialog .devsite-dialog-contents { color: var(--devsite-secondary-te= xt-color); overflow: hidden; padding: var(--devsite-dialog-contents-padding= ,16px); } devsite-dialog .devsite-dialog-close { cursor: pointer; } devsite-dialog .devsite-dialog-close:not(.button):not(button) { border-radi= us: 16px; height: 32px; width: 32px; display: flex; -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: center; justify-content: center;= } devsite-dialog .devsite-dialog-close:not(.button):not(button):hover { backg= round-color: rgb(241, 243, 244); } devsite-dialog .devsite-dialog-contents > p:first-child:last-child { margin= : 0px; } devsite-dialog h2, devsite-dialog h3 { color: var(--devsite-heading-color,i= nherit); } devsite-dialog h3 { font: var(--devsite-heading-font,400 20px/32px var(--de= vsite-primary-font-family)); margin: 0px 0px 20px; outline: 0px; text-align= : var(--devsite-heading-text-align,inherit); } devsite-dialog .devsite-dialog-buttons { display: flex; -webkit-box-pack: e= nd; justify-content: flex-end; padding: 4px 4px 0px; } devsite-lightbox { pointer-events: all; } devsite-lightbox:not([open]) { display: none; } devsite-lightbox .devsite-dialog-contents { padding: 0px; } devsite-lightbox .devsite-lightbox-icon-close { -webkit-box-align: center; = align-items: center; background: rgba(0, 0, 0, 0.5); border: 0px; border-ra= dius: 0px; cursor: pointer; display: flex; height: 40px; -webkit-box-pack: = center; justify-content: center; outline: 0px; padding: 0px; position: abso= lute; top: 0px; width: 40px; } [dir=3D"ltr"] devsite-lightbox .devsite-lightbox-icon-close { right: 0px; } [dir=3D"rtl"] devsite-lightbox .devsite-lightbox-icon-close { left: 0px; } devsite-lightbox .devsite-lightbox-icon-close:hover { background: rgba(255,= 255, 255, 0.3); } devsite-lightbox .devsite-lightbox-icon-close:active { box-shadow: none; } devsite-lightbox .devsite-lightbox-icon-close::after { font-style: normal; = font-variant: normal; font-size-adjust: none; font-language-override: norma= l; font-kerning: auto; font-optical-sizing: auto; font-variation-settings: = normal; font-weight: normal; font-stretch: normal; font-size: 24px; line-he= ight: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -web= kit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-t= ransform: none; overflow-wrap: normal; color: rgb(241, 241, 241); content: = "close"; transition: color 0.3s ease-in-out; } devsite-lightbox .devsite-lightbox-icon-close:focus::after, devsite-lightbo= x .devsite-lightbox-icon-close:hover::after { color: rgb(255, 255, 255); } .devsite-lightbox-image { cursor: pointer; outline: 0px; } .devsite-lightbox-image:focus { filter: brightness(75%); } .MathJax_SVG_Display { overflow-x: auto; } @media screen and (max-width: 600px) { .MathJax_SVG_Display { padding: 0px 16px 16px; margin: 1em -16px !importa= nt; width: calc(100% + 32px) !important; } } devsite-multiple-choice { background-color: var(--devsite-multiple-choice-b= ackground); border: var(--devsite-multiple-choice-border); border-radius: v= ar(--devsite-multiple-choice-border-radius); display: block; margin: 16px 0= px; overflow: var(--devsite-multiple-choice-overflow); visibility: hidden != important; } devsite-multiple-choice[ready] { visibility: visible !important; } devsite-multiple-choice .devsite-multiple-choice-question { background-colo= r: var(--devsite-multiple-choice-question-background); color: var(--devsite= -multiple-choice-question-color); font: var(--devsite-table-heading-font,50= 0 16px/24px var(--devsite-primary-font-family)); padding: 16px 24px; } devsite-multiple-choice .devsite-multiple-choice-answer { border-bottom: va= r(--devsite-multiple-choice-answer-border-bottom); border-top: var(--devsit= e-multiple-choice-answer-border-top); } devsite-multiple-choice .devsite-multiple-choice-answer, devsite-multiple-c= hoice .devsite-multiple-choice-answer:focus, devsite-multiple-choice .devsi= te-multiple-choice-answer:hover { outline: 0px; } devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):focu= s, devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):h= over { color: var(--devsite-link-color); cursor: pointer; } devsite-multiple-choice .devsite-multiple-choice-option { padding: 16px 72p= x 16px 24px; position: relative; } devsite-multiple-choice .devsite-multiple-choice-option::after { content: "= expand_more"; font-style: normal; font-variant: normal; font-size-adjust: n= one; font-language-override: normal; font-kerning: auto; font-optical-sizin= g: auto; font-variation-settings: normal; font-weight: normal; font-stretch= : normal; font-size: 24px; line-height: 1; font-family: "Material Icons"; f= ont-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-ren= dering: optimizelegibility; text-transform: none; overflow-wrap: normal; he= ight: 100%; position: absolute; right: 24px; top: calc(50% - 12px); } devsite-multiple-choice [correct] { background-color: var(--devsite-multipl= e-choice-correct-background); } devsite-multiple-choice [incorrect] { background-color: var(--devsite-multi= ple-choice-incorrect-background); } devsite-multiple-choice [correct] .devsite-multiple-choice-option::after { = color: var(--devsite-multiple-choice-correct-color); content: "check"; } devsite-multiple-choice [incorrect] .devsite-multiple-choice-option::after = { color: var(--devsite-multiple-choice-incorrect-color); content: "not_inte= rested"; } devsite-multiple-choice .devsite-multiple-choice-explanation { font-size: 1= 4px; padding: 0px 24px 16px; } devsite-multiple-choice .devsite-multiple-choice-explanation-correctness { = font-weight: 500; margin-top: 16px; } devsite-multiple-choice [correct] .devsite-multiple-choice-explanation-corr= ectness { color: var(--devsite-multiple-choice-correct-color); } devsite-multiple-choice [incorrect] .devsite-multiple-choice-explanation-co= rrectness { color: var(--devsite-multiple-choice-incorrect-color); } devsite-my-community { font-size: 16px; } devsite-my-community .devsite-my-community-feature-not-available { text-ali= gn: center; margin: 50px 0px; } devsite-my-community .waiting-container { margin: auto; } devsite-my-community .devsite-my-community-card { margin-bottom: 24px; heig= ht: unset; } devsite-my-community .devsite-my-community-header { padding: 24px; border-b= ottom: var(--devsite-card-border); display: flex; -webkit-box-align: center= ; align-items: center; } devsite-my-community .devsite-my-community-icon { max-width: 66px; max-heig= ht: 66px; margin-inline-end: 18px; } devsite-my-community .devsite-my-community-title-container { display: flex;= -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directio= n: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-p= ack: center; justify-content: center; } devsite-my-community .devsite-my-community-title { font-style: ; font-varia= nt-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-e= ast-asian: ; font-variant-alternates: ; font-variant-position: ; font-varia= nt-emoji: ; font-stretch: ; font-family: ; font-optical-sizing: ; font-size= -adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings= : ; font-language-override: ; font-weight: 400; font-size: 28px; line-heigh= t: 36px; color: var(--devsite-heading-color,var(--devsite-secondary-text-co= lor)); } devsite-my-community .devsite-my-community-member-chip { font-family: Robot= o; font-weight: 500; font-size: 14px; line-height: 20px; -webkit-box-align:= center; align-items: center; color: var(--devsite-success-notice-color); b= ackground-color: var(--devsite-success-notice-background); padding: 1px 8px= ; margin-block-start: 7px; } devsite-my-community .devsite-my-community-description { padding: 0px 24px = 20px; white-space: pre-line; } devsite-my-community .devsite-my-community-button-container { padding: 0px = 24px 24px; } devsite-my-community .devsite-my-community-button-container button.button {= margin: 6px 6px 0px 0px; } devsite-my-community .devsite-my-community-button-container devsite-spinner= { display: inline-block; margin-left: 24px; position: absolute; } devsite-my-community .devsite-my-community-details-container { display: fle= x; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direct= ion: column; transition: border-color, max-height, 0.5s ease-out; border-to= p: 1px solid transparent; margin-top: 4px; max-height: 0px; } devsite-my-community .devsite-my-community-details-container[opened] { bord= er-top: var(--devsite-card-border); transition: border-color, max-height, 0= .5s ease-in; max-height: 3000px; } devsite-my-community .devsite-my-community-missing-info-warning, devsite-my= -community .devsite-my-community-profile-not-allowed { gap: 10px; color: va= r(--devsite-caution-notice-color); background-color: var(--devsite-caution-= notice-background); padding: 9px 24px; font-size: 14px; display: flex; marg= in-block: 3px 24px; } devsite-my-community .devsite-my-community-missing-info-warning .material-s= ymbols-outlined, devsite-my-community .devsite-my-community-profile-not-all= owed .material-symbols-outlined { font-variation-settings: "FILL" 1, "wght"= 400, "GRAD" 0, "opsz" 48; } devsite-my-community .devsite-my-community-no-profile-info { color: var(--d= evsite-note-notice-color); background-color: var(--devsite-note-notice-back= ground); padding: 9px 24px; font-size: 14px; display: flex; margin-block-en= d: 24px; } devsite-my-community .devsite-my-community-no-profile-info .material-symbol= s-outlined { margin-inline-end: 10px; } devsite-my-community .devsite-my-community-profile-attributes-title { font-= size: 18px; margin: 0px 24px 9px; font-family: var(--devsite-headline-font-= family); } devsite-my-community .devsite-my-community-legal-title { font-size: 18px; m= argin: 0px 0px 16px; font-family: var(--devsite-headline-font-family); } devsite-my-community .devsite-my-community-profile-attributes { display: gr= id; grid: auto / calc(50% - 12px) calc(50% - 12px); margin: 0px 24px 18px; = gap: 24px; font-size: 18px; } devsite-my-community .devsite-my-community-profile-attributes-text { margin= : 0px; font-size: 16px; grid-column: 1 / 3; } devsite-my-community .devsite-my-community-error-incorrect, devsite-my-comm= unity .devsite-my-community-error-missing { display: none; color: rgb(229, = 57, 53); font-size: 12px; margin: 2px 0px 0px 14px; } devsite-my-community .devsite-my-community-legal-container { margin: 0px 24= px 24px; } devsite-my-community .devsite-my-community-legal-container[missing] .devsit= e-my-community-error-missing { display: inline-block; } devsite-my-community .devsite-my-community-legal-container[missing] .devsit= e-my-community-legal-copy { border: 2px solid rgb(229, 57, 53); } devsite-my-community .devsite-my-community-profile-attribute-input { displa= y: block; position: relative; min-height: 86px; } devsite-my-community .devsite-my-community-profile-attribute-input[incorrec= t] .devsite-my-community-error-incorrect, devsite-my-community .devsite-my-= community-profile-attribute-input[missing] .devsite-my-community-error-miss= ing { display: inline-block; } devsite-my-community .devsite-my-community-email-preference { padding: 0px = 24px 24px; } devsite-my-community .devsite-my-community-email-pref-input { margin-top: 8= px; } devsite-my-community .devsite-my-community-profile-title { margin: 24px 24p= x 16px; font-size: 18px; font-family: var(--devsite-headline-font-family); = } devsite-my-community .devsite-my-community-profile-text { margin: 0px 24px = 16px; } devsite-my-community .devsite-my-community-private-explanation { margin: 0p= x 24px 24px; } devsite-my-community .devsite-my-community-private-explanation span { color= : var(--devsite-secondary-text-color); font-size: 12px; font-weight: 500; d= isplay: inline-flex; vertical-align: bottom; line-height: 23px; } devsite-my-community .devsite-my-community-private-explanation span::before= { content: "lock"; font-family: "Material Symbols Outlined"; font-size: 12= px; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48; mar= gin-inline-end: 3px; } devsite-my-community .devsite-my-community-private-chip { color: var(--devs= ite-secondary-text-color); font-size: 12px; font-weight: 500; margin: 2px 0= px 0px 14px; display: inline-block; } devsite-my-community .devsite-my-community-private-chip .material-symbols-o= utlined { font-size: 12px; font-variation-settings: "FILL" 0, "wght" 400, "= GRAD" 0, "opsz" 48; top: 2px; position: relative; } devsite-my-community .devsite-my-community-legal-copy { padding: 16px; font= -size: 14px; background-color: var(--devsite-background-3); display: flex; = } devsite-my-community .devsite-my-community-legal-copy input { background-co= lor: transparent; margin-block-start: 5px; margin-inline-end: 11px; } .devsite-my-community-leave-title { font-family: "Google Sans"; font-weight= : 500; font-size: 18px; line-height: 24px; color: var(--devsite-heading-col= or,var(--devsite-secondary-text-color)); margin-bottom: 16px; } .devsite-my-community-leave-buttons { margin-top: 24px; } devsite-my-community.devsite-my-community-small .devsite-my-community-title= { font-size: 22px; } devsite-my-community.devsite-my-community-small .devsite-my-community-profi= le-attributes { grid: auto / auto; } devsite-my-community.devsite-my-community-small .devsite-my-community-profi= le-attributes-text { grid-column: 1 / 2; } devsite-nav-buttons { display: block; } devsite-nav-buttons button { -webkit-box-align: center; align-items: center= ; border: var(--devsite-button-border); box-shadow: none; display: inline-f= lex; font-weight: 500; text-transform: none; } devsite-nav-buttons button, devsite-nav-buttons button:focus, devsite-nav-b= uttons button:hover { color: var(--devsite-button-color); } devsite-nav-buttons button:focus, devsite-nav-buttons button:hover { backgr= ound: var(--devsite-button-background-hover); border: var(--devsite-button-= border-hover); } devsite-nav-buttons button, devsite-nav-buttons button[class^=3D"button-"] = { border-radius: 16px; height: 32px; line-height: 30px; padding: var(--devs= ite-button-padding,0 12px); } devsite-nav-buttons button[class^=3D"button-"][selected], devsite-nav-butto= ns button[selected] { border: var(--devsite-button-border-selected); paddin= g-left: 8px; } devsite-nav-buttons button[class^=3D"button-"], devsite-nav-buttons button[= class^=3D"button-"][selected] { border: 0px; } devsite-nav-buttons button[selected] { background: var(--devsite-button-bac= kground-selected); color: var(--devsite-button-color-selected); } devsite-nav-buttons button.button-white[selected] { background: var(--devsi= te-button-white-background-selected,var(--devsite-link-color)); color: var(= --devsite-button-white-color-selected,var(--devsite-inverted-text-color)); = } devsite-nav-buttons button.button-primary[selected] { background: var(--dev= site-button-primary-background-selected); color: var(--devsite-button-prima= ry-color-selected,var(--devsite-inverted-text-color)); } devsite-nav-buttons button[selected]::before { font-style: normal; font-var= iant: normal; font-size-adjust: none; font-language-override: normal; font-= kerning: auto; font-optical-sizing: auto; font-variation-settings: normal; = font-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1;= font-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font= -smoothing: antialiased; text-rendering: optimizelegibility; text-transform= : none; overflow-wrap: normal; content: "checked"; margin-right: 8px; width= : 24px; } devsite-pagination { display: block; font: var(--devsite-pagination-font,in= herit); letter-spacing: var(--devsite-pagination-letter-spacing,normal); } devsite-pagination[buttons], devsite-pagination[initial-results] { -webkit-= box-align: center; align-items: center; display: flex; -webkit-box-pack: ce= nter; justify-content: center; } devsite-pagination button[hidden] { display: none; } devsite-pagination .devsite-pagination-page-numbers-controls { -webkit-box-= align: stretch; align-items: stretch; display: flex; } devsite-pagination .devsite-pagination-next-button, devsite-pagination .dev= site-pagination-previous-button { border: 0px; } devsite-pagination .devsite-pagination-next-button:not([disabled]), devsite= -pagination .devsite-pagination-previous-button:not([disabled]) { border: 0= px; color: var(--devsite-secondary-text-color); } devsite-pagination .devsite-pagination-previous-button::before { content: "= chevron_left"; } devsite-pagination .devsite-pagination-next-button::before { content: "chev= ron_right"; } devsite-pagination .devsite-pagination-page-numbers { -webkit-box-align: ce= nter; align-items: center; display: flex; } devsite-pagination .devsite-pagination-ellipsis, devsite-pagination a { mar= gin: var(--devsite-pagination-link-margin,0 7px); } devsite-pagination a[selected] { text-decoration: underline; } devsite-pagination .devsite-pagination-ellipsis { align-self: flex-start; p= adding-top: 1px; } [dir] devsite-pagination .button, [dir] devsite-pagination .button + .butto= n { margin-left: 10px; margin-right: 10px; } devsite-panel { bottom: 0px; display: block; height: var(--devsite-panel-he= ight,auto); left: 0px; max-height: var(--devsite-panel-max-height,50vh); ov= erflow: auto; position: fixed; right: 0px; z-index: 1017; } devsite-panel[always-on-top] { z-index: 1005; } devsite-panel[devsite-size=3D"content-area"] { background-color: var(--devs= ite-background-1); } devsite-playlist { display: block; margin-bottom: 48px; } devsite-playlist .devsite-playlist--inner { margin: 0px auto; max-width: va= r(--devsite-playlist-max-width); padding: 0 var(--devsite-playlist-padding-= x); } devsite-playlist .devsite-playlist--header { background-color: rgb(19, 48, = 65); } devsite-playlist .devsite-playlist--header .devsite-playlist--inner { paddi= ng-bottom: 24px; } devsite-playlist .devsite-playlist--header-details { display: flex; -webkit= -box-pack: justify; justify-content: space-between; } devsite-playlist .devsite-playlist--header-badge-info, devsite-playlist .de= vsite-playlist--header-details-info { color: rgb(255, 255, 255); padding-to= p: 40px; width: calc(50% - 20px); } devsite-playlist .devsite-playlist--header-badge-info { -webkit-box-align: = center; align-items: center; display: flex; -webkit-box-pack: center; justi= fy-content: center; position: relative; } devsite-playlist .devsite-playlist--header-badge-info--bg { background: url= ("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835a= a6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/imag= es/playlist_header.svg") 0px -20px / cover no-repeat; content: ""; height: = 213px; left: 0px; position: absolute; top: 0px; width: 510px; } devsite-playlist .devsite-playlist--header-badge-info--container { place-se= lf: center; position: relative; } devsite-playlist .devsite-playlist-badge-details-icon, devsite-playlist .de= vsite-playlist-badge-details-icon-container { -webkit-box-align: center; al= ign-items: center; display: flex; -webkit-box-pack: center; justify-content= : center; } devsite-playlist .devsite-playlist-badge-details-icon-container-signin-enab= led.devsite-playlist-badge-details-icon-container { margin-bottom: -48px; p= osition: relative; z-index: 1; } devsite-playlist .devsite-playlist-badge-details-icon { background: var(--d= evsite-background-1); border-radius: 50%; height: 135px; padding: 7px; posi= tion: relative; width: 135px; } devsite-playlist .devsite-playlist-badge-details-icon-container-signin-enab= led .devsite-playlist-badge-details-icon { transform: translate3d(0px, -44p= x, 0px); transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-tra= nsform 0.2s cubic-bezier(0, 0, 0.2, 1); } devsite-playlist .devsite-playlist--progress-bar--outer, devsite-playlist .= devsite-playlist--progress-text, devsite-playlist .devsite-playlist-badge-d= etails-action, devsite-playlist .devsite-playlist-badge-details-icon img, d= evsite-playlist .devsite-playlist-badge-details-subtext { opacity: 1; posit= ion: relative; transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transfo= rm 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4= , 0, 1, 1); z-index: 2; } devsite-playlist .devsite-playlist-badge-details-icon img { animation: 0.33= s cubic-bezier(0.75, 0, 0.71, 0.97) 0s 1 normal none running badgeGrowIn, 0= .17s cubic-bezier(0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none running badg= eGrowOut, 0.5s linear 0s 1 normal none running badgeFadeIn; opacity: 1; tra= nsform: scale(1); } devsite-playlist .devsite-playlist-badge-sharing { -webkit-box-align: cente= r; align-items: center; border-top: var(--devsite-secondary-border); displa= y: flex; -webkit-box-pack: justify; justify-content: space-between; margin:= 12px -16px -16px; padding: 8px 0px; padding-inline-start: 12px; } devsite-playlist .devsite-playlist-share-buttons { -webkit-box-align: cente= r; align-items: center; display: flex; -webkit-box-pack: center; justify-co= ntent: center; } devsite-playlist .devsite-playlist-badge-sharing span { color: var(--devsit= e-secondary-text-color); font-size: 14px; line-height: 1; } devsite-playlist .devsite-playlist-badge-sharing img { width: 18px; } devsite-playlist .devsite-playlist-badge-sharing button { -webkit-box-align= : center; align-items: center; border: 0px; box-shadow: none; display: flex= ; height: auto; -webkit-box-pack: center; justify-content: center; min-widt= h: 0px; padding: 4px; } devsite-playlist .devsite-playlist-badge-sharing button:focus, devsite-play= list .devsite-playlist-badge-sharing button:hover { background: none; } devsite-playlist .devsite-playlist-badge-sharing button + button { margin: = 0px 8px; } devsite-playlist .devsite-playlist-badge-details-icon img { position: stati= c; } devsite-playlist .devsite-playlist-badge-details-icon devsite-spinner { opa= city: 0; position: absolute; transition: opacity 0.2s cubic-bezier(0.4, 0, = 1, 1); } devsite-playlist .devsite-playlist--progress-text { color: var(--devsite-pr= imary-text-color); font-size: 16px; font-weight: 500; line-height: 20px; te= xt-align: center; } devsite-playlist .devsite-playlist--progress-bar { transition: opacity 0.2s= cubic-bezier(0.4, 0, 1, 1); } devsite-playlist .devsite-playlist--progress-bar.hide { opacity: 0; } devsite-playlist .devsite-playlist--progress-bar--outer { background: var(-= -devsite-link-background-active); border-radius: 24px; height: 10px; margin= : 14px 0px 0px; position: relative; } devsite-playlist .devsite-playlist--progress-bar--inner { background: var(-= -devsite-link-color); border-radius: 24px; display: inline-block; height: 1= 00%; position: absolute; transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);= white-space: nowrap; width: 0px; } devsite-playlist .devsite-playlist-badge-details-action, devsite-playlist .= devsite-playlist-badge-details-subtext { font-size: 14px; line-height: 16px= ; text-align: center; } devsite-playlist .devsite-playlist-badge-details-subtext { color: var(--dev= site-secondary-text-color); padding: 28px 0px 0px; } devsite-playlist .devsite-playlist-badge-details-action { font-weight: 700;= padding: 4px 0px 0px; } devsite-playlist .no-badge .devsite-playlist-badge-details-icon-container {= display: none; } devsite-playlist .badge-earned .devsite-playlist-badge-details-subtext { pa= dding: 0px 0px 12px; } devsite-playlist .not-eligible .devsite-playlist--progress-bar, devsite-pla= ylist .not-eligible .devsite-playlist--progress-text { display: none; } devsite-playlist .not-eligible.no-badge .devsite-playlist-badge-details-sub= text { padding-top: 0px; } devsite-playlist .loading { pointer-events: none; } devsite-playlist .loading .devsite-playlist-badge-details-icon-container { = inset: 0px; margin-bottom: 0px; position: absolute; } devsite-playlist .loading .devsite-playlist-badge-details-icon { background= : 0px center; transform: translateZ(0px); } devsite-playlist .loading .devsite-playlist--progress-bar--outer, devsite-p= laylist .loading .devsite-playlist--progress-text, devsite-playlist .loadin= g .devsite-playlist-badge-details-action, devsite-playlist .loading .devsit= e-playlist-badge-details-subtext { opacity: 0; } devsite-playlist .loading .devsite-playlist-badge-details-icon img { opacit= y: 0; position: absolute; } devsite-playlist .loading .devsite-playlist-badge-details-icon devsite-spin= ner { opacity: 1; } devsite-playlist .devsite-playlist--header h1:first-of-type { color: rgb(25= 5, 255, 255); font: var(--devsite-h1-font); } devsite-playlist .devsite-playlist-details { color: var(--devsite-secondary= -text-color); font-size: 12px; line-height: 16px; } devsite-playlist .devsite-playlist--header p { line-height: 24px; margin: 2= 2px 0px; padding: 0px; } devsite-playlist .devsite-playlist-return-button { margin-top: 24px; } devsite-playlist .devsite-playlist-summary { display: flex; font: normal 70= 0 12px/24px var(--devsite-primary-font-family); } devsite-playlist .devsite-playlist-badge-details { background: var(--devsit= e-background-1); border-radius: 8px; height: auto; max-width: 213px; paddin= g: 16px; width: 100%; min-width: 64px; min-height: 64px; } devsite-playlist .profile-notification { -webkit-box-align: center; align-i= tems: center; display: flex; -webkit-box-pack: center; justify-content: cen= ter; } devsite-playlist .profile-notification--inner { box-shadow: 0 1px 2px 0 var= (--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevatio= n-ambient-shadow-color); border-radius: 4px; color: var(--devsite-secondary= -text-color); margin: 0px auto; padding: 16px; } devsite-playlist .devsite-playlist--section { padding: 24px 0px; position: = relative; } devsite-playlist .devsite-playlist--section .arrow--up, devsite-playlist[no= t-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: flex; } devsite-playlist .devsite-playlist--item-top::before { background: var(--de= vsite-background-5); content: ""; display: block; height: 0px; margin-inlin= e-start: 15px; margin-top: 2px; position: absolute; top: 54px; transition: = height 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 1= , 1); width: 1px; z-index: 1; } devsite-playlist .devsite-playlist--item-top-index { -webkit-box-flex: 0; f= lex: 0 0 0%; position: relative; width: 30px; } devsite-playlist .devsite-playlist--item-top-index span { -webkit-box-align= : center; align-items: center; background: var(--devsite-primary-text-color= ); border-radius: 50%; color: var(--devsite-inverted-text-color); display: = flex; height: 30px; -webkit-box-pack: center; justify-content: center; marg= in-top: 2px; opacity: 1; width: 30px; } devsite-playlist .devsite-playlist--item-top-index i { color: var(--devsite= -playlist-icon-color); font-size: 36px; height: 36px; left: -3px; opacity: = 0; position: absolute; top: -1px; transform: rotate(45deg); width: 36px; } devsite-playlist .devsite-playlist--item-top-index devsite-spinner { opacit= y: 0; position: absolute; top: 2px; } devsite-playlist .devsite-playlist--item-top-index devsite-spinner, devsite= -playlist .devsite-playlist--item-top-index i, devsite-playlist .devsite-pl= aylist--item-top-index span { transition: background 0.2s cubic-bezier(0.4,= 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 1, 1); } devsite-playlist .devsite-playlist--item-top-controls { width: 32px; } devsite-playlist .devsite-playlist--item-top-controls button { box-shadow: = 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--d= evsite-elevation-ambient-shadow-color); -webkit-box-align: center; align-it= ems: center; border-radius: 50%; color: var(--devsite-playlist-button-color= ,var(--devsite-primary-text-color)); display: flex; height: 32px; -webkit-b= ox-pack: center; justify-content: center; min-width: 0px; padding: 0px; wid= th: 32px; } devsite-playlist .devsite-playlist--item-top-controls button:focus, devsite= -playlist .devsite-playlist--item-top-controls button:hover { color: var(--= devsite-playlist-button-color-hover); } devsite-playlist .devsite-playlist--item-top-controls button:active { color= : var(--devsite-playlist-button-color-active); } devsite-playlist .devsite-playlist--item-top-controls button .material-icon= s { cursor: pointer; font-size: 24px; height: 24px; margin: 0px; position: = static; top: auto; width: 24px; } devsite-playlist .devsite-playlist--item-top-title { cursor: pointer; -webk= it-box-flex: 1; flex: 1 1 0%; padding: 0px 18px; } devsite-playlist .devsite-playlist--item-top-title h2 { font-size: 28px; li= ne-height: 36px; margin: 0px; padding: 0px; } devsite-playlist .devsite-playlist--item--content, devsite-playlist .devsit= e-playlist--item--meta { padding: 0px 48px; } devsite-playlist .devsite-playlist--item--meta { -webkit-box-align: center;= align-items: center; color: var(--devsite-secondary-text-color); display: = flex; font-size: 12px; line-height: 16px; margin: 4px 0px; } devsite-playlist .devsite-playlist--item--meta em { padding-inline-start: 1= 6px; } devsite-playlist .devsite-playlist--item--meta .material-icons { font-size:= 18px; height: 18px; margin-inline-end: 4px; width: 18px; } devsite-playlist .devsite-playlist--item--actions, devsite-playlist .devsit= e-playlist--item--content { display: none; } devsite-playlist .devsite-playlist--item--actions { -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: end; justify-content: flex-end; = padding: 8px 0px 32px; padding-inline-start: 48px; } devsite-playlist [ready] .devsite-playlist--item-top::before { height: calc= (100% - 30px); } devsite-playlist [expanded] { background: url("/web/20230130224947im_/https= ://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cf= e5cc51e31c466c45c27dbcd2bcca1/developers/images/playlist_active.svg") cente= r top repeat-x rgb(245, 245, 247); } devsite-playlist [expanded] .arrow--down { display: none; } devsite-playlist [expanded] .arrow--up { display: block; } devsite-playlist [expanded] .devsite-playlist--item-top-index span { backgr= ound: var(--devsite-link-color); } devsite-playlist [expanded] .devsite-playlist--item--content { display: blo= ck; } devsite-playlist [expanded] .devsite-playlist--item--actions { display: fle= x; } devsite-playlist [type=3D"game"] .devsite-playlist--item--content, devsite-= playlist [type=3D"video"] .devsite-playlist--item--content { padding: 12px = 48px; } devsite-playlist [completing] devsite-spinner { opacity: 1; } devsite-playlist [completed] .devsite-playlist--item-top-index span { opaci= ty: 0; } devsite-playlist [completed] .devsite-playlist--item-top-index i { opacity:= 1; transform: rotate(0deg); } devsite-playlist [completed] .playlist-skip { display: none; } devsite-playlist [completed][expanded] .devsite-playlist--item-top-index i = { background-color: rgba(230, 240, 255, 0.24); } devsite-playlist [last] .devsite-playlist--item-top::before { display: none= ; } devsite-playlist .devsite-playlist--section-quiz { border: var(--devsite-pr= imary-border); border-radius: 4px; padding: 24px; } devsite-playlist .devsite-playlist--section-quiz h2 { margin: 0px; padding:= 0px; } devsite-playlist .devsite-playlist--section-project-header { -webkit-box-al= ign: start; align-items: start; display: flex; -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; gap: 0px 8px; } devsite-playlist .devsite-playlist--project--status { background: var(--dev= site-background-3); border-radius: 4px; font: 500 11px/16px var(--devsite-p= rimary-font-family); letter-spacing: 0.8px; padding-block: 4px; padding-inl= ine: 8px; text-transform: uppercase; } devsite-playlist .devsite-playlist--footer, devsite-playlist .devsite-playl= ist--section-quiz .devsite-playlist--item--actions { display: flex; } devsite-playlist .devsite-playlist--footer { -webkit-box-pack: center; just= ify-content: center; margin-top: 20px; padding: 4px 0px; } .devsite-playlist-dialog { box-shadow: 0 1px 3px 0 var(--devsite-elevation-= key-shadow-color),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-colo= r); background: var(--devsite-background-1); border-radius: 8px; padding: 2= 4px; position: relative; } .devsite-playlist-dialog .devsite-playlist-dialog-spinner { -webkit-box-ali= gn: center; align-items: center; background: var(--devsite-background-1); i= nset: 0px; display: none; -webkit-box-pack: center; justify-content: center= ; position: absolute; z-index: 100; } .devsite-playlist-dialog.loading .devsite-playlist-dialog-spinner { display= : flex; } .devsite-playlist-dialog .devsite-playlist-dialog-inner { color: var(--devs= ite-secondary-text-color); position: relative; } .devsite-playlist-dialog .devsite-playlist-dialog-inner h4 { font-family: v= ar(--devsite-headline-font-family); font-size: 16px; line-height: 24px; mar= gin: 0px 0px 16px; } .devsite-playlist-dialog .devsite-playlist-dialog-inner label { font-size: = 14px; line-height: 22px; } .devsite-playlist-dialog .devsite-playlist-dialog-inner p { color: var(--de= vsite-secondary-text-color); font-size: 12px; line-height: 16px; } @media screen and (max-width: 600px) { devsite-playlist .devsite-playlist--header-details { -webkit-box-align: c= enter; align-items: center; -webkit-box-orient: vertical; -webkit-box-direc= tion: normal; flex-direction: column; } devsite-playlist .devsite-playlist--header-badge-info, devsite-playlist .= devsite-playlist--header-details-info { width: 100%; } devsite-playlist .devsite-playlist--header-badge-info--bg { background-po= sition: 0px center; top: 84px; } } devsite-playlist-earnable-badges { display: block; } devsite-playlist-earnable-badges.loading { position: relative; } devsite-playlist-earnable-badges .spinner-container { position: absolute; i= nset: 0px; display: flex; -webkit-box-align: center; align-items: center; -= webkit-box-pack: center; justify-content: center; } devsite-playlist-summary { display: block; } devsite-playlist-summary.loading { position: relative; } devsite-playlist-summary .progress-container { position: absolute; top: 0px= ; right: 0px; left: 0px; z-index: 1000; } devsite-playlist-summary .devsite-playlist-summary-image.hide, devsite-play= list-summary .devsite-playlist-summary-info.hide { opacity: 0; transform: t= ranslateY(12px); transition: transform 0.213s cubic-bezier(0.4, 0, 1, 1), o= pacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-be= zier(0.4, 0, 1, 1); } devsite-playlist-summary .devsite-playlist-summary-image, devsite-playlist-= summary .devsite-playlist-summary-info { opacity: 1; transform: translateY(= 0px); transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), opacity 0.21= 3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, = 0.2, 1); } devsite-playlist-summary .devsite-playlist-summary-progress-background { ov= erflow: hidden; } devsite-playlist-summary.not-signed-in .devsite-playlist-summary-progress-b= ackground { margin-right: 0px; } devsite-playlist-summary.not-signed-in .devsite-playlist-summary-progress-b= ar-value { display: none; } devsite-playlist-summary .devsite-playlist-summary-progress-bar { transform= : translateX(-101%); transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1= ), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1); } devsite-playlist-summary .devsite-playlist-summary-progress-bar-value:empty= ::before, devsite-playlist-summary .devsite-playlist-summary-status:empty::= before { content: "=C2=A0"; } devsite-product-catalog .devsite-product-catalog-alphabet { border-bottom: = var(--devsite-primary-border); border-top: var(--devsite-primary-border); c= olor: var(--devsite-secondary-text-color); display: flex; font-size: 20px; = -webkit-box-pack: justify; justify-content: space-between; padding: 16px 0p= x; } devsite-product-catalog .devsite-product-catalog-alphabet-link, devsite-pro= duct-catalog .devsite-product-catalog-alphabet-link-disabled { display: fle= x; -webkit-box-flex: 1; flex: 1 1 auto; padding: 10px 0px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter:not(:last-= child) { border-bottom: var(--devsite-primary-border); } devsite-product-catalog .devsite-product-catalog-alphabet-letter-heading { = margin: 20px 0px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list { col= umn-count: 3; column-gap: 40px; list-style: none; margin: 0px 0px 40px; pad= ding: 0px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list-item = { break-inside: avoid; margin: 0px 0px 16px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-link { dis= play: block; padding: 8px 0px; } devsite-product-catalog .devsite-product-catalog-item-name { margin: 0px; } devsite-product-catalog devsite-filter:not(:first-of-type) { border-top: va= r(--devsite-primary-border); } devsite-product-catalog .devsite-filter-input + .devsite-product-catalog-al= phabet { margin-top: 32px; } devsite-product-catalog .devsite-filter-input:valid + .devsite-product-cata= log-alphabet { display: none; } @media screen and (max-width: 840px) { devsite-product-catalog .devsite-product-catalog-alphabet { flex-wrap: wr= ap; -webkit-box-pack: start; justify-content: flex-start; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list { c= olumn-count: 2; } devsite-product-catalog .devsite-product-catalog-alphabet-link, devsite-p= roduct-catalog .devsite-product-catalog-alphabet-link-disabled { display: b= lock; -webkit-box-flex: 0; flex: 0 0 44px; text-align: center; } } @media screen and (max-width: 600px) { devsite-product-catalog .devsite-product-catalog-alphabet { padding: 0px = 0px 20px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list { c= olumn-count: 1; } } devsite-progress { pointer-events: none; transform-origin: 50% 0px; transfo= rm: scaleY(0); transition: transform 0.2s, -webkit-transform 0.2s; } devsite-progress[type=3D"indeterminate"] { height: 2px; transform: scaleY(1= ); contain: size layout style paint; } devsite-progress .devsite-progress--indeterminate { position: relative; hei= ght: 2px; } devsite-progress .devsite-progress--indeterminate-1, devsite-progress .devs= ite-progress--indeterminate-2, devsite-progress .devsite-progress--indeterm= inate-3, devsite-progress .devsite-progress--indeterminate-4 { inset: 0px; = position: absolute; transform-origin: 0px 0px; transform: scaleX(0); } devsite-progress .devsite-progress--indeterminate-1 { animation: 2.5s linea= r 0s infinite normal none running progress-indeterminate-1; background: var= (--devsite-progress-background-1,var(--devsite-background-1)); z-index: 1; = } devsite-progress .devsite-progress--indeterminate-2 { animation: 2.5s ease-= in 0s infinite normal none running progress-indeterminate-2; background: va= r(--devsite-progress-background-2,var(--devsite-background-1)); z-index: 2;= } devsite-progress .devsite-progress--indeterminate-3 { animation: 2.5s ease-= out 0s infinite normal none running progress-indeterminate-3; background: v= ar(--devsite-progress-background-3,var(--devsite-background-1)); z-index: 3= ; } devsite-progress .devsite-progress--indeterminate-4 { animation: 2.5s ease-= out 0s infinite normal none running progress-indeterminate-4; background: v= ar(--devsite-progress-background-4,var(--devsite-background-1)); z-index: 4= ; } @-webkit-keyframes progress-indeterminate-1 {=20 0% { transform: scaleX(0); } 50%, 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-1 {=20 0% { transform: scaleX(0); } 50%, 100% { transform: scaleX(1); } } @-webkit-keyframes progress-indeterminate-2 {=20 0%, 20% { transform: scaleX(0); } 70%, 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-2 {=20 0%, 20% { transform: scaleX(0); } 70%, 100% { transform: scaleX(1); } } @-webkit-keyframes progress-indeterminate-3 {=20 0%, 60% { transform: scaleX(0); } 90%, 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-3 {=20 0%, 60% { transform: scaleX(0); } 90%, 100% { transform: scaleX(1); } } @-webkit-keyframes progress-indeterminate-4 {=20 0%, 75% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-4 {=20 0%, 75% { transform: scaleX(0); } 100% { transform: scaleX(1); } } devsite-quiz { display: block; font-size: 14px; } devsite-quiz input[type=3D"checkbox"], devsite-quiz input[type=3D"radio"] {= margin-top: 0px; position: relative; top: 3px; } devsite-quiz devsite-bookmark input.bookmark-checkbox { top: 0px; } devsite-quiz input + label { font-size: 14px; vertical-align: middle; } devsite-quiz devsite-select .devsite-select-toggle { min-width: 200px; } devsite-quiz [answered] .variant-success:checked { color: var(--devsite-qui= z-correct-color); } devsite-quiz [answered] .variant-success:checked:focus::before { background= : var(--devsite-quiz-correct-background); } devsite-quiz [answered] input[type=3D"text"].variant-success { background-c= olor: var(--devsite-quiz-correct-background); border-color: var(--devsite-q= uiz-correct-border-color); } devsite-quiz [answered] input[type=3D"text"]:focus.variant-success { border= -bottom-color: var(--devsite-quiz-correct-border-color-focus); } devsite-quiz [answered] .variant-error:checked { color: var(--devsite-quiz-= error-color); } devsite-quiz [answered] .variant-error:checked:focus::before { background: = var(--devsite-quiz-error-background); } devsite-quiz [answered] input[type=3D"text"].variant-error { background-col= or: var(--devsite-quiz-error-background); border-color: var(--devsite-quiz-= error-border-color); } devsite-quiz [answered] input[type=3D"text"]:focus.variant-error { border-b= ottom-color: var(--devsite-quiz-error-color); } devsite-quiz .devsite-quiz-header { background: var(--devsite-background-2)= ; border-bottom: var(--devsite-primary-border); } devsite-quiz .devsite-quiz-header-content { -webkit-box-align: center; alig= n-items: center; display: flex; -webkit-box-pack: justify; justify-content:= space-between; margin: 0px auto; padding: 48px 16px; } devsite-quiz .devsite-quiz-title { margin-bottom: 8px; padding: 0px; top: 0= px; } devsite-quiz .devsite-quiz-tagline { color: var(--devsite-quiz-secondary-te= xt-color); font-weight: 400; font-size: 14px; line-height: 20px; margin: 0p= x; } devsite-quiz .devsite-quiz-tagline:empty { min-height: 40px; } devsite-quiz .devsite-quiz-return-button { margin-top: 15px; } devsite-quiz .devsite-quiz-badge { display: none; } devsite-quiz .devsite-quiz-partially-correct-indicator { background-color: = var(--devsite-quiz-partially-correct-indicator-background); } devsite-quiz .devsite-quiz-body { margin: 0px auto; padding: 48px 16px 0px;= } devsite-quiz [answered] .devsite-quiz-feedback { margin-bottom: 18px; opaci= ty: 1; transform: translateX(0px); transition: opacity 0.2s cubic-bezier(0,= 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0= .2s cubic-bezier(0, 0, 0.2, 1); } devsite-quiz .devsite-quiz-submit-error { background: var(--devsite-quiz-er= ror-background); border-radius: 4px; font-size: 16px; font-weight: 500; lin= e-height: 30px; padding: 6px 12px; } devsite-quiz .devsite-quiz-submit-error i { color: var(--devsite-quiz-error= -color); line-height: 30px; margin-inline-end: 8px; } devsite-quiz .devsite-quiz-submit-button { margin-top: 64px; } devsite-quiz .devsite-quiz-submit-button devsite-spinner { display: inline-= block; margin-inline-start: 15px; top: 5px; } devsite-quiz .devsite-quiz-question-list { font-style: ; font-variant-ligat= ures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asia= n: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji= : ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical= -sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; fon= t-variation-settings: ; font-language-override: ; font-weight: 500; list-st= yle-position: inside; padding-inline-start: 0px; } devsite-quiz .devsite-quiz-question { margin: 0px 0px 64px; } devsite-quiz .devsite-quiz-question:last-child { margin-bottom: 0px; } devsite-quiz .devsite-quiz-question-header { font-style: ; font-variant-lig= atures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-as= ian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emo= ji: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optic= al-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; f= ont-variation-settings: ; font-language-override: ; font-weight: 500; margi= n: 0px; } devsite-quiz .devsite-quiz-question-sub-header { color: var(--devsite-quiz-= secondary-text-color); font-size: 12px; font-style: italic; line-height: 16= px; margin: 0px; } devsite-quiz .devsite-quiz-answer { -webkit-box-align: start; align-items: = flex-start; display: flex; margin: 16px 0px; position: relative; } devsite-quiz .devsite-quiz-answer label { font-family: var(--devsite-primar= y-font-family); font-weight: 400; line-height: 24px; margin-inline-end: 15p= x; } devsite-quiz .devsite-quiz-answer .devsite-landing-row-item-media { margin-= inline-end: 15px; min-width: auto; } devsite-quiz .devsite-quiz-match-question { border-top: var(--devsite-prima= ry-border); margin: 24px 0px 0px; } devsite-quiz .devsite-quiz-match-question-row { border-bottom: var(--devsit= e-primary-border); display: block; } devsite-quiz .devsite-quiz-feedback, devsite-quiz .devsite-quiz-match-quest= ion-row-element { margin: 24px 0px; } devsite-quiz .devsite-quiz-problem-item { font-size: 14px; line-height: 20p= x; margin: 0px; } devsite-quiz .devsite-quiz-fill-in-the-blank-container { display: flex; -we= bkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: c= olumn; font-size: 14px; margin: 8px 0px 0px; } devsite-quiz .devsite-quiz-fill-in-the-blank-question { -webkit-box-align: = center; align-items: center; display: block; line-height: 32px; margin-bott= om: 0px; } devsite-quiz .devsite-quiz-fill-in-the-blank-question + .devsite-quiz-feedb= ack { margin-top: 8px; } devsite-quiz .devsite-quiz-text-input { font-family: var(--devsite-primary-= font-family); font-size: 14px; font-weight: 400; margin-inline-start: 0px; = padding: 3px 7px; } devsite-quiz .devsite-quiz-text-input::-webkit-input-placeholder { font-siz= e: 14px; font-style: italic; line-height: 20px; } devsite-quiz .devsite-quiz-text-input::placeholder { font-size: 14px; font-= style: italic; line-height: 20px; } devsite-quiz .devsite-quiz-footer { background: transparent; min-height: 48= px; transition: background 0.2s cubic-bezier(0.4, 0, 1, 1); margin: 64px 0p= x -68px; } devsite-quiz devsite-badge-awarded { max-width: 720px; display: block; marg= in: 0px auto; } devsite-quiz [show] { background: var(--devsite-background-2); transition: = background 0.2s cubic-bezier(0, 0, 0.2, 1); } devsite-quiz [show] .devsite-quiz-footer-content { opacity: 1; transform: t= ranslateY(0px); transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transf= orm 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0,= 0, 0.2, 1); } devsite-quiz .devsite-quiz-footer-content { opacity: 0; padding: 48px 16px;= transform: translateY(24px); transition: opacity 0.2s cubic-bezier(0.4, 0,= 1, 1), transform 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s c= ubic-bezier(0.4, 0, 1, 1); } devsite-quiz .static-badge-awarded-container { min-height: 68px; background= : var(--devsite-background-2); } devsite-quiz .static-badge-awarded-container .devsite-badger-award-inner:fi= rst-child { padding-top: 30px; } devsite-quiz .static-badge-awarded-container .devsite-badger-award-inner:la= st-child { padding-bottom: 30px; } devsite-quiz .devsite-quiz-results-container { width: 100%; } devsite-quiz .devsite-quiz-footer-header { font: 400 32px/40px var(--devsit= e-headline-font-family); } devsite-quiz .devsite-quiz-score { font-weight: 500; } devsite-quiz .devsite-quiz-score-copy { font: 400 24px/32px var(--devsite-h= eadline-font-family); margin-bottom: 8px; } devsite-quiz .devsite-quiz-score-success { font-size: 20px; margin-bottom: = 20px; } devsite-quiz .devsite-quiz-score-fail .devsite-quiz-score { color: var(--de= vsite-quiz-error-color); } devsite-quiz .devsite-quiz-score-success .devsite-quiz-score { color: var(-= -devsite-quiz-correct-color); } devsite-quiz .devsite-quiz-score-subtext { color: var(--devsite-quiz-second= ary-text-color); margin-top: 8px; } devsite-quiz .devsite-quiz-action-buttons { display: flex; } devsite-quiz .devsite-quiz-rating { border-top: var(--devsite-primary-borde= r); display: flex; -webkit-box-pack: center; justify-content: center; paddi= ng: 32px 0px; } devsite-quiz .devsite-quiz-feedback { -webkit-box-align: center; align-item= s: center; color: var(--devsite-primary-text-color); display: inline-flex; = margin: 0px; opacity: 0; position: relative; transform: translateX(-24px); = transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transform 0.2s cubic-b= ezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1); } devsite-quiz .devsite-quiz-feedback-container { border-radius: 4px; display= : inline-flex; margin: -9px 0px; padding: 4px 12px; } devsite-quiz .devsite-quiz-feedback-container::before { font-style: normal;= font-variant: normal; font-size-adjust: none; font-language-override: norm= al; font-kerning: auto; font-optical-sizing: auto; font-variation-settings:= normal; font-weight: normal; font-stretch: normal; font-size: 24px; font-f= amily: "Material Icons"; font-feature-settings: "liga"; -webkit-font-smooth= ing: antialiased; text-rendering: optimizelegibility; text-transform: none;= overflow-wrap: normal; line-height: inherit; margin-inline-end: 8px; } devsite-quiz .correct { background: var(--devsite-quiz-correct-background);= } devsite-quiz .correct::before { color: var(--devsite-quiz-correct-color); c= ontent: "check_circle_outline"; } devsite-quiz .partially-correct { background: var(--devsite-quiz-partially-= correct-background); margin: 15px 0px 0px; } devsite-quiz .partially-correct::before { color: var(--devsite-quiz-partial= ly-correct-color); content: "remove_circle_outline"; } devsite-quiz .incorrect { background: var(--devsite-quiz-error-background);= } devsite-quiz .incorrect::before { color: var(--devsite-quiz-error-color); c= ontent: "not_interested"; } devsite-quiz .devsite-quiz-feedback-text { font-family: var(--devsite-headl= ine-font-family); font-size: 14px; line-height: 20px; margin: 5px 0px; } devsite-quiz .devsite-quiz-feedback-title { font-family: var(--devsite-head= line-font-family); font-size: 16px; font-weight: 500; } devsite-quiz .devsite-quiz-feedback-message { font-family: var(--devsite-pr= imary-font-family); } @media screen and (max-width: 600px) { devsite-quiz .devsite-quiz-question { margin-bottom: 36px; } devsite-quiz .devsite-quiz-match-question-row-element { margin: 12px 0px;= } devsite-quiz .devsite-quiz-feedback { margin: 0px 0px 12px; top: 0px; } } @media screen and (min-width: 601px) { devsite-quiz .devsite-quiz-body, devsite-quiz .devsite-quiz-footer-conten= t, devsite-quiz .devsite-quiz-header-content { padding-inline: 24px; } devsite-quiz .devsite-quiz-badge { display: block; height: 122px; min-wid= th: 122px; opacity: 0; transform: scale(1); width: 122px; } devsite-quiz .devsite-quiz-badge.show { animation: 0.33s cubic-bezier(0.7= 5, 0, 0.71, 0.97) 0s 1 normal none running badgeGrowIn, 0.17s cubic-bezier(= 0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none running badgeGrowOut, 0.5s lin= ear 0s 1 normal none running badgeFadeIn; margin-inline-start: 48px; opacit= y: 1; transform: scale(1); } devsite-quiz .devsite-quiz-badge img { height: 120px; width: 120px; } devsite-quiz .devsite-quiz-match-question { border: 0px; display: table; = max-width: 600px; width: 100%; } devsite-quiz .devsite-quiz-match-question-row { border: 0px; display: tab= le-row; } devsite-quiz .devsite-quiz-match-question-row-element, devsite-quiz .devs= ite-quiz-match-question-row > .devsite-quiz-feedback { display: table-cell;= margin: 0px; padding: 24px; position: relative; top: 0px; vertical-align: = middle; } devsite-quiz .devsite-quiz-match-question-row-element { border-top: var(-= -devsite-primary-border); } devsite-quiz .devsite-quiz-match-question-row:last-child > .devsite-quiz-= match-question-row-element { border-bottom: var(--devsite-primary-border); = } devsite-quiz .devsite-quiz-problem { box-sizing: border-box; padding-inli= ne-start: 0px; width: 100%; } devsite-quiz .devsite-quiz-answer { padding-inline-end: 0px; } devsite-quiz .devsite-quiz-feedback-container { display: flex; } } @media screen and (min-width: 841px) { devsite-quiz .devsite-quiz-body, devsite-quiz .devsite-quiz-footer-conten= t, devsite-quiz .devsite-quiz-header-content { max-width: 768px; } devsite-quiz .devsite-quiz-header-text { max-width: 488px; } devsite-quiz .devsite-quiz-footer { display: flex; -webkit-box-pack: cent= er; justify-content: center; } devsite-quiz .devsite-quiz-footer-content { display: flex; width: 100%; } devsite-quiz .devsite-quiz-footer-content + .devsite-quiz-footer-content = { margin-top: 0px; } devsite-quiz .devsite-quiz-footer-content:nth-last-child(2), devsite-quiz= .devsite-quiz-footer-content:nth-last-child(2) + .devsite-quiz-footer-cont= ent { max-width: 384px; } devsite-quiz .devsite-quiz-footer-content:nth-last-child(2) { -webkit-box= -pack: end; justify-content: flex-end; } } devsite-recommendations { border-top: var(--devsite-primary-border); displa= y: block; -webkit-box-flex: 1; flex: 1 1 0%; margin: 40px -40px -40px; padd= ing: 20px 40px 40px; } body[layout=3D"full"] devsite-recommendations { padding: 12px 0px; } body[layout=3D"docs"][template=3D"landing"] devsite-recommendations { margi= n: 0px; padding: 12px 40px; } devsite-recommendations .significatio-overview { -webkit-box-align: center;= align-items: center; display: flex; -webkit-box-pack: justify; justify-con= tent: space-between; position: relative; } body[layout=3D"full"] devsite-recommendations .significatio-overview { marg= in: 0px auto; } body[layout=3D"full"] devsite-recommendations .significatio-body, body[layo= ut=3D"full"] devsite-recommendations .significatio-overview { max-width: 14= 88px; padding: 0px 24px; } devsite-recommendations .significatio-heading { font: var(--devsite-h2-font= ); -webkit-box-align: center; align-items: center; border: 0px; display: fl= ex; margin: 0px; padding-right: 4px; } devsite-recommendations .significatio-body { display: flex; -webkit-box-pac= k: justify; justify-content: space-between; margin: 12px 0px 0px; width: 10= 0%; } body[layout=3D"full"] devsite-recommendations .significatio-body { margin: = 16px auto 0px; } devsite-recommendations .significatio-heading-icon { fill: currentcolor; ma= rgin-inline: 0px 4px; width: 24px; } devsite-recommendations .significatio-buttons { display: flex; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } devsite-recommendations .significatio-buttons button { -webkit-box-align: c= enter; align-items: center; border-radius: 50%; display: flex; font-size: 2= 0px; height: 40px; -webkit-box-pack: center; justify-content: center; paddi= ng: 0px; transition: background 0.2s; width: 40px; } devsite-recommendations .significatio-buttons button:focus, devsite-recomme= ndations .significatio-buttons button:hover { background-color: rgb(174, 20= 3, 250); } 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; -w= ebkit-box-flex: 1; flex: 1 1 0%; } devsite-recommendations .significatio-loading devsite-spinner { margin: 0px= auto; } devsite-recommendations .significatio-recommendations { display: flex; gap:= 0px 24px; } devsite-recommendations:not([loading]) .significatio-recommendations { widt= h: 100%; } devsite-recommendations .significatio-card { background: var(--devsite-card= -background); border: var(--devsite-card-border); border-radius: var(--devs= ite-card-border-radius); box-shadow: var(--devsite-card-box-shadow); color:= var(--devsite-primary-text-color); display: flex; -webkit-box-flex: 1; fle= x: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; fle= x-direction: column; max-width: calc(33.3333% - 16px); min-width: 0px; opac= ity: 0; padding: 18px 20px 20px; transition: opacity 0.2s cubic-bezier(0.4,= 0, 1, 1); } devsite-recommendations .significatio-card:hover { box-shadow: 0 1px 2px 0 = var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-eleva= tion-ambient-shadow-color); } devsite-recommendations .significatio-card.error { -webkit-box-align: cente= r; align-items: center; -webkit-box-pack: center; justify-content: center; = } devsite-recommendations .significatio-card[show] { opacity: 1; } devsite-recommendations .significatio-card-heading { font: 500 16px/24px va= r(--devsite-primary-font-family); margin: 0px 0px 8px; -webkit-line-clamp: = 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; te= xt-overflow: ellipsis; color: var(--devsite-link-color); } devsite-recommendations .significatio-card-description { -webkit-box-orient= : vertical; display: -webkit-box; font-size: 14px; -webkit-line-clamp: 2; m= argin: 0px 0px 20px; max-height: 48px; overflow: hidden; } devsite-recommendations .significatio-card.error .significatio-card-descrip= tion { color: rgb(128, 134, 139); font: 400 12px/16px var(--devsite-primary= -font-family); letter-spacing: 0px; -webkit-line-clamp: 3; margin: 12px 0px= ; text-align: center; } devsite-recommendations .significatio-card.error .significatio-card-descrip= tion + .significatio-card-description { margin-top: 0px; } devsite-recommendations .significatio-card-meta { font: 400 14px/16px var(-= -devsite-primary-font-family); color: var(--devsite-secondary-text-color); = margin: auto 0px 0px; } devsite-recommendations .info-container, devsite-recommendations .significa= tio-popout-container, devsite-recommendations .significatio-recommend-popou= t-container { -webkit-box-flex: 1; flex-grow: 1; position: relative; } devsite-recommendations .info-button, devsite-recommendations .significatio= -popout-toggle { color: rgb(95, 99, 104); } devsite-recommendations .significatio-attr-toggle { height: 16px; color: rg= b(128, 134, 139); padding: 0px 5px; min-width: 0px; display: inline-flex; -= webkit-box-align: center; align-items: center; -webkit-box-pack: center; ju= stify-content: center; overflow: visible; } devsite-recommendations .significatio-attr-toggle .significatio-attr-info {= height: 16px; width: 16px; fill: rgb(128, 134, 139); position: relative; t= op: -2px; margin: 0px; } devsite-recommendations .significatio-attr h4 { font-style: ; font-variant-= ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east= -asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-= emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-op= tical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: = ; font-variation-settings: ; font-language-override: ; color: rgb(60, 64, 6= 7); line-height: 20px; } devsite-recommendations .significatio-attr p { font-style: ; font-variant-l= igatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-= asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-e= moji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-opt= ical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ;= font-variation-settings: ; font-language-override: ; color: rgb(60, 64, 67= ); line-height: 20px; } devsite-recommendations .significatio-info-container { border-radius: 50%; = height: 36px; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0= .2s; } devsite-recommendations .significatio-info-container:hover { background-col= or: var(--devsite-background-4); } devsite-recommendations .significatio-error-icon, devsite-recommendations .= significatio-icon-info { fill: currentcolor; vertical-align: text-bottom; w= idth: 18px; height: 36px; } devsite-recommendations .significatio-popout { box-shadow: 0 1px 2px 0 var(= --devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation= -ambient-shadow-color); background: var(--devsite-background-1); max-width:= 400px; opacity: 0; padding: 20px 24px; position: absolute; top: calc(100% = + 8px); transform: translateY(-12px); transition: opacity 0.2s, transform 0= .2s, -webkit-transform 0.2s; } [dir=3D"ltr"] devsite-recommendations .significatio-popout { left: -12px; } [dir=3D"rtl"] devsite-recommendations .significatio-popout { right: -12px; = } devsite-recommendations .significatio-popout.significatio-attr { box-shadow= : 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(-= -devsite-elevation-ambient-shadow-color); border-radius: 4px; padding: 16px= 17px; width: 150px; } [dir=3D"ltr"] devsite-recommendations .significatio-popout.significatio-att= r { left: calc(50% - 75px); } [dir=3D"rtl"] devsite-recommendations .significatio-popout.significatio-att= r { right: calc(50% - 75px); } devsite-recommendations .significatio-popout.significatio-attr h4 { margin-= bottom: 8px; } devsite-recommendations .significatio-popout.significatio-attr p { margin-b= ottom: 0px; } devsite-recommendations .significatio-popout-heading { margin-top: 0px; } [dir=3D"ltr"] body[layout=3D"full"] devsite-recommendations .significatio-p= opout { right: 32px; } [dir=3D"rtl"] body[layout=3D"full"] devsite-recommendations .significatio-p= opout { left: 32px; } devsite-recommendations .significatio-popout[active] { opacity: 1; transfor= m: translateY(0px); } devsite-recommendations .significatio-popout p { margin-top: 0px; } devsite-recommendations .significatio-interaction-container { height: 36px;= } devsite-recommendations .significatio-internal-only { line-height: 12px; si= ze: 12px; margin: 14px 0px; color: rgb(165, 14, 14); } @media screen and (max-width: 1253px) { body[layout] devsite-recommendations .significatio-recommendations { disp= lay: block; } body[layout] devsite-recommendations .significatio-card { max-width: none= ; } [dir] body[layout] devsite-recommendations .significatio-card:not(:first-= child) { margin: 24px 0px 0px; } } @media screen and (max-width: 840px) { body[layout][template] devsite-recommendations { margin: 24px -24px -24px= ; padding: 24px; } body[layout=3D"full"] devsite-recommendations .significatio-body, body[la= yout=3D"full"] devsite-recommendations .significatio-overview { padding: 0p= x; } [dir=3D"ltr"] body[layout=3D"full"] devsite-recommendations .significatio= -popout { right: -8px; } [dir=3D"rtl"] body[layout=3D"full"] devsite-recommendations .significatio= -popout { left: -8px; } } @media screen and (max-width: 600px) { body[layout][template] devsite-recommendations { margin: 32px -16px -16px= ; padding: 16px; } [dir] body[layout] devsite-recommendations .significatio-card:not(:first-= child) { margin: 16px 0px 0px; } } devsite-recommendations-dropdown { display: block; -webkit-box-flex: 1; fle= x: 1 1 0%; } .devsite-recommendations-dropdown-toggle { display: flex; } .devsite-recommendations-dropdown-icon { -webkit-box-align: center; align-i= tems: center; display: flex; height: 100%; pointer-events: none; top: 0px; = } [dir=3D"ltr"] .devsite-recommendations-dropdown-icon { right: 8px; } [dir=3D"rtl"] .devsite-recommendations-dropdown-icon { left: 8px; } .devsite-recommendations-dropdown-icon::before { font-size: 18px; content: = "keyboard_arrow_down"; } .devsite-recommendations-dropdown-toggle.active > .devsite-recommendations-= dropdown-icon::before { content: "keyboard_arrow_up"; } .devsite-recommendations-dropdown-list { background: var(--devsite-backgrou= nd-1); border: var(--devsite-list-border,var(--devsite-secondary-border)); = border-radius: var(--devsite-list-border-radius,2px); box-shadow: 0 1px 2px= 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-el= evation-ambient-shadow-color); display: none; font: 400 14px/20px var(--dev= site-primary-font-family); opacity: 0; outline: 0px; overflow-y: auto; poin= ter-events: none; position: absolute; transition: opacity 0.2s, visibility = 0.2s; z-index: 1005; list-style-type: none; padding: 0px 14px; } .devsite-recommendations-dropdown-list.active { display: block; opacity: 1;= pointer-events: auto; } devsite-recommendations-dropdown .devsite-select-item { -webkit-box-align: = center; align-items: center; margin: 0px; min-height: 48px; min-width: 100%= ; white-space: nowrap; border-bottom: 1px solid rgb(218, 220, 224); padding= : 14px 0px; } devsite-recommendations-dropdown .devsite-select-item:hover { background-co= lor: var(--devsite-background-3); cursor: pointer; } devsite-recommendations-dropdown .devsite-select-item > .significatio-card-= heading { margin: 0px; } devsite-recommendations-sidebar { display: var(--devsite-js-recommendations= -sidebar-display,block); position: relative; } devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading { = font-weight: 700; margin-bottom: 8px; margin-inline-start: -8px; } devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading-li= nk { color: var(--devsite-recommendations-accent); padding: 0px; } devsite-recommendations-sidebar .devsite-nav-text, devsite-recommendations-= sidebar .devsite-recommendations-sidebar-icon { pointer-events: none; } devsite-recommendations-sidebar .devsite-recommendations-sidebar-icon { fil= l: var(--devsite-recommendations-accent); height: 24px; margin-inline-end: = 8px; width: 24px; } devsite-recommendations-sidebar .devsite-nav-active .devsite-recommendation= s-sidebar-icon, devsite-recommendations-sidebar .devsite-recommendations-si= debar-heading-link:focus .devsite-recommendations-sidebar-icon, devsite-rec= ommendations-sidebar .devsite-recommendations-sidebar-heading-link:hover .d= evsite-recommendations-sidebar-icon { fill: var(--devsite-nav-color-hover,v= ar(--devsite-link-color)); } devsite-recommendations-sidebar > .devsite-nav-list { border-inline-start: = var(--devsite-toc-border-width,4px) solid var(--devsite-recommendations-acc= ent); padding-inline-start: var(--devsite-nav-list-padding-x-start,12px); } devsite-recommendations-sidebar .devsite-nav-item { padding: var(--devsite-= nav-title-padding,4px 0); } devsite-recommendations-sidebar .devsite-nav-item:first-of-type, devsite-re= commendations-sidebar .devsite-nav-title:first-of-type { padding-top: 0px; = } devsite-recommendations-sidebar .devsite-nav-title { padding-bottom: 0px; t= ext-decoration: none; } devsite-recommendations-sidebar .significatio-card-meta { color: var(--devs= ite-secondary-text-color); font-size: 11px; line-height: 14px; margin: 4px = 0px 0px; } @-webkit-keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } devsite-recommended-content:not(:defined) { min-height: 354px; } @-webkit-keyframes pulse {=20 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes pulse {=20 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } devsite-recommended-content .skeleton-filters, devsite-recommended-content = .skeleton-list { animation: 0.5s ease 0s 1 normal none running fadeIn; list= -style: none; padding: 0px; } devsite-recommended-content .skeleton-list { display: flex; gap: var(--devs= ite-item-gap,24px); flex-wrap: var(--devsite-recommended-content-filters-fl= ex-wrap); padding-bottom: 38px; } devsite-recommended-content .skeleton-filters { display: flex; gap: 8px; fl= ex-wrap: var(--devsite-recommended-content-filters-flex-wrap); overflow: hi= dden; padding-bottom: 2px; } devsite-recommended-content .skeleton-header { grid-area: header; } devsite-recommended-content .skeleton-item { align-self: start; background:= var(--tenant-background-1); border: var(--tenant-primary-border); border-r= adius: 8px; display: grid; grid: var(--skeleton-item-grid); margin: 0px; pa= dding: 16px; } devsite-recommended-content .skeleton-filters .skeleton-item { gap: 8px 0px= ; -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 0; } devsite-recommended-content .skeleton-list .skeleton-item { gap: 8px 0px; -= webkit-box-flex: 1; flex-grow: 1; } devsite-recommended-content .skeleton-filters, devsite-recommended-content = .skeleton-filters-header, devsite-recommended-content .skeleton-item-headin= g, devsite-recommended-content .skeleton-item-icon, devsite-recommended-con= tent .skeleton-item-meta, devsite-recommended-content .skeleton-item-text {= animation: 2s ease 0s infinite normal none running pulse; } devsite-recommended-content .skeleton-filters-header > div, devsite-recomme= nded-content .skeleton-item-heading > div, devsite-recommended-content .ske= leton-item-icon, devsite-recommended-content .skeleton-item-meta, devsite-r= ecommended-content .skeleton-item-text > div { background: var(--tenant-bac= kground-3); border-radius: 4px; } devsite-recommended-content .skeleton-filters-header { height: 40px; paddin= g-top: 6px; } devsite-recommended-content .skeleton-filters-header > div { border: var(--= tenant-primary-border); background: var(--tenant-background-1); width: 20%;= height: 24px; } devsite-recommended-content .skeleton-item-heading > div { height: 26px; } devsite-recommended-content .skeleton-item-heading > div:first-child { marg= in-block: 4px 0px; width: 95%; } devsite-recommended-content .skeleton-item-heading > div:nth-child(2) { mar= gin-block: 8px 0px; width: 55%; } devsite-recommended-content .skeleton-item-meta, devsite-recommended-conten= t .skeleton-item-text { margin-block: 4px 0px; } devsite-recommended-content .skeleton-item-meta { height: 14px; width: 45%;= } devsite-recommended-content .skeleton-item-text > div { height: 14px; } devsite-recommended-content .skeleton-item-text > div:first-child { width: = 100%; } devsite-recommended-content .skeleton-item-text > div:nth-child(2) { margin= -block: 8px 0px; width: 70%; } devsite-recommended-content .skeleton-item-text > div:nth-child(3) { margin= -block: 8px 0px; width: 60%; } devsite-recommended-content .skeleton-item-icon { height: 32px; width: 32px= ; } @media (max-width: 1128px) { devsite-recommended-content:not(:defined) { min-height: 496px; } devsite-recommended-content .skeleton-filters-header { height: 114px; } devsite-recommended-content .skeleton-filters { padding-bottom: 6px; } devsite-recommended-content .skeleton-list .skeleton-item:nth-child(4) { = display: none; } } @media (max-width: 820px) { devsite-recommended-content .skeleton-list .skeleton-item:nth-child(3) { = display: none; } } @media (max-width: 600px) { devsite-recommended-content:not(:defined) { min-height: 334px; } devsite-recommended-content .skeleton-list .skeleton-item:nth-child(2) { = display: none; } devsite-recommended-content .skeleton-list { padding-bottom: 18px; } devsite-recommended-content .skeleton-list .skeleton-item { max-width: 85= %; } devsite-recommended-content .skeleton-filters { padding-bottom: 2px; } devsite-recommended-content .skeleton-filters-header { height: 40px; } } devsite-recommended-content .devsite-recommended-content-filters-spacer { m= in-height: 100px; } devsite-recommended-content .devsite-recommended-content-profile-cta { min-= height: 46px; display: flex; -webkit-box-align: center; align-items: center= ; -webkit-box-pack: center; justify-content: center; gap: 16px; animation: = 0.5s ease 0s 1 normal none running fadeIn; --devsite-background-button-back= ground: transparent; --devsite-background-button-background-hover: transpar= ent; --devsite-background-button-border-color-hover: var( --devsite-background-button-border-color ); } devsite-recommended-content .devsite-recommended-content-profile-cta .devsi= te-recommended-content-profile-cta-badge { height: 46px; width: 190px; bord= er-bottom: 1px solid rgb(218, 220, 224); } devsite-recommended-content .devsite-recommended-content-profile-cta .butto= n { flex-shrink: 0; } devsite-recommended-content .devsite-recommended-content-profile-cta .text = { color: rgb(26, 115, 232); line-height: 1; } @media (max-width: 820px) { devsite-recommended-content .devsite-recommended-content-profile-cta .dev= site-recommended-content-profile-cta-badge { display: none; } } @media (max-width: 600px) { devsite-recommended-content .devsite-recommended-content-profile-cta { -w= ebkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: = column; padding-top: 18px; text-align: center; } devsite-recommended-content .devsite-recommended-content-profile-cta .tex= t { line-height: 20px; } } devsite-recommended-content { display: flex; gap: 16px 0px; -webkit-box-ori= ent: vertical; -webkit-box-direction: normal; flex-direction: column; } devsite-recommended-content .devsite-recommended-content-header { animation= : 0.5s ease 0s 1 normal none running fadeIn; -webkit-box-align: center; ali= gn-items: center; display: flex; -webkit-box-pack: justify; justify-content= : space-between; } @media (max-width: 600px) { devsite-recommended-content .devsite-recommended-content-header { -webkit= -box-orient: vertical; -webkit-box-direction: normal; flex-direction: colum= n; -webkit-box-align: start; align-items: flex-start; } } devsite-recommended-content .devsite-recommended-content-heading { animatio= n: 0.5s ease 0s 1 normal none running fadeIn; -webkit-box-align: center; al= ign-items: center; display: flex; gap: 8px; line-height: 24px; } devsite-recommended-content .devsite-recommended-content-heading-message, d= evsite-recommended-content .devsite-recommended-content-item-updated { colo= r: var(--devsite-secondary-text-color); font-size: 14px; } devsite-recommended-content .devsite-recommended-content-heading-label { fo= nt-size: 16px; line-height: 36px; } devsite-recommended-content devsite-rich-tooltip { font: 14px/20px var(--de= vsite-primary-font-family); } devsite-recommended-content .devsite-recommended-content-heading-message { = font-style: italic; } devsite-recommended-content .devsite-recommended-content-toggle { display: = var(--devsite-recommended-content-toggle-display); } devsite-recommended-content .devsite-recommended-content-filters-wrapper { = position: relative; } devsite-recommended-content devsite-feature-tooltip { top: 24px; } devsite-recommended-content .devsite-recommended-content-filters { display:= flex; gap: 8px; flex-wrap: var(--devsite-recommended-content-filters-flex-= wrap); grid-area: filters; margin-block: var(--devsite-recommended-content-= filters-margin-block,-8px); margin-inline: var(--devsite-recommended-conten= t-filters-margin-inline,0); overflow: var(--devsite-recommended-content-fil= ters-overflow); padding-block: var(--devsite-recommended-content-filters-pa= dding-block,8px); padding-inline: var(--devsite-recommended-content-filters= -padding-inline,0); transition: opacity 0.5s; width: var(--devsite-recommen= ded-content-filters-width,100%); } devsite-recommended-content .devsite-recommended-content-filters::-webkit-s= crollbar { background: 0px center; height: 0px; width: 0px; } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"] { display: inline; } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]::after, devsite-recommended-content .devsite-recommende= d-content-filters-item input[type=3D"checkbox"]::before { display: none; } devsite-recommended-content .devsite-recommended-content-filters-item label= { -webkit-box-align: center; align-items: center; background: var(--devsit= e-background-1); border: var(--devsite-primary-border); border-radius: 8px;= color: var(--devsite-primary-text-color); display: flex; font: var(--devsi= te-button-font,500 14px/36px var(--devsite-primary-font-family)); height: 3= 2px; padding: 0px 16px; transition: background 0.2s, border 0.2s, box-shado= w 0.2s, color 0.2s; user-select: none; white-space: nowrap; } devsite-recommended-content .devsite-recommended-content-filters-item label= :hover { background: var(--devsite-background-2); } devsite-recommended-content .devsite-recommended-content-filters-item input= :disabled + label:hover { background: var(--devsite-background-1); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:focus + label { background: var(--devsite-background-3)= ; border-color: var(--devsite-primary-text-color); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked + label { background: var(--devsite-link-backgr= ound-hover); border-color: transparent; color: var(--devsite-link-color); } [background=3D"grey"] devsite-recommended-content .devsite-recommended-cont= ent-filters-item input[type=3D"checkbox"]:checked + label { border-color: v= ar(--devsite-link-color); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked + label:hover { box-shadow: 0 1px 2px 0 var(--d= evsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation-am= bient-shadow-color); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked:disabled + label:hover { box-shadow: revert; } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked:focus + label { color: var(--devsite-contrast-l= ink-color); } .devsite-recommended-content-filters-item input[type=3D"checkbox"]:disabled= { pointer-events: none; } devsite-recommended-content .devsite-recommended-content-list-header { grid= -area: list-header; } devsite-recommended-content .devsite-recommended-content-list { animation: = 0.5s ease 0s 1 normal none running fadeIn; display: grid; gap: var(--devsit= e-item-gap,24px); grid: auto-flow/repeat(var(--devsite-columns,4),1fr); gri= d-area: content; } devsite-recommended-content devsite-carousel .devsite-recommended-content-l= ist { display: flex; } devsite-recommended-content .devsite-recommended-content-item { background:= var(--devsite-card-background); border: var(--devsite-card-border); border= -radius: var(--devsite-card-border-radius); box-shadow: var(--devsite-card-= box-shadow); box-sizing: border-box; display: flex; -webkit-box-orient: ver= tical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; min= -width: 0px; padding: 16px; } devsite-recommended-content .devsite-recommended-content-item:nth-child(n+5= ) { display: var(--devsite-recommended-content-item-show-all-display); } devsite-recommended-content .devsite-recommended-content-item-doc-type { -w= ebkit-box-align: center; align-items: center; display: flex; font-size: 12p= x; font-weight: 500; line-height: 16px; margin-bottom: 0px; text-transform:= uppercase; } devsite-recommended-content .devsite-recommended-content-item-doc-type::bef= ore { font-style: normal; font-variant: normal; font-size-adjust: none; fon= t-language-override: normal; font-kerning: auto; font-optical-sizing: auto;= font-variation-settings: normal; font-weight: normal; font-stretch: normal= ; line-height: 1; font-family: "Material Icons"; font-feature-settings: "li= ga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibilit= y; text-transform: none; overflow-wrap: normal; color: rgb(95, 99, 104); di= splay: inline; font-size: 16px; margin-right: 4px; } devsite-recommended-content .devsite-recommended-content-item-doc-type-arti= cle::before, devsite-recommended-content .devsite-recommended-content-item-= doc-type-blog::before, devsite-recommended-content .devsite-recommended-con= tent-item-doc-type-case_study::before, devsite-recommended-content .devsite= -recommended-content-item-doc-type-concept::before, devsite-recommended-con= tent .devsite-recommended-content-item-doc-type-course::before, devsite-rec= ommended-content .devsite-recommended-content-item-doc-type-guide::before, = devsite-recommended-content .devsite-recommended-content-item-doc-type-mark= eting::before, devsite-recommended-content .devsite-recommended-content-ite= m-doc-type-pathway::before, devsite-recommended-content .devsite-recommende= d-content-item-doc-type-quickstart::before, devsite-recommended-content .de= vsite-recommended-content-item-doc-type-release_notes::before, devsite-reco= mmended-content .devsite-recommended-content-item-doc-type-support::before,= devsite-recommended-content .devsite-recommended-content-item-doc-type-tro= ubleshooting::before, devsite-recommended-content .devsite-recommended-cont= ent-item-doc-type-tutorial::before { content: "article"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-best= _practices::before { content: "check_circle"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-api_= reference::before, devsite-recommended-content .devsite-recommended-content= -item-doc-type-reference::before, devsite-recommended-content .devsite-reco= mmended-content-item-doc-type-sample::before { content: "code"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-pric= ing::before { content: "monetization_on"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-podc= ast::before { content: "podcasts"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-quiz= ::before { content: "quiz"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-code= lab::before { content: "science"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-medi= a::before, devsite-recommended-content .devsite-recommended-content-item-do= c-type-video::before { content: "smart_display"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-cont= ent_navigator::before, devsite-recommended-content .devsite-recommended-con= tent-item-doc-type-landing::before, devsite-recommended-content .devsite-re= commended-content-item-doc-type-landing_page::before, devsite-recommended-c= ontent .devsite-recommended-content-item-doc-type-product::before { content= : "web"; } devsite-recommended-content .devsite-recommended-content-item-heading { -we= bkit-box-orient: vertical; color: var(--devsite-link-color); display: -webk= it-box; -webkit-line-clamp: 2; line-height: 28px; min-height: 56px; -webkit= -box-ordinal-group: 2; order: 1; overflow: hidden; } devsite-recommended-content[truncate] .devsite-recommended-content-item-hea= ding { display: initial; max-width: 100%; text-overflow: ellipsis; white-sp= ace: nowrap; } devsite-recommended-content .devsite-recommended-content-item-description, = devsite-recommended-content .devsite-recommended-content-item-updated { mar= gin: 0px; } devsite-recommended-content .devsite-recommended-content-item-description {= -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;= line-height: 24px; min-height: 72px; -webkit-box-ordinal-group: 4; order: = 3; overflow: hidden; word-break: break-word; } devsite-recommended-content .devsite-recommended-content-item-updated { -we= bkit-box-ordinal-group: 3; order: 2; } devsite-recommended-content .devsite-recommended-content-item-products { -w= ebkit-box-align: center; align-items: center; display: flex; -webkit-box-or= dinal-group: 5; order: 4; } devsite-recommended-content .devsite-recommended-content-item-icon { displa= y: grid; margin-block: auto 0px; margin-inline-end: 8px; place-content: cen= ter; width: 32px; } devsite-recommended-content .devsite-recommended-content-item-icon img, dev= site-recommended-content .devsite-recommended-content-item-icon picture { h= eight: 32px; } devsite-recommended-content .devsite-recommended-content-item-icon .materia= l-icons { color: var(--devsite-foreground-color,var(--devsite-secondary-tex= t-color)); font-size: 32px; } devsite-recommended-content .devsite-recommended-content-item-product-tag {= background: var(--devsite-background-3); color: var(--devsite-display-tag-= color,var(--devsite-secondary-text-color)); display: inline-block; font: va= r(--devsite-display-tag-font,500 14px/20px var(--devsite-primary-font-famil= y)); margin-inline-end: 8px; padding: 2px 4px; } devsite-recommended-content devsite-rich-tooltip { --devsite-rich-tooltip-b= utton-size: 24px; --devsite-rich-tooltip-button-hover-background: 0; --devs= ite-rich-tooltip-padding-block: 8px; --devsite-rich-tooltip-padding-inline:= 16px; --devsite-rich-tooltip-width: auto; --devsite-rich-tooltip-min-width= : 200px; height: var(--devsite-rich-tooltip-button-size); width: var(--devs= ite-rich-tooltip-button-size); } devsite-recommended-content devsite-rich-tooltip:defined { background: var(= --devsite-background-3); display: flex; } devsite-recommended-content devsite-rich-tooltip button[label-type=3D"icon"= ]:is(:hover, :focus) { background: 0px center; } devsite-recommended-content .devsite-recommended-content-cta { display: fle= x; -webkit-box-align: center; align-items: center; letter-spacing: 0.25px; = --devsite-button-border: 0; --devsite-button-border-hover: 0; --devsite-but= ton-disabled-border: 0; --devsite-background-button-background: transparent= ; --devsite-button-border-active: 0; --devsite-button-box-shadow-active: 0;= } devsite-recommended-content .devsite-recommended-content-cta .material-icon= s { top: auto; font-size: 20px; } devsite-recommended-content .devsite-recommended-content-cta devsite-spinne= r { margin-right: 7px; } devsite-recommended-content .ctable { display: none; } devsite-recommended-content .devsite-table-wrapper { display: none; } devsite-reference-results { background: var(--devsite-background-1); displa= y: flex; box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),= 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); max-height: 30= 5px; padding: 20px 10px 20px 28px; margin: 16px 0px; } 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: 0px; = } devsite-reference-results .devsite-reference-results-list { column-count: 2= ; padding-left: 0px; } devsite-reference-results .devsite-reference-results-list-item { break-insi= de: avoid; margin: 0px 0px 0px -8px; outline: 0px; overflow: hidden; paddin= g: 10px 8px; text-decoration: none; text-overflow: ellipsis; transition: ba= ckground 0.2s; white-space: nowrap; } devsite-reference-results .devsite-reference-results-list-item:focus, devsi= te-reference-results .devsite-reference-results-list-item:hover { backgroun= d: var(--devsite-background-3); } devsite-reference-results .devsite-reference-results-list-link { color: var= (--devsite-primary-text-color); font: 13px/20px var(--devsite-primary-font-= family); } @media screen and (max-width: 600px) { devsite-reference-results { overflow-y: scroll; } devsite-reference-results .devsite-reference-results-list { display: flex= ; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directi= on: column; padding-bottom: 20px; } devsite-reference-results .devsite-reference-results { width: auto; } } devsite-related-entities { --devsite-chips-gap: 16px 8px; --devsite-button-= border-radius: 16px; } devsite-rich-tooltip { display: none; position: relative; z-index: 2; } devsite-rich-tooltip:defined { background: 0px center; display: revert; } devsite-rich-tooltip > [slot] { margin: 0px !important; padding: 0px !impor= tant; } devsite-rich-tooltip ul { list-style: none; } devsite-rich-tooltip li { margin-block: 2px; } devsite-search { border-radius: var(--devsite-search-border-radius); displa= y: inline-block; -webkit-box-flex: 0; flex: 0 0 auto; height: var(--devsite= -search-height); margin: 6px 0px 6px 24px; overflow: hidden; position: rela= tive; text-align: left; transform: translateZ(0px); vertical-align: top; wi= dth: 200px; will-change: transition; z-index: 10; } [dir=3D"rtl"] devsite-search { margin: 6px 24px 6px 0px; text-align: right;= } body[pending] devsite-search { visibility: hidden !important; } devsite-search .devsite-search-image { color: var(--devsite-search-image-co= lor,var(--devsite-secondary-text-color)); position: absolute; top: var(--de= vsite-search-image-top); transition: color 0.2s; } [dir=3D"ltr"] devsite-search .devsite-search-image { left: var(--devsite-se= arch-image-x); } [dir=3D"rtl"] devsite-search .devsite-search-image { right: var(--devsite-s= earch-image-x); } devsite-search .devsite-search-image::before { content: "search"; } devsite-search .devsite-search-container { -webkit-box-align: center; align= -items: center; display: flex; } devsite-search .devsite-suggest-results-container { border-top: var(--devsi= te-primary-border); } devsite-search input.devsite-search-field { background: none; border: var(-= -devsite-search-field-border); border-radius: var(--devsite-search-field-bo= rder-radius); color: var(--devsite-secondary-text-color); height: var(--dev= site-search-field-height); outline: 0px; padding: 8px; padding-inline-start= : var(--devsite-search-field-padding-x-start); transition: background 0.2s,= color 0.2s; width: 100%; } devsite-search input.devsite-search-field::-webkit-input-placeholder { colo= r: var(--devsite-search-field-placeholder-color,var(--devsite-secondary-tex= t-color)); font: var(--devsite-search-field-placeholder-font); transition: = color 0.2s; } devsite-search input.devsite-search-field::placeholder { color: var(--devsi= te-search-field-placeholder-color,var(--devsite-secondary-text-color)); fon= t: var(--devsite-search-field-placeholder-font); transition: color 0.2s; } devsite-search input.devsite-search-field:focus { border: var(--devsite-sea= rch-field-border); padding-bottom: 8px; } devsite-search .devsite-searchbox { width: 100%; } devsite-search .devsite-searchbox::before { background: var(--devsite-backg= round-1); content: ""; display: var(--devsite-searchbox-before-display,bloc= k); height: 500px; opacity: 0; pointer-events: none; position: absolute; to= p: -458px; transition: opacity 1ms 0.2s; width: calc(100% + 12px); will-cha= nge: opacity; z-index: -1; } [dir=3D"ltr"] devsite-search .devsite-searchbox::before { left: -6px; } [dir=3D"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: var(--= devsite-searchbox-background-active,var(--devsite-background-3)); } .devsite-header-billboard-search devsite-search[search-active] .devsite-sea= rch-form, body[template=3D"404"] devsite-search[search-active] .devsite-sea= rch-form, devsite-header[search-expanded] .devsite-search-form { border-rad= ius: var(--devsite-search-border-radius,0); box-shadow: var(--devsite-searc= h-active-box-shadow,none); overflow: var(--devsite-search-active-overflow,v= isible); } .devsite-header-billboard-search devsite-search[search-active] .devsite-pop= out, body[template=3D"404"] devsite-search[search-active] .devsite-popout, = devsite-header[search-expanded] devsite-search .devsite-popout { display: v= ar(--devsite-popout-active-display,block); } .devsite-header-billboard-search devsite-search[search-active] .devsite-sea= rch-field, .devsite-header-billboard-search devsite-search[search-active] .= devsite-search-field:hover, body[template=3D"404"] devsite-search[search-ac= tive] .devsite-search-field, body[template=3D"404"] devsite-search[search-a= ctive] .devsite-search-field:hover, devsite-header[search-expanded] devsite= -search[search-active] .devsite-search-field, devsite-header[search-expande= d] devsite-search[search-active] .devsite-search-field:hover { background: = var(--devsite-search-form-background-active); color: var(--devsite-search-f= orm-text-active,var(--devsite-primary-text-color)); } devsite-search[search-active] .devsite-search-field { color: var(--devsite-= primary-text-color); } devsite-search[search-active] .devsite-search-field::-webkit-input-placehol= der { color: var(--devsite-secondary-text-color); } devsite-search[search-active] .devsite-search-field::placeholder { color: v= ar(--devsite-secondary-text-color); } devsite-search[search-active] .devsite-search-image { color: var(--devsite-= search-active-image-color,var(--devsite-secondary-text-color)); } devsite-search .devsite-popout, devsite-search[search-active] .devsite-popo= ut { display: var(--devsite-popout-display,block); } devsite-search .devsite-popout { margin-top: var(--devsite-popout-margin-to= p,6px); position: var(--devsite-popout-position,absolute); transform: var(-= -devsite-popout-transform,translateY(-100vh)); transition: var(--devsite-po= pout-transition,transform .2s); visibility: hidden; width: 100%; z-index: v= ar(--devsite-popout-z-index,-2); } devsite-search[search-active] .devsite-popout { transform: translateY(0px);= transition-delay: 0.2s; visibility: visible; will-change: transform; } devsite-search .devsite-popout-result { background: var(--devsite-backgroun= d-1); box-shadow: var(--devsite-popout-box-shadow,0 1px 2px 0 var(--devsite= -elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-= shadow-color)); max-height: calc(-56px + 100vh); 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 0px 0px; font-size:= 14px; } devsite-search .devsite-result-item, devsite-search .devsite-result-label {= font: 13px/20px var(--devsite-primary-font-family); margin: 0px; } devsite-search .devsite-result-label { padding-left: 40px; } [dir=3D"rtl"] devsite-search .devsite-result-label { padding-left: 0px; pad= ding-right: 40px; } devsite-search .devsite-result-item a { color: var(--devsite-primary-text-c= olor); display: block; outline: 0px; padding: 8px; text-decoration: none; t= ransition: background 0.2s; will-change: transition; } [dir=3D"ltr"] devsite-search .devsite-result-item a { padding-left: 40px; } [dir=3D"rtl"] devsite-search .devsite-result-item a { padding-right: 40px; = } devsite-search .devsite-result-item a:focus, devsite-search .devsite-result= -item a:hover, devsite-search .devsite-result-item.highlight a { background= : var(--devsite-background-3); } devsite-search .devsite-result-item b { font-weight: 500; } devsite-search .devsite-suggest-footer { border-top: var(--devsite-primary-= border); margin: 8px 0px 0px; padding: 7px 0px 8px 40px; } [dir=3D"rtl"] devsite-search .devsite-suggest-footer { padding: 7px 40px 8p= x 0px; } devsite-search .devsite-suggest-footer > .button { display: inline-block; m= argin: 6px 0px; max-width: calc(100% - 16px); } [dir=3D"ltr"] devsite-search .devsite-suggest-footer > .button { margin-rig= ht: 16px; } [dir=3D"rtl"] devsite-search .devsite-suggest-footer > .button { margin-lef= t: 16px; } devsite-search .devsite-suggest-footer > .button-white { max-width: 100%; } [dir=3D"ltr"] devsite-search .devsite-suggest-footer > .button-white { marg= in-left: -8px; } [dir=3D"rtl"] devsite-search .devsite-suggest-footer > .button-white { marg= in-right: -8px; } devsite-search .devsite-suggest-header { font: 500 11px/16px var(--devsite-= primary-font-family); letter-spacing: 0.8px; margin: 12px 0px; padding-left= : 40px; text-transform: uppercase; } [dir=3D"rtl"] devsite-search .devsite-suggest-header { padding-left: 0px; p= adding-right: 40px; } devsite-search hr + .devsite-suggest-sub-section > .devsite-suggest-header = { margin-top: 24px; } devsite-search .devsite-suggest-header .devsite-suggest-project::before { c= ontent: "|"; margin: 0px 8px; } devsite-search hr { margin: 8px 0px; } devsite-search .devsite-suggestion-fragment + .devsite-suggestion-fragment:= :before { content: "|"; margin: 0px 8px; } devsite-search .devsite-search-disabled { padding-bottom: 16px; } devsite-search[compact] { width: auto; } devsite-search[compact] .devsite-search-field, devsite-search[compact] .dev= site-searchbox { background-color: transparent; } devsite-search[compact] input.devsite-search-field { width: 0px; } devsite-search[compact] .devsite-search-image { left: calc(50% - 12px); poi= nter-events: none; } [dir=3D"ltr"] devsite-search[compact][search-active] .devsite-search-image = { left: 8px; right: auto; } [dir=3D"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=3D"rtl"] devsite-search input.devsite-search-field { padding-left: 0= px; padding-right: 40px; } .devsite-search-background, .devsite-search-background::after, [search-ac= tive] .devsite-search-background::after, devsite-search .devsite-search-fie= ld, devsite-search .devsite-search-field:hover { transition: none; } devsite-search .devsite-search-image { left: 8px; } [dir=3D"rtl"] devsite-search .devsite-search-image { left: auto; right: 8= px; } devsite-header devsite-search { -webkit-box-align: center; align-items: c= enter; display: flex; margin-left: 8px; overflow: visible; } [dir=3D"rtl"] devsite-header devsite-search { margin-left: 0px; margin-ri= ght: 8px; } devsite-header devsite-search .devsite-search-form { -webkit-box-flex: 1;= flex-grow: 1; } devsite-header .devsite-top-logo-row devsite-search:not([search-active]) = input.devsite-search-field { padding: 0px; } } devsite-select { display: var(--devsite-select-display); margin: var(--devs= ite-select-margin); position: relative; } devsite-select + devsite-select, devsite-select ~ .button, devsite-select ~= button { margin-block-start: var(--devsite-select-sibling-gap-y); margin-i= nline-start: var(--devsite-select-sibling-gap-x); } devsite-select select { position: absolute; z-index: -1; display: none !imp= ortant; pointer-events: none !important; } devsite-select .devsite-select { position: relative; } devsite-select .devsite-select-toggle { appearance: none; background-color:= var(--devsite-select-background-color); border: var(--devsite-select-borde= r,var(--devsite-secondary-border)); border-radius: var(--devsite-select-bor= der-radius); box-shadow: none; color: var(--devsite-select-color,var(--devs= ite-primary-text-color)); cursor: pointer; display: inline-block; font-styl= e: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ;= font-variant-east-asian: ; font-variant-alternates: ; font-variant-positio= n: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font= -family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-= feature-settings: ; font-variation-settings: ; font-language-override: ; he= ight: var(--devsite-select-height,36px); line-height: var(--devsite-select-= line-height,34px); max-width: var(--devsite-select-max-width,340px); min-wi= dth: 72px; outline: 0px; overflow: hidden; padding: var(--devsite-select-pa= dding,0 27px 0 7px); text-align: left; text-indent: 0.01px; text-overflow: = ellipsis; transition: background-color 0.2s; vertical-align: middle; white-= space: nowrap; position: relative; } devsite-select .devsite-select-toggle:focus, devsite-select .devsite-select= -toggle:hover { background-color: var(--devsite-select-background-color-hov= er,var(--devsite-background-3)); border: var(--devsite-select-border-hover,= var(--devsite-select-border,var(--devsite-secondary-border))); color: var(-= -devsite-select-color-hover); } devsite-select .devsite-select-toggle:active { background-color: var(--devs= ite-select-background-color-active,var(--devsite-background-4)); color: var= (--devsite-select-color-active); } devsite-select .devsite-select-toggle:disabled { background-color: var(--de= vsite-background-3); border-color: transparent; color: var(--devsite-tertia= ry-text-color); cursor: default; } devsite-select .devsite-select-toggle-icon { -webkit-box-align: center; ali= gn-items: center; display: flex; height: 100%; pointer-events: none; positi= on: absolute; top: 0px; } [dir=3D"ltr"] devsite-select .devsite-select-toggle-icon { right: var(--dev= site-select-toggle-icon-x,8px); } [dir=3D"rtl"] devsite-select .devsite-select-toggle-icon { left: var(--devs= ite-select-toggle-icon-x,8px); } devsite-select .devsite-select-toggle-icon::before { font-size: 18px; } devsite-select .devsite-select-toggle-count { margin-inline-start: var(--de= vsite-select-count-margin-inline-start,6px); } devsite-select .devsite-select-toggle-count[parens]:not(:empty)::before { c= ontent: "("; } devsite-select .devsite-select-toggle-count[parens]:not(:empty)::after { co= ntent: ")"; } devsite-select .devsite-select-list { background: var(--devsite-background-= 1); border: var(--devsite-list-border,var(--devsite-secondary-border)); bor= der-radius: var(--devsite-list-border-radius,2px); box-shadow: 0 1px 2px 0 = var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-eleva= tion-ambient-shadow-color); display: none; font: var(--devsite-list-font,40= 0 14px/20px var(--devsite-primary-font-family)); max-height: 304px; min-wid= th: var(--devsite-list-min-width); opacity: 0; outline: 0px; overflow-y: au= to; padding: 8px 0px; pointer-events: none; position: absolute; transition:= opacity 0.2s, visibility 0.2s; z-index: 1005; } devsite-dialog devsite-select .devsite-select-list { z-index: 1015; } devsite-select[menu--open] .devsite-select-list { display: block; pointer-e= vents: auto; } devsite-select[menu--show] .devsite-select-list { opacity: 1; } devsite-select[menu-position=3D"above"] .devsite-select-list { bottom: var(= --devsite-list-position-y,36px); } devsite-select[menu-position=3D"below"] .devsite-select-list { top: var(--d= evsite-list-position-y,36px); } devsite-select .devsite-select-item { -webkit-box-align: center; align-item= s: center; display: flex; margin: 0px; min-height: 48px; min-width: 100%; p= adding: 8px 16px; white-space: nowrap; } devsite-select .devsite-select-item.devsite-focused, devsite-select .devsit= e-select-item:focus, devsite-select .devsite-select-item:hover { background= -color: var(--devsite-background-3); cursor: pointer; } devsite-select .devsite-select-item[data-selected] { background-color: var(= --devsite-item-background-selected,var(--devsite-background-3)); color: var= (--devsite-item-color-selected); font-weight: var(--devsite-item-font-weigh= t-selected,500); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-select .devsite-select-item[data-selected] { font-weight: 700; te= xt-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= -style: normal; font-variant: normal; font-size-adjust: none; font-language= -override: normal; font-kerning: auto; font-optical-sizing: auto; font-vari= ation-settings: normal; font-weight: normal; font-stretch: normal; line-hei= ght: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -webk= it-font-smoothing: antialiased; text-rendering: optimizelegibility; text-tr= ansform: none; overflow-wrap: normal; color: rgb(128, 134, 139); content: "= check_box_outline_blank"; display: block; font-size: 24px; left: 16px; posi= tion: absolute; top: 50%; transform: translateY(-50%); } devsite-select.devsite-select--multiple .devsite-select-item[data-selected]= ::before { color: rgb(25, 118, 210); content: "check_box"; } devsite-selector { background: var(--devsite-selector-background,var(--devs= ite-background-1)); border: var(--devsite-border,var(--devsite-secondary-bo= rder)); border-radius: var(--devsite-border-radius,0); display: block; marg= in: var(--devsite-selector-margin,16px 0); } devsite-selector devsite-tabs { display: none; } devsite-selector devsite-tabs[connected] { border-bottom: var(--devsite-bor= der,var(--devsite-secondary-border)); display: flex; } devsite-selector devsite-tabs tab a { cursor: pointer; display: inline-bloc= k; flex-shrink: 0; line-height: var(--devsite-selector-tab-line-height,48px= ); margin: 0px; max-width: 200px; overflow: hidden; text-align: center; tex= t-overflow: ellipsis; transition: color 0.2s; white-space: nowrap; } devsite-selector devsite-tabs tab a, devsite-selector devsite-tabs tab a:li= nk, devsite-selector devsite-tabs tab a:visited { color: var(--devsite-seco= ndary-text-color); } devsite-selector devsite-tabs tab a:focus, devsite-selector devsite-tabs ta= b a:hover { color: var(--devsite-link-hover,var(--devsite-link-color)); } devsite-selector devsite-tabs tab[active] a:link, devsite-selector devsite-= tabs tab[active] a:visited { color: var(--devsite-link-color); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-selector devsite-tabs tab[active] a:link, devsite-selector devsit= e-tabs tab[active] a:visited { color: inherit; } } devsite-selector devsite-tabs > div > tab[tab] a:focus::after, devsite-sele= ctor devsite-tabs > div > tab[tab] a:hover::after { border-color: var(--dev= site-tab-marker-color,transparent); } devsite-selector devsite-tabs > div > tab[active] a::after, devsite-selecto= r devsite-tabs > div > tab[active] a:focus::after, devsite-selector devsite= -tabs > div > tab[active] a:hover::after { border-color: var(--devsite-link= -color); } 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] { back= ground: var(--devsite-overflow-tab-background,0); border-radius: var(--devs= ite-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] .de= vsite-tabs-overflow-menu tab a:hover { background: var(--devsite-overflow-l= ink-background-hover,var(--devsite-background-3)); } devsite-selector > section { display: none; outline: 0px; } devsite-selector > section[active] { display: block; padding: 0px 23px; } devsite-selector > section .devsite-table-wrapper:first-child tbody tr:firs= t-child, devsite-selector > section .devsite-table-wrapper:first-child thea= d tr { border-top: 0px; } devsite-selector > section > .devsite-table-wrapper, devsite-selector > sec= tion > .github-docwidget-gitinclude-code > devsite-code, devsite-selector >= section > .github-docwidget-include, devsite-selector > section > aside.be= ta, devsite-selector > section > aside.caution, devsite-selector > section = > aside.deprecated, devsite-selector > section > aside.dogfood, devsite-sel= ector > section > aside.experimental, devsite-selector > section > aside.ke= y-objective, devsite-selector > section > aside.key-point, devsite-selector= > section > aside.key-term, devsite-selector > section > aside.note, devsi= te-selector > section > aside.preview, devsite-selector > section > aside.s= uccess, devsite-selector > section > aside.warning, devsite-selector > sect= ion > devsite-code, devsite-selector > section > table { margin: 0px -23px;= } devsite-selector > section > :first-child:not(aside):not(devsite-code):not(= table):not(.devsite-table-wrapper):not([class^=3D"github-"]) { margin-top: = var(--devsite-selector-content-margin-y,15px); } devsite-selector > section > :last-child:not(aside):not(devsite-code):not(t= able):not(.devsite-table-wrapper):not([class^=3D"github-"]) { margin-bottom= : var(--devsite-selector-content-margin-y,15px); } devsite-selector .devsite-table-wrapper:last-child, devsite-selector > sect= ion > .github-docwidget-gitinclude-code > devsite-code:last-child > pre, de= vsite-selector > section > aside:last-child, devsite-selector > section > d= evsite-code:last-child > pre { border-radius: var(--devsite-content-border-= radius,0); } devsite-selector .devsite-table-wrapper + .devsite-table-wrapper { margin-t= op: 16px; } devsite-selector > section table devsite-code { margin: 16px 0px; } devsite-selector > section > devsite-code pre { padding-left: 23px; } .devsite-article devsite-selector .material-icons { font-size: var(--devsit= e-selector-icon-font-size,18px); vertical-align: text-bottom; } devsite-selector[ready] { pointer-events: auto; visibility: visible; } devsite-shell-activate-button { -webkit-box-align: center; align-items: cen= ter; display: flex; height: 100%; justify-content: space-around; } devsite-shell-activate-button[tooltip--shown] { z-index: 104; } @media screen and (max-width: 840px) { devsite-shell-activate-button { display: none; } } devsite-shell-activate-button ul li { text-align: left; } devsite-shell-activate-button button { border: none; color: rgb(95, 99, 104= ); height: auto; margin: 0px 0px 0px 11px; min-width: 0px; padding: 9px 13p= x; width: auto; } devsite-shell-activate-button button.cloudshell-dogfood { padding-right: 0p= x; } devsite-shell-activate-button button.cloudshell-dogfood::before { backgroun= d: var(--devsite-background-1); border-radius: 100%; border: var(--devsite-= header-border); box-shadow: 1px 1px 1px var(--devsite-background-0); color:= rgb(25, 118, 210); content: "pets"; float: right; font-family: "Material I= cons"; font-size: 14px; font-weight: 400; height: 20px; line-height: 18px; = overflow: hidden; position: relative; right: 7px; text-align: center; text-= rendering: optimizelegibility; top: 7px; width: 20px; } devsite-shell-activate-button button[disabled].cloudshell-dogfood::before {= color: rgb(154, 160, 166); } devsite-shell-activate-button button:active { background: var(--devsite-bac= kground-4); border: none; } devsite-shell-activate-button button:focus { background: none; border: none= ; color: rgb(95, 99, 104); } devsite-shell-activate-button button:hover { background: var(--devsite-back= ground-4); border: none; color: rgb(95, 99, 104); } devsite-shell-activate-button cloud-mdc-rich-tooltip::part(richTooltip) { t= ransform: translateX(-36px); } devsite-shell-activate-button button[disabled] { border: none; } devsite-shell-activate-button button svg { display: block; margin: auto; po= inter-events: none; } devsite-shell-activate-button .tooltip-title { color: rgb(60, 64, 67); font= -size: 16px; font-weight: 500; margin: 2px 0px 8px; padding: 0px; } devsite-shell-activate-button [slot=3D"contents"].tooltip-contents { color:= rgb(60, 64, 67); font-family: var(--devsite-wordmark-font-family); font-si= ze: 14px; font-weight: 400; } devsite-shell-activate-button p.tooltip-contents { text-align: left; margin= : 0px; } devsite-shell-activate-button ul.tooltip-contents { margin: 8px 0px 0px; } devsite-shell-activate-button ul.tooltip-contents li { margin: 0px; } devsite-shell-activate-button .tooltip-buttons { float: left; margin: 24px = 0px 2px; } body[free-trial] devsite-shell-activate-button[free-trial-hide] { display: = none; } body[free-trial] devsite-shell-activate-button[force-visibility] { display:= flex; } devsite-sitemask { background: rgba(0, 0, 0, 0.4); inset: -200px; cursor: p= ointer; opacity: 0; pointer-events: none; position: fixed; transition: opac= ity 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; transition: o= pacity 0.2s; visibility: visible; } devsite-snackbar { bottom: 0px; left: 0px; margin-right: 24px; min-width: 2= 88px; position: fixed; right: 0px; z-index: 1018; } devsite-snackbar .devsite-snackbar-snack { bottom: 0px; box-sizing: border-= box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: no= rmal; flex-direction: column; max-width: var(--devsite-snack-max-width,none= ); min-width: var(--devsite-snack-min-width,auto); padding: 0px 0px 24px 24= px; position: absolute; transform: translateY(100px); transition: transform= 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4, = 0, 1, 1); width: var(--devsite-snack-width,auto); } devsite-snackbar [show].devsite-snackbar-snack { transform: translateY(0px)= ; } devsite-snackbar .devsite-snackbar-inner { align-content: center; -webkit-b= ox-align: center; align-items: center; background: var(--devsite-snackbar-i= nner-background,#3c4043); border-radius: var(--devsite-snackbar-inner-borde= r-radius,2px); box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-c= olor),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color); color: v= ar(--devsite-snackbar-inner-color,#fff); display: flex; -webkit-box-orient:= horizontal; -webkit-box-direction: normal; flex-flow: row var(--devsite-sn= ackbar-inner-flex-wrap,nowrap); font-size: 14px; min-height: 48px; padding:= 0px; } devsite-snackbar .devsite-snackbar-message { -webkit-box-flex: var(--devsit= e-snackbar-message-flex,1 1); flex: var(--devsite-snackbar-message-flex,1 1= ); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-varian= t-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-var= iant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; font-fa= mily: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-fea= ture-settings: ; font-variation-settings: ; font-language-override: ; lette= r-spacing: 0.2px; line-height: 20px; font-weight: 400; overflow: hidden; pa= dding: var(--devsite-snackbar-message-padding,24px); text-overflow: ellipsi= s; word-break: break-word; } devsite-snackbar .devsite-snackbar-message a { color: var(--devsite-snackba= r-link-color,#669df6); } devsite-snackbar .devsite-snackbar-action, devsite-snackbar .devsite-snackb= ar-link { align-self: center; color: var(--devsite-snackbar-link-color,#eef= f41); cursor: pointer; display: inline-block; -webkit-box-flex: 0; flex: 0 = 0 0%; float: right; font-style: ; font-variant-ligatures: ; font-variant-ca= ps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alter= nates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font= -stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-ad= just: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ;= font-language-override: ; height: auto; letter-spacing: 0.25px; line-heigh= t: 20px; margin-left: 0px; margin-right: var(--devsite-snackbar-action-marg= in-right,0); min-width: fit-content; outline: none; padding: var(--devsite-= snackbar-action-padding,14px 24px); position: relative; } devsite-snackbar .devsite-snackbar-action, devsite-snackbar .devsite-snackb= ar-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 .de= vsite-snackbar-link:focus, devsite-snackbar .devsite-snackbar-link:hover { = background: 0px center; border: 0px; box-shadow: none; } devsite-snackbar .devsite-snackbar-link:focus { text-decoration: none; } devsite-snackbar [type=3D"cookie-notification"] .devsite-snackbar-link, dev= site-snackbar [type^=3D"notification-"] .devsite-snackbar-action { margin-l= eft: var(--devsite-snackbar-action-margin-left,0); } @media screen and (max-width: 840px) { devsite-snackbar { margin-right: 0px; max-width: 100%; } devsite-snackbar [type=3D"cookie-notification"] .devsite-snackbar-inner, = devsite-snackbar [type^=3D"notification-"] .devsite-snackbar-inner { flex-w= rap: wrap; } devsite-snackbar [type=3D"cookie-notification"] .devsite-snackbar-message= , devsite-snackbar [type^=3D"notification-"] .devsite-snackbar-message { -w= ebkit-box-flex: 0; flex: 0 0 100%; padding: var(--devsite-snackbar-message-= padding,24px 24px 0); } devsite-snackbar .devsite-snackbar-inner { border-radius: 0px; } devsite-snackbar .devsite-snackbar-snack { left: 0px; padding: 24px 0px 0= px; right: 0px; } } 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: 3= 6px; position: absolute; } devsite-tabs { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; height: va= r(--devsite-tabs-height,48px); margin: var(--devsite-tabs-margin); max-widt= h: calc(100% - 208px); position: relative; width: var(--devsite-tabs-width)= ; } devsite-tabs[connected] { max-width: none; } devsite-tabs .devsite-tabs-wrapper { inset: 0px; display: flex; overflow: h= idden; position: absolute; } [dir=3D"ltr"] devsite-tabs.lower-tabs .devsite-tabs-wrapper { left: var(--d= evsite-tabs-wrapper-x,0); } [dir=3D"rtl"] devsite-tabs.lower-tabs .devsite-tabs-wrapper { 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-m= enu--open] .devsite-tabs-wrapper { overflow: visible; } devsite-tabs tab { display: flex; flex-shrink: 0; position: relative; } devsite-tabs tab > .devsite-tabs-content, devsite-tabs tab > a { -webkit-bo= x-align: center; align-items: center; display: flex; font: var(--devsite-li= nk-font,500 14px/20px var(--devsite-primary-font-family)); letter-spacing: = var(--devsite-link-letter-spacing,normal); margin: 0px; padding: var(--devs= ite-link-padding,0 24px); text-transform: var(--devsite-link-text-transform= ,uppercase); transition: color 0.2s; white-space: nowrap; } devsite-tabs tab > .devsite-tabs-content, devsite-tabs tab > .devsite-tabs-= content:focus, devsite-tabs tab > .devsite-tabs-content:hover, devsite-tabs= tab > a, devsite-tabs tab > a:focus, devsite-tabs tab > a:hover { text-dec= oration: none; } devsite-tabs.upper-tabs tab a { font-weight: var(--devsite-upper-tab-font-w= eight,400); text-transform: none; } devsite-tabs.upper-tabs tab > a { color: var(--devsite-upper-tab-inactive,v= ar(--devsite-secondary-text-color)); } devsite-tabs.upper-tabs tab[active] > a { font-weight: 500; } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-tabs.upper-tabs tab[active] > a { color: inherit; } } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a { color: = var(--devsite-upper-tab-active,var(--devsite-primary-text-color)); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:hover { c= olor: var(--devsite-upper-tab-active-hover,var(--devsite-upper-tab-active,v= ar(--devsite-primary-text-color))); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:focus { c= olor: var(--devsite-upper-tab-active-focus,var(--devsite-secondary-text-col= or)); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a::after { = border-color: var(--devsite-upper-tab-marker-color,var(--devsite-secondary-= color,var(--devsite-primary-text-color))); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:hover::af= ter { border-color: var(--devsite-upper-tab-marker-color-hover,var(--devsit= e-upper-tab-marker-color,var(--devsite-secondary-color,var(--devsite-primar= y-text-color)))); } devsite-tabs tab > a:focus::after, devsite-tabs tab > a:hover::after, devsi= te-tabs tab[active] > a::after { border-radius: var(--devsite-tab-marker-bo= rder-radius,0); border-top: var(--devsite-tab-marker-height,2px) solid tran= sparent; bottom: 0px; content: ""; display: block; position: absolute; } [dir=3D"ltr"] devsite-tabs tab > a:focus::after, [dir=3D"ltr"] devsite-tabs= tab > a:hover::after, [dir=3D"ltr"] devsite-tabs tab[active] > a::after { = left: var(--devsite-tab-marker-position-x,0); right: var(--devsite-tab-mark= er-position-x-end,var(--devsite-tab-marker-position-x,0)); } [dir=3D"rtl"] devsite-tabs tab > a:focus::after, [dir=3D"rtl"] devsite-tabs= tab > a:hover::after, [dir=3D"rtl"] devsite-tabs tab[active] > a::after { = left: var(--devsite-tab-marker-position-x-end,var(--devsite-tab-marker-posi= tion-x,0)); right: var(--devsite-tab-marker-position-x,0); } devsite-tabs tab[dropdown] > a { padding-block: 0px; padding-inline: var(--= devsite-dropdown-tab-padding-x,24px) 0; position: relative; z-index: 2; } [dir=3D"ltr"] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdo= wn-toggle)::after, [dir=3D"ltr"] devsite-tabs tab[dropdown] a:not(.devsite-= tabs-dropdown-toggle):focus::after, [dir=3D"ltr"] devsite-tabs tab[dropdown= ] a:not(.devsite-tabs-dropdown-toggle):hover::after { right: var(--devsite-= tab-marker-inset-x,0); } [dir=3D"rtl"] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdo= wn-toggle)::after, [dir=3D"rtl"] devsite-tabs tab[dropdown] a:not(.devsite-= tabs-dropdown-toggle):focus::after, [dir=3D"rtl"] devsite-tabs tab[dropdown= ] a:not(.devsite-tabs-dropdown-toggle):hover::after { left: var(--devsite-t= ab-marker-inset-x,0); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a { font-weigh= t: var(--devsite-upper-tab-dropdown-link-font-weight); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a, devsite-tab= s.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:visited { color: var(--= devsite-upper-tab-dropdown-link,var(--devsite-primary-text-color)); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus, devsi= te-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover { color: va= r(--devsite-upper-tab-dropdown-link-hover,var(--devsite-secondary-text-colo= r)); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus .devsi= te-nav-item-title, devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-drop= down a:hover .devsite-nav-item-title { text-decoration: var(--devsite-nav-i= tem-title-text-decoration-hover,none); } devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description { font-= weight: var(--devsite-upper-tab-dropdown-description-font-weight); } devsite-tabs .devsite-tabs-dropdown-content { border-top: var(--devsite-hea= der-border,0); } devsite-tabs.lower-tabs tab[dropdown] .devsite-tabs-dropdown-content, devsi= te-tabs.lower-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, devsite-t= abs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, devsite-tabs.u= pper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu { border-radius: va= r(--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: var(--devsite-upper-tab-dropdown-inactive,var(--devsite-upp= er-tab-inactive,var(--devsite-secondary-text-color))); } devsite-tabs.upper-tabs tab[active][dropdown] .devsite-tabs-dropdown-toggle= ::before { color: var(--devsite-upper-tab-dropdown-active,var(--devsite-upp= er-tab-active,var(--devsite-primary-text-color))); } devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description { color= : var(--devsite-upper-tab-dropdown-description,var(--devsite-secondary-text= -color)); } devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle { -webkit-box-alig= n: center; align-items: center; cursor: pointer; display: flex; padding-blo= ck: 0px; padding-inline: 0 var(--devsite-dropdown-toggle-padding-x,0); } devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle::before, devsite-t= abs.upper-tabs .devsite-icon-arrow-drop-down::before { transform: rotate(0d= eg); transition: background 0.2s, color 0.2s, transform 0.2s, -webkit-trans= form 0.2s; } devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:focus::before { ba= ckground: var(--devsite-background-3); border-radius: 50%; } devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-toggle::before, dev= site-tabs.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-dro= p-down::before { transform: rotate(-180deg); } devsite-tabs tab[overflow-tab] { -webkit-box-flex: 1; flex-grow: 1; positio= n: relative; } devsite-tabs tab[overflow-tab][collapsed] { -webkit-box-flex: 0; flex-grow:= 0; } devsite-tabs.upper-tabs tab[overflow-tab]::after { content: ""; height: 48p= x; position: absolute; z-index: -1; } [dir=3D"ltr"] devsite-tabs.upper-tabs tab[overflow-tab]::after { left: -6px= ; right: -100%; } [dir=3D"rtl"] devsite-tabs.upper-tabs tab[overflow-tab]::after { left: -100= %; right: -6px; } devsite-tabs tab[overflow-tab] tab > a { padding: var(--devsite-overflow-ta= b-padding,0 24px); } devsite-tabs tab[overflow-tab] a { -webkit-box-align: center; align-items: = center; display: flex; -webkit-box-orient: horizontal; -webkit-box-directio= n: reverse; flex-direction: row-reverse; position: relative; } devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown, devsite-tabs tab= [overflow-tab] tab .devsite-tabs-dropdown-toggle { display: none; } devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu { background: va= r(--devsite-overflow-menu-background,var(--devsite-background-1)); border-r= adius: var(--devsite-overflow-menu-border-radius,2px); box-shadow: 0 1px 2p= x 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-e= levation-ambient-shadow-color); display: flex; -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; max-height: 320px;= overflow-y: auto; padding: 16px 0px; position: absolute; top: var(--devsit= e-overflow-menu-top,-16px); z-index: 1005; } devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu { bor= der-radius: 0px 0px 2px 2px; box-shadow: 0 1px 2px 0 var(--devsite-elevatio= n-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-co= lor),inset 0 4px 6px -4px var(--devsite-elevation-inset-shadow-color); top:= 48px; transform: translateZ(0px); transition: transform 0.2s, -webkit-tran= sform 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[hidde= n] { pointer-events: none; transform: translate3d(0px, -150%, 0px); display= : block !important; } devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a { backgrou= nd: var(--devsite-background-1); color: var(--devsite-secondary-text-color)= ; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direc= tion: row; -webkit-box-flex: 1; flex-grow: 1; height: 48px; } devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus, dev= site-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover { backg= round: var(--devsite-background-3); color: var(--devsite-primary-text-color= ); } devsite-tabs .devsite-tabs-dropdown { display: block; font-size: 13px; left= : -6px; min-width: calc(100% + 12px); outline: 0px; overflow: hidden; paddi= ng: 0px 6px 6px; pointer-events: none; position: absolute; top: 100%; z-ind= ex: -1; } [dir=3D"rtl"] devsite-tabs .devsite-tabs-dropdown { right: -6px; left: auto= ; } devsite-tabs [dropdown-full] .devsite-tabs-dropdown { left: 0px; padding: 0= px 0px 6px; width: 100vw; } devsite-tabs .devsite-tabs-dropdown-content { background-color: var(--devsi= te-background-1); display: var(--devsite-dropdown-content-display,flex); bo= x-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2= px var(--devsite-elevation-ambient-shadow-color),inset 0 4px 6px -4px var(-= -devsite-elevation-inset-shadow-color); grid-template-columns: var(--devsit= e-dropdown-content-grid-template-columns,none); grid-template-rows: var(--d= evsite-dropdown-content-grid-template-rows,none); overflow: auto; max-heigh= t: 600px; max-width: 100vw; padding: var(--devsite-dropdown-content-padding= ,0 12px); pointer-events: none; transform: translate3d(0px, -150%, 0px); tr= ansition: transform, -webkit-transform; white-space: nowrap; } devsite-tabs .devsite-tabs-dropdown[dropdown-transition] .devsite-tabs-drop= down-content { transition: transform 0.5s, -webkit-transform 0.5s; } devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-content { pointer-e= vents: all; transform: translateZ(0px); } devsite-tabs .devsite-tabs-dropdown-column { background: var(--devsite-drop= down-column-background,none); border-top: var(--devsite-dropdown-column-bor= der-top,0); box-sizing: var(--devsite-dropdown-column-box-sizing,inherit); = margin: var(--devsite-dropdown-column-margin,0); max-width: var(--devsite-d= ropdown-column-max-width,none); min-width: var(--devsite-dropdown-column-mi= n-width,180px); padding: var(--devsite-dropdown-column-padding,0); } devsite-tabs [dropdown-full] .devsite-tabs-dropdown-column { -webkit-box-fl= ex: 1; flex: 1 1 0%; grid-row: var(--devsite-dropdown-column-grid-row,auto)= ; min-width: 0px; } devsite-tabs .devsite-tabs-dropdown-section { list-style: none; margin: var= (--devsite-dropdown-section-margin,0); padding: var(--devsite-dropdown-sect= ion-padding,0 12px); } devsite-tabs .devsite-tabs-dropdown-section:first-child { margin: var(--dev= site-dropdown-first-section-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] .d= evsite-nav-title { line-height: 18px; margin: var(--devsite-nav-text-margin= ,0 0 18px); } devsite-tabs tab[dropdown] .devsite-nav-title { border-bottom: var(--devsit= e-nav-title-border-bottom,0); color: var(--devsite-nav-title-color,var(--de= vsite-secondary-text-color)); font-style: ; font-variant-ligatures: ; font-= variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-var= iant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stre= tch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; fo= nt-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-s= ettings: ; font-language-override: ; font-weight: var(--devsite-nav-title-f= ont-weight,700); outline: none; padding: var(--devsite-nav-title-padding,0)= ; text-transform: var(--devsite-nav-title-transform,none); white-space: var= (--devsite-nav-title-white-space); } devsite-tabs tab[dropdown] .devsite-nav-item-title { display: var(--devsite= -nav-item-title-display,block); font-style: ; font-variant-ligatures: ; fon= t-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-v= ariant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-we= ight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; = font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation= -settings: ; font-language-override: ; letter-spacing: var(--devsite-nav-it= em-title-letter-spacing,normal); line-height: var(--devsite-nav-item-title-= line-height,inherit); margin: var(--devsite-nav-item-title-margin,0); } 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[dropd= own] .devsite-nav-item-description { font-style: ; font-variant-ligatures: = ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; f= ont-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; fo= nt-weight: ; font-stretch: ; font-family: ; font-optical-sizing: ; font-siz= e-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-setting= s: ; font-language-override: ; font-size: var(--devsite-nav-description-fon= t-size,inherit); line-height: var(--devsite-nav-description-line-height,inh= erit); } devsite-tabs tab[dropdown] .devsite-nav-description { color: var(--devsite-= nav-description-color,inherit); margin: var(--devsite-nav-description-margi= n,12px 0); white-space: var(--devsite-nav-description-white-space,inherit);= } devsite-tabs tab[dropdown] .devsite-nav-item-description { color: var(--dev= site-secondary-text-color); padding: var(--devsite-padding,0); white-space:= normal; } body[theme] devsite-tabs .devsite-tabs-dropdown a, body[theme] devsite-tabs= .devsite-tabs-dropdown a:visited { color: var(--devsite-primary-text-color= ); display: var(--devsite-dropdown-link-display,block); font-weight: 400; } body[theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme] devsit= e-tabs .devsite-tabs-dropdown a:hover { color: var(--devsite-link-color); } devsite-tabs[render-hidden] { width: 100%; } devsite-tabs tab[overflow-tab][render-hidden], devsite-tabs[render-hidden] = tab[overflow-tab] { -webkit-box-flex: 0; flex: 0 0 auto; } devsite-tabs tab[dropdown] .devsite-tabs-close-button { color: var(--devsit= e-primary-text-color); cursor: pointer; position: absolute; right: 24px; to= p: 24px; visibility: hidden; z-index: 1; } devsite-tabs tab[dropdown] .devsite-tabs-close-button:focus, devsite-tabs t= ab[dropdown] .devsite-tabs-close-button:hover { color: var(--devsite-link-c= olor); } devsite-tabs tab[dropdown--open] .devsite-tabs-close-button { visibility: v= isible; } devsite-thumb-rating { display: block; } devsite-thumb-rating[position=3D"footer"] { text-align: center; } devsite-thumb-rating .devsite-thumb-rating { border-radius: 4px; display: g= rid; gap: 0px 8px; grid-template-areas: "label thumbs"; grid-template-colum= ns: auto 1fr; } devsite-thumb-rating .devsite-thumb-label { font-size: 13px; grid-area: lab= el; } devsite-thumb-rating .devsite-thumbs { grid-area: thumbs; } devsite-thumb-rating[position=3D"header"] .devsite-thumbs, devsite-thumb-ra= ting[position=3D"main"] .devsite-thumbs { margin: -3px 0px; } devsite-thumb-rating .devsite-thumb { -webkit-box-align: center; align-item= s: center; background: 0px center; border: 0px; border-radius: 50%; box-sha= dow: none; cursor: pointer; display: inline-flex; fill: var(--devsite-secon= dary-text-color); height: 30px; -webkit-box-pack: center; justify-content: = center; min-width: 30px; padding: 0px; width: 30px; } devsite-thumb-rating .devsite-thumb:focus, devsite-thumb-rating .devsite-th= umb:hover { background: var(--devsite-background-3); } devsite-thumb-rating .devsite-thumb + .devsite-thumb { margin: 0px; } devsite-thumb-rating[rating=3D"down"] .devsite-thumb-down, devsite-thumb-ra= ting[rating=3D"up"] .devsite-thumb-up { fill: var(--devsite-link-color); } devsite-thumb-rating[rating=3D"down"] .devsite-thumb-down:focus, devsite-th= umb-rating[rating=3D"down"] .devsite-thumb-down:hover, devsite-thumb-rating= [rating=3D"up"] .devsite-thumb-up:focus, devsite-thumb-rating[rating=3D"up"= ] .devsite-thumb-up:hover { background: var(--devsite-link-background-activ= e); } devsite-thumb-rating .devsite-thumb-icon { -webkit-box-flex: 0; flex: 0 0 a= uto; height: 18px; pointer-events: none; width: 18px; } devsite-thumb-rating[position=3D"footer"] .devsite-thumb-rating { display: = block; margin-top: 24px; } .devsite-thumb-rating-dialog { position: relative; } .devsite-thumb-rating-dialog .devsite-thumb-rating-categories { display: fl= ex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direc= tion: column; } .devsite-thumb-rating-dialog .devsite-thumb-rating-category { padding-botto= m: 12px; } [dir=3D"ltr"] .devsite-thumb-rating-dialog h3 { text-align: left; } [dir=3D"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: st= art; justify-content: flex-start; padding: 0px 16px 16px; } .devsite-thumb-rating-dialog .devsite-feedback-icon { fill: currentcolor; t= op: 0px; } [dir=3D"ltr"] .button + devsite-feedback[position=3D"thumb-rating"] { margi= n-left: 16px; } [dir=3D"rtl"] .button + devsite-feedback[position=3D"thumb-rating"] { margi= n-right: 16px; } devsite-feedback[feedback-type=3D"thumb-rating"][position=3D"header"] { mar= gin-top: 4px; } devsite-feedback[feedback-type=3D"thumb-rating"][position=3D"footer"] { dis= play: block; margin-top: 8px; text-align: center; } .devsite-thumb-rating-dialog .devsite-dialog-contents { color: var(--devsit= e-primary-text-color); } .devsite-thumb-rating-dialog input + label { font-size: 14px; } .devsite-thumb-rating-dialog .account-note { color: var(--devsite-secondary= -text-color); font: 400 12px/16px var(--devsite-primary-font-family); lette= r-spacing: 0.3px; } .devsite-thumb-rating-dialog .create-profile-spinner { -webkit-box-align: c= enter; align-items: center; background: rgba(255, 255, 255, 0.8); inset: 0p= x; display: flex; -webkit-box-pack: center; justify-content: center; opacit= y: 0; pointer-events: none; position: absolute; transition: opacity 0.3s cu= bic-bezier(0.4, 0, 0.2, 1); z-index: 10; } .devsite-thumb-rating-dialog.loading .create-profile-spinner { opacity: 1; = } @media screen and (max-width: 600px) { devsite-thumb-rating[position=3D"header"] .devsite-thumb-rating { margin:= 16px 0px 8px; } devsite-thumb-rating[position=3D"main"] .devsite-thumb-rating { margin: 8= px 0px; } devsite-thumb-rating[position=3D"footer"] .devsite-thumb-rating { margin-= bottom: 24px; } } devsite-toc.devsite-toc { overflow: auto; width: 160px; } devsite-toc > .devsite-nav-list { border-inline-start: var(--devsite-toc-bo= rder-width,4px) solid var(--devsite-toc-border,var(--devsite-primary-color)= ); width: 160px; } .devsite-sidebar[fixed] devsite-toc > .devsite-nav-list { padding-inline-en= d: 8px; } devsite-toc > .devsite-nav-list > :first-child > .devsite-nav-title { paddi= ng-top: 0px; } devsite-toc > .devsite-nav-list > :last-child > .devsite-nav-list > :last-c= hild > .devsite-nav-title:last-child, devsite-toc > .devsite-nav-list > :la= st-child > .devsite-nav-title:only-child { padding-bottom: 0px; } devsite-toc .devsite-nav-list { padding-inline-start: var(--devsite-nav-lis= t-padding-x-start,12px); } devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title { color:= var(--devsite-nav-title-nested-color,var(--devsite-nav-title-color,var(--d= evsite-primary-text-color))); } devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title:focus, d= evsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title:hover { c= olor: var(--devsite-nav-nested-color-hover,var(--devsite-nav-color-hover,va= r(--devsite-link-color))); } devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-active { color= : var(--devsite-nav-color-active,var(--devsite-link-color-active,var(--devs= ite-link-color))); } 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.de= vsite-toc-embedded[expanded] .devsite-nav-item { display: block; } devsite-toc.devsite-toc-embedded .devsite-nav-item.devsite-toc-toggle, devs= ite-toc.devsite-toc-embedded[expanded] .devsite-nav-item.devsite-toc-toggle= { display: flex; } devsite-toc .devsite-nav-more-items, devsite-toc .devsite-nav-show-all { di= splay: none; } devsite-toc[expandable] .devsite-nav-more-items, devsite-toc[expandable] .d= evsite-nav-show-all { color: var(--devsite-secondary-text-color); display: = block; height: 24px; padding: 0px; } devsite-toc .devsite-nav-show-all { margin: -4px 0px 0px 4px; min-width: 20= px; } devsite-toc .devsite-nav-show-all::before { content: "expand_more"; } devsite-toc .devsite-nav-more-items { margin-bottom: -8px; min-width: 0px; = } 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: flex; margin: 0px; } devsite-toc .devsite-show-apix { margin-top: 12px; } @media screen and (max-width: 1253px) { devsite-toc.devsite-toc, devsite-toc[visible].devsite-toc { display: none= ; } devsite-toc.devsite-toc-embedded:not(:empty) { display: block; margin: 28= px 0px 24px; } devsite-toc.devsite-toc-embedded:not(:empty) ~ .devsite-article-body > :f= irst-child { margin-top: 0px; } body[template=3D"landing"] devsite-toc.devsite-toc-embedded:not(:empty) {= margin: 20px 40px 24px; } } @media screen and (max-width: 840px) { body[template=3D"landing"] devsite-toc.devsite-toc-embedded:not(:empty) {= margin: 20px 24px 24px; } } @media screen and (max-width: 600px) { body[template=3D"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: rgb(255, 255, 255); display: flex; font: 500 10px/10px var(--dev= site-primary-font-family); margin-top: 8px; max-width: 300px; opacity: 1; p= adding: 6px 8px; pointer-events: none; position: absolute; transition: opac= ity 0.2s; user-select: none; z-index: 1020; } devsite-topic { display: block; } devsite-topic .devsite-topic--inner { max-width: 936px; padding: 0px 40px; = margin: 0px auto; } devsite-topic .devsite-topic--header { background-color: var(--devsite-back= ground-1); background-image: url("/web/20230130224947im_/https://www.gstati= c.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466= c45c27dbcd2bcca1/developers/images/devsite_topics_header.svg"); background-= repeat: no-repeat; background-position: center top; background-size: 1440px= ; margin-bottom: 40px; } devsite-topic .devsite-topic--header .devsite-topic--inner { padding-top: 1= 68px; } devsite-topic .devsite-topic--header h1 { margin: 0px; top: auto; font-size= : 36px; line-height: 44px; color: rgb(32, 33, 36); font-family: var(--devsi= te-headline-font-family); } devsite-topic .devsite-topic--header p { margin: 0px; padding: 0px; color: = rgb(32, 33, 36); font-size: 18px; line-height: 24px; font-family: var(--dev= site-headline-font-family); } devsite-topic .devsite-topic--header .jump-links { border-bottom: 1px solid= rgb(221, 221, 221); display: flex; flex-wrap: wrap; font-family: "Google S= ans"; font-weight: 500; justify-content: space-around; list-style: none; pa= dding: 26px 0px 0px; width: 100%; } devsite-topic .devsite-topic--header .jump-links a::after { content: "arrow= _downward"; font: 18px / 1 "Material Icons"; margin-left: 8px; vertical-ali= gn: 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 .dev= site-topic--header .jump-links a:visited { color: rgb(95, 99, 104) !importa= nt; } devsite-topic .devsite-topic--header .jump-links a:focus, devsite-topic .de= vsite-topic--header .jump-links a:hover { color: rgb(26, 115, 232) !importa= nt; } devsite-topic .devsite-topic--section { padding: 40px 0px; } devsite-topic .devsite-topic--section:nth-child(2n+1) { background: rgb(248= , 249, 250); } devsite-topic .devsite-topic--section h2 { margin: 0px; padding: 0px; font-= size: 32px; color: rgb(32, 33, 36); line-height: 40px; font-family: var(--d= evsite-headline-font-family); } devsite-topic .devsite-topic--section .devsite-topic-section-description { = margin: 0px; padding: 0px; font-size: 16px; color: rgb(60, 64, 67); line-he= ight: 24px; font-family: var(--devsite-primary-font-family); max-width: cal= c(66.6667% - 13.3333px); } devsite-topic .devsite-topic-section--row { display: flex; margin: 0px -12p= x; flex-wrap: wrap; } devsite-topic .devsite-topic-section--row .devsite-topic-section--card { di= splay: flex; min-width: 0px; max-width: 100%; -webkit-box-orient: vertical;= -webkit-box-direction: normal; flex-direction: column; margin: 0px 12px 24= px; } devsite-topic .devsite-topic-section--row .devsite-topic-section--card .dev= site-topic-section-card--title { font-size: 24px; color: rgb(32, 33, 36); l= ine-height: 32px; font-family: var(--devsite-primary-font-family); } devsite-topic .devsite-topic-section--row .devsite-topic-section--card .dev= site-topic-section-card--title a { color: rgb(32, 33, 36); } devsite-topic .devsite-topic-section--row .devsite-topic-section--card .dev= site-topic-section-card--description { font-size: 16px; color: rgb(60, 64, = 67); letter-spacing: 0.1px; line-height: 24px; -webkit-box-flex: 1; flex-gr= ow: 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: var(--devsite-primary-font-family); font-si= ze: 12px; color: rgba(0, 0, 0, 0.87); text-transform: uppercase; } devsite-topic .devsite-topic-section--hero { display: flex; -webkit-box-ori= ent: horizontal; -webkit-box-direction: reverse; flex-direction: row-revers= e; } 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-sect= ion-description { max-width: 100%; } devsite-topic .devsite-topic-section--hero-description, devsite-topic .devs= ite-topic-section--hero-media { flex-shrink: 0; width: calc(50% - 12px); } devsite-topic .devsite-topic-section--cards { display: flex; padding-top: 2= 4px; margin: 0px -12px; flex-wrap: wrap; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card { = box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px= 2px var(--devsite-elevation-ambient-shadow-color); background: var(--devsi= te-background-1); display: flex; min-width: 0px; max-width: 100%; -webkit-b= ox-orient: vertical; -webkit-box-direction: normal; flex-direction: column;= border-radius: 4px; margin: 0px 12px 24px; width: calc(50% - 24px); } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--title { padding: 0px 16px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--title a { font-family: var(--devsite-headline-fo= nt-family); font-size: 24px; color: rgb(32, 33, 36); line-height: 32px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--description { padding: 8px 16px 24px; border-bot= tom: 1px solid rgb(221, 221, 221); -webkit-box-flex: 1; flex-grow: 1; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--description p { font-size: 16px; color: rgb(60, = 64, 67); line-height: 24px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--meta { padding: 16px 16px 12px; font-size: 12px;= line-height: 16px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--meta-byline { color: rgb(32, 33, 36); } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--meta-date { color: rgb(60, 64, 67); } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--buttons { display: flex; -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: end; justify-content: flex-end; = padding: 12px 8px 8px; } devsite-topic .devsite-topic-section--1-up .devsite-topic-section--card { w= idth: calc(100% - 24px); margin-bottom: 0px; } devsite-topic .devsite-topic-section--2-up .devsite-topic-section--card { m= argin-bottom: 0px; } devsite-topic .devsite-topic-section--3-up .devsite-topic-section--card { w= idth: calc(33% - 24px); } @media screen and (max-width: 840px) { devsite-topic .devsite-topic--inner { max-width: 768px; padding: 0px 40px= ; } } @media screen and (max-width: 600px) { devsite-topic .devsite-topic--inner { max-width: 100%; padding: 0px 24px;= } devsite-topic .devsite-topic--section { padding: 24px 0px; } devsite-topic .devsite-topic--section .devsite-topic-section--card { widt= h: calc(100% - 24px); } devsite-topic .devsite-topic-section--hero { -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; } devsite-topic .devsite-topic-section--hero-description, devsite-topic .de= vsite-topic-section--hero-media { margin: 0px; width: 100%; } devsite-topic .devsite-topic-section--hero-media { margin-bottom: 24px; } } devsite-tracking-question { background-color: var(--devsite-background-3); = display: block; padding: 8px; } devsite-tracking-question .devsite-tracking-question-text { font-weight: 70= 0; } devsite-tracking-question .devsite-tracking-question-hidden { display: none= ; } devsite-tracking-question .devsite-tracking-question-choice-button { backgr= ound: var(--devsite-background-1); border-radius: 2px; box-shadow: rgba(0, = 0, 0, 0.26) 0px 2px 5px 0px; color: var(--devsite-primary-text-color); curs= or: pointer; line-height: 50px; margin: 8px 0px; padding: 0px 20px; transit= ion: background 0.2s, box-shadow 0.2s; } devsite-tracking-question .devsite-tracking-question-choice-button:focus, d= evsite-tracking-question .devsite-tracking-question-choice-button:hover { b= ackground: rgb(189, 193, 198); box-shadow: rgba(155, 161, 166, 0.5) 0px 4px= 8px 0px; } devsite-user { display: block; -webkit-box-flex: 0; flex: 0 0 auto; } devsite-user[signed-in], devsite-user[signed-in].not-eligible { min-width: = 44px; } devsite-user[signed-in][enable-profiles] { min-width: 84px; } devsite-user[signed-in][enable-profiles].not-eligible { min-width: 44px; } devsite-user[signed-in][enable-profiles][fp-auth] { min-width: 88px; } devsite-user[signed-in][enable-profiles][fp-auth].not-eligible { min-width:= 44px; } devsite-user #devsite-signin-btn { -webkit-box-align: center; align-items: = center; display: flex; font: 500 14px/36px var(--devsite-primary-font-famil= y); } devsite-user devsite-spinner { margin: 4px 8px 4px 20px; } devsite-user devsite-spinner.hide { opacity: 0; transition: opacity 0.45s; = animation-delay: 0.45s; } devsite-user .ogb-wrapper { -webkit-box-align: center; align-items: center;= display: flex; gap: 8px; -webkit-box-pack: end; justify-content: flex-end;= opacity: 1; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } devsite-user .ogb-pending { opacity: 0; } devsite-user .gb_Mb > .gb_Lb, devsite-user .gb_Nb > .gb_Mb, devsite-user .g= b_Pd > .gb_Za, devsite-user .gb_Rb > .gb_Qb, devsite-user .gb_Sb > .gb_Rb {= box-sizing: content-box; } devsite-user button.devsite-user-change-account, devsite-user button.devsit= e-user-signout { height: auto; color: var(--devsite-primary-text-color); } devsite-user button.devsite-user-change-account .material-icons, devsite-us= er button.devsite-user-signout .material-icons { margin: 0px; height: auto;= width: auto; top: auto; } devsite-user button.devsite-user-change-account { border: 0px; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), = not all { [dir=3D"rtl"] devsite-user .gb_xa::before { transform-origin: right 0px; = } } 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: var(--devsite= -background-1); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; b= ox-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px; color: var(--devsite-primary-te= xt-color); display: block; max-height: calc(-86px + 100vh); outline: none; = overflow: auto; position: absolute; right: 24px; top: 62px; width: 354px; } [dir=3D"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-lette= r { -webkit-box-align: center; align-items: center; border-radius: 50%; dis= play: flex; -webkit-box-pack: center; justify-content: center; margin: 0px;= overflow: hidden; padding: 0px; } devsite-user .devsite-user-dialog .devsite-user-dialog-photo, devsite-user = .devsite-user-dialog-signin .devsite-user-dialog-letter { background: var(-= -devsite-user-avatar-background,var(--devsite-background-color,var(--devsit= e-primary-color,var(--devsite-primary-text-color)))); color: var(--devsite-= user-avatar-color,var(--devsite-text-color,var(--devsite-inverted-text-colo= r))); } devsite-user .devsite-user-dialog-toggle { border: 4px solid transparent; b= ox-sizing: content-box; height: 32px; margin: 0px 4px 0px 0px; overflow: hi= dden; text-decoration: none; width: 32px; } [dir=3D"rtl"] devsite-user .devsite-user-dialog-toggle { margin: 0px 0px 0p= x 4px; } devsite-user .devsite-user-dialog-toggle:focus { border-color: var(--devsit= e-link-background-active); } devsite-user .devsite-user-dialog-photo-thumbnail { height: 32px; width: 32= px; } devsite-user[js-signin] button { box-shadow: none; } devsite-user[js-signin] .devsite-user-dialog-toggle { opacity: 0; transitio= n: opacity 0.45s; } devsite-user[js-signin] .devsite-user-dialog-toggle.show { opacity: 1; } devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter { -web= kit-box-flex: 0; flex: 0 0 32px; font-size: 17px; height: 32px; } devsite-user .devsite-user-dialog-learn-more { background-color: var(--devs= ite-link-background-active); border-radius: 4px; color: var(--devsite-secon= dary-text-color); font: 12px/16px var(--devsite-primary-font-family); margi= n: 4px 4px 0px; 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: var(--devsite-contr= ast-link-color); } 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-alig= n: center; } devsite-user .devsite-user-dialog-photo { margin: 0px 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: var(--devsite-primary-text-= color); font: 500 16px/22px var(--devsite-headline-font-family); letter-spa= cing: 0.29px; } devsite-user .devsite-user-dialog-email { color: var(--devsite-secondary-te= xt-color); font: 400 14px/19px var(--devsite-primary-font-family); } devsite-user .devsite-user-manage { -webkit-box-align: center; align-items:= center; background: 0px center; border: var(--devsite-primary-border); bor= der-radius: 17px; display: inline-flex; font: 500 14px/20px var(--devsite-h= eadline-font-family); height: 34px; letter-spacing: 0.25px; margin: 16px 0p= x 0px; padding: 0px 16px; white-space: nowrap; } devsite-user .devsite-user-manage:link, devsite-user .devsite-user-manage:v= isited { color: var(--devsite-primary-text-color); } devsite-user .devsite-user-manage:focus, devsite-user .devsite-user-manage:= hover { background-color: var(--devsite-background-2); } devsite-user .devsite-user-manage:active { box-shadow: 0 1px 2px 0 var(--de= vsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-amb= ient-shadow-color); background-color: var(--devsite-background-4); border-c= olor: transparent; } devsite-user .devsite-user-dialog-buttons { -webkit-box-align: center; alig= n-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-d= irection: normal; flex-direction: column; } devsite-user .devsite-user-dialog .developer-profile:link, devsite-user .de= vsite-user-dialog .developer-profile:visited, devsite-user .devsite-user-di= alog .devsite-user-developer-profile:link, devsite-user .devsite-user-dialo= g .devsite-user-developer-profile:visited, devsite-user .devsite-user-dialo= g .devsite-user-signin:link, devsite-user .devsite-user-dialog .devsite-use= r-signin:visited, devsite-user .devsite-user-signout:link, devsite-user .de= vsite-user-signout:visited { color: var(--devsite-primary-text-color); } devsite-user .devsite-user-dialog .developer-profile:focus, devsite-user .d= evsite-user-dialog .developer-profile:hover, devsite-user .devsite-user-dia= log .devsite-user-developer-profile:focus, devsite-user .devsite-user-dialo= g .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 .devs= ite-user-signout:hover { background-color: var(--devsite-background-2); } devsite-user .devsite-user-dialog .developer-profile:active, devsite-user .= devsite-user-dialog .devsite-user-developer-profile:active, devsite-user .d= evsite-user-dialog .devsite-user-signin:active, devsite-user .devsite-user-= signout:active { background-color: var(--devsite-background-4); } devsite-user .devsite-user-dialog .devsite-user-developer-profile, devsite-= user .devsite-user-dialog .devsite-user-signin { -webkit-box-align: center;= align-items: center; display: flex; font: 500 14px/16px var(--devsite-head= line-font-family); letter-spacing: 0.25px; padding: 15px 39px 16px; width: = 100%; } devsite-user .devsite-user-dialog-buttons > :first-child { border-top: var(= --devsite-secondary-border); } devsite-user .devsite-user-dialog .devsite-user-signin { border-bottom: var= (--devsite-secondary-border); } devsite-user .devsite-user-dialog .new-notification { background: var(--dev= site-notification-background); border-radius: 10px; color: var(--devsite-in= verted-text-color); font-weight: 700; font-size: 12px; letter-spacing: 0.3p= x; padding: 2px 8px; } [dir=3D"ltr"] devsite-user .devsite-user-dialog .new-notification { margin-= left: 12px; } [dir=3D"rtl"] devsite-user .devsite-user-dialog .new-notification { margin-= right: 12px; } devsite-user .devsite-user-signin .devsite-switch-account-icon { fill: curr= entcolor; margin-inline-end: 12px; } devsite-user .devsite-user-developer-profile .google-dev-icon { width: 28px= ; position: relative; } [dir=3D"ltr"] devsite-user .devsite-user-developer-profile .google-dev-icon= { margin-left: -4px; margin-right: 8px; } [dir=3D"rtl"] devsite-user .devsite-user-developer-profile .google-dev-icon= { margin-left: 8px; margin-right: -4px; } devsite-user .devsite-user-signout { border: var(--devsite-primary-border);= border-radius: 4px; display: inline-block; font: 500 14px/16px var(--devsi= te-headline-font-family); letter-spacing: 0.15px; margin: 16px auto; paddin= g: 10px 24px; } devsite-user .devsite-user-signout:active { box-shadow: 0 1px 2px 0 var(--d= evsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-am= bient-shadow-color); background-color: var(--devsite-background-4); border-= color: transparent; } devsite-user .devsite-user-dialog-footer { border-top: var(--devsite-second= ary-border); display: flex; -webkit-box-pack: center; justify-content: cent= er; padding: 14px 20px; } devsite-user .devsite-user-dialog-footer-link { -webkit-box-align: center; = align-items: center; display: inline-flex; margin: 0px; } devsite-user .devsite-user-dialog-footer-link:not(:first-child)::before { c= olor: var(--devsite-secondary-text-color); content: "=E2=80=A2"; font-size:= 13px; } devsite-user .devsite-user-dialog-footer-link > a { border-radius: 4px; dis= play: inline-block; font: 400 12px/16px var(--devsite-primary-font-family);= padding: 4px 8px; } devsite-user .devsite-user-dialog-footer-link > a:link, devsite-user .devsi= te-user-dialog-footer-link > a:visited { color: var(--devsite-secondary-tex= t-color); } devsite-user .devsite-user-dialog-footer-link > a:focus, devsite-user .devs= ite-user-dialog-footer-link > a:hover { background-color: var(--devsite-bac= kground-2); } devsite-user .devsite-user-dialog-footer-link > a:active { background-color= : var(--devsite-background-4); } devsite-user .devsite-devprofile-wrapper { display: flex; -webkit-box-align= : center; align-items: center; -webkit-box-pack: end; justify-content: flex= -end; position: relative; opacity: 0; } devsite-user .devsite-devprofile-wrapper.show { opacity: 1; transition: 0.1= 5s cubic-bezier(0.4, 0, 0.2, 1); } devsite-user .devsite-devprofile-wrapper devsite-spinner { margin: 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-notifications-= indicator { border-radius: 8px; background-color: rgb(26, 115, 232); width:= 8px; height: 8px; position: absolute; top: 0px; right: 0px; z-index: 1; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-button { heigh= t: 32px; width: 32px; min-width: 32px; min-height: 32px; margin: 0px; paddi= ng: 0px; border: var(--devsite-primary-border); display: inline-flex; -webk= it-box-align: center; align-items: center; -webkit-box-pack: center; justif= y-content: center; position: relative; --devsite-button-background-hover: #= e8eaed; --devsite-button-background-active: #e8eaed; --devsite-button-borde= r-hover: none; --devsite-button-border-radius: 50%; --devsite-button-box-sh= adow: none; --devsite-button-box-shadow-active: none; } devsite-user .devsite-devprofile-wrapper.open .devsite-devprofile-button { = background: rgb(232, 234, 237); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout, devsi= te-user .devsite-devprofile-wrapper .devsite-devprofile-popout { max-width:= 378px; width: 100vw; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-notch, devsite-user .devsite-devprofile-wrapper .devsite-devp= rofile-popout .devsite-devprofile-notch { border-bottom: 8px solid var(--de= vsite-background-1); border-left: 9px solid transparent; border-right: 9px = solid transparent; clip-path: inset(-8px -8px 0px); height: 0px; position: = absolute; right: 9px; top: -8px; width: 0px; filter: drop-shadow(0 1px 2px = var(--devsite-elevation-key-shadow-color)) drop-shadow(0 2px 6px var(--devs= ite-elevation-ambient-shadow-color)); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-notch::before { background: var(--devsite-background-1); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout { posit= ion: absolute; background: var(--devsite-background-1); box-shadow: rgba(60= , 64, 67, 0.3) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; border-= radius: 8px; font-family: var(--devsite-primary-font-family); padding: 8px = 0px; margin-top: 8px; margin-right: -2px; top: 100%; right: 0px; opacity: 0= ; transform-origin: right top; transform: scale(0.8); transition: 0.15s cub= ic-bezier(0.4, 0, 0.2, 1); pointer-events: none; display: none; z-index: 10= 07; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .devsit= e-devprofile-notch::before { background: var(--devsite-background-1); } [dir=3D"rtl"] devsite-user .devsite-devprofile-wrapper .devsite-devprofile-= popout { left: 0px; right: auto; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.show { = opacity: 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 .devsit= e-devprofile-notifications-container { margin-left: 10px; font-weight: 500;= color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(26, 115,= 232); border-radius: 16px; padding: 0px 5px 0px 4px; height: 16px; line-he= ight: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profil= e-links-header { color: var(--devsite-primary-text-color); font-weight: 500= ; font-size: 11px; line-height: 16px; letter-spacing: 0.8px; text-transform= : uppercase; padding: 12px 14px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profil= e-link { display: flex; -webkit-box-align: center; align-items: center; pad= ding: 14px 16px; color: var(--devsite-primary-text-color); font-size: 16px;= font-weight: 400; line-height: 24px; text-decoration: none; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profil= e-link:hover { background: rgb(241, 243, 244); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul { ma= rgin: 0px; padding: 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li {= margin: 0px; padding: 0px; list-style: none; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-profile"] { max-width: 232px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"], devsite-user .devsite-devprofile-wrapper .d= evsite-devprofile-popout[popup-type=3D"view-rated-pages"] { background: var= (--devsite-link-color); color: var(--devsite-inverted-text-color); padding:= 16px 24px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .devsite-devprofile-notch, devsite-user .dev= site-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D"view-rated= -pages"] .devsite-devprofile-notch { border-bottom: 8px solid var(--devsite= -link-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .devsite-devprofile-notch::before, devsite-u= ser .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D"vi= ew-rated-pages"] .devsite-devprofile-notch::before { background: var(--devs= ite-link-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .devsite-devprofile-notch svg g path, devsit= e-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D= "view-rated-pages"] .devsite-devprofile-notch svg g path { fill: var(--devs= ite-link-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .buttons, devsite-user .devsite-devprofile-w= rapper .devsite-devprofile-popout[popup-type=3D"view-rated-pages"] .buttons= { display: flex; -webkit-box-pack: end; justify-content: flex-end; margin-= top: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .buttons .button:hover, devsite-user .devsit= e-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D"view-rated-pa= ges"] .buttons .button:hover { --devsite-link-color: #1e88e5; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .button-white, devsite-user .devsite-devprof= ile-wrapper .devsite-devprofile-popout[popup-type=3D"view-rated-pages"] .bu= tton-white { color: var(--devsite-inverted-text-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .button-white:focus, devsite-user .devsite-d= evprofile-wrapper .devsite-devprofile-popout[popup-type=3D"view-bookmarked-= pages"] .button-white:hover, devsite-user .devsite-devprofile-wrapper .devs= ite-devprofile-popout[popup-type=3D"view-rated-pages"] .button-white:focus,= devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-= type=3D"view-rated-pages"] .button-white:hover { background: var(--devsite-= link-color); color: var(--devsite-button-background-hover); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] { font-family: var(--devsite-primary-font-family); = padding: 12px 20px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-logo { display: flex; -= webkit-box-pack: center; justify-content: center; height: 36px; margin: 20p= x 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-subhead { font-weight: = 500; font-size: 16px; line-height: 24px; text-align: center; letter-spacing= : 0.1px; color: var(--devsite-primary-text-color); margin-bottom: 8px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-body { font-size: 14px;= margin-bottom: 24px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-buttons { display: flex= ; -webkit-box-pack: end; justify-content: flex-end; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout { posi= tion: absolute; background: var(--devsite-background-1); box-shadow: rgba(6= 0, 64, 67, 0.3) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; border= -radius: 8px; font-family: var(--devsite-headline-font-family); margin-top:= 8px; top: 100%; right: -2px; padding: 16px; max-width: 378px; width: 100vw= ; opacity: 1; transform: scale(1); transition: 0.15s cubic-bezier(0.4, 0, 0= .2, 1); } [dir=3D"rtl"] devsite-user .devsite-devprofile-wrapper .devsite-devprofile-= callout { left: 0px; right: auto; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout.hide {= opacity: 0; transform-origin: right top; transform: scale(0.8); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-error, devsite-user .devsite-devprofile-wrapper .devs= ite-devprofile-callout .devsite-devprofile-callout-step1, devsite-user .dev= site-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-cal= lout-step2, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-ca= llout .devsite-devprofile-callout-step3, devsite-user .devsite-devprofile-w= rapper .devsite-devprofile-callout .devsite-devprofile-callout-step4 { disp= lay: flex; -webkit-box-align: center; align-items: center; -webkit-box-orie= nt: vertical; -webkit-box-direction: normal; flex-direction: column; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-step3 { padding: 24px 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-logo { display: flex; -webkit-box-align: center; align-items:= center; -webkit-box-pack: center; justify-content: center; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-logo svg { width: 74px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout h4 { m= argin: 20px 0px 8px; padding: 0px; font-size: 16px; line-height: 24px; lett= er-spacing: 0.1px; color: var(--devsite-primary-text-color); text-align: le= ft; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout p { ma= rgin: 0px; padding: 0px; font-size: 14px; line-height: 20px; letter-spacing= : 0.25px; color: var(--devsite-primary-text-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .accou= nt-note, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callo= ut .sub-text, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-= callout .tos { color: var(--devsite-secondary-text-color); font: 400 12px/1= 6px var(--devsite-primary-font-family); letter-spacing: 0.3px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .sub-t= ext, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .= tos { font-size: 14px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .sub-t= ext { padding-inline-start: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-newsletter, devsite-user .devsite-devprofile-wrapper = .devsite-devprofile-callout .devsite-devprofile-callout-occupation { width:= 100%; margin-bottom: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-newsletter label, devsite-user .devsite-devprofile-wr= apper .devsite-devprofile-callout .devsite-devprofile-callout-occupation la= bel { font-size: 14px; letter-spacing: 0.25px; color: var(--devsite-primary= -text-color); display: flex; -webkit-box-align: center; align-items: center= ; line-height: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-buttons { display: flex; width: 100%; -webkit-box-pac= k: end; justify-content: flex-end; margin-top: 24px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-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[dialog--open] .devsite-user-dialog { right: 16px; } [dir=3D"rtl"] devsite-user[dialog--open] .devsite-user-dialog { left: 16p= x; right: auto; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout { ma= x-width: calc(-80px + 100vw); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout { max= -width: calc(-64px + 100vw); } } devsite-var { position: relative; white-space: nowrap; } devsite-var .devsite-var-input-wrapper { bottom: -2px; 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 { bottom: -3px; } 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 va= r(--devsite-var-color); cursor: pointer; } devsite-var input.devsite-var-input { border: 1px solid rgb(128, 134, 139);= font-family: inherit; font-size: inherit; padding: 1px 3px 0px; width: inh= erit; } devsite-var input.devsite-var-input:focus { border-bottom: 1px solid rgb(12= 8, 134, 139); padding-bottom: 0px; } devsite-var button.devsite-icon-edit { color: var(--devsite-var-color); mar= gin: 0px 0px 2px 5px; } devsite-var .material-icons.devsite-icon-edit { vertical-align: middle; } devsite-var .devsite-icon-close { bottom: 0px; position: absolute; right: -= 4px; top: 0px; } devsite-var .devsite-icon-close, devsite-var .devsite-icon-close:hover { co= lor: rgb(32, 33, 36); } devsite-var .devsite-var-wrapper .material-icons { background: none; border= : none; font-size: inherit; height: inherit; min-width: inherit; padding: 0= px; } 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: 0px 24px; } devsite-version-selector .devsite-version-selector-select { width: 100%; } .devsite-future-version, .devsite-future-version * { color: var(--devsite-t= ertiary-text-rgba); text-decoration: none; } devsite-video { aspect-ratio: 16 / 9; display: block; overflow: hidden; pos= ition: relative; width: 100%; } devsite-video .devsite-video-placeholder img, devsite-video .devsite-video-= placeholder span, devsite-video iframe { position: absolute; } devsite-video iframe { height: 101%; left: -0.5%; top: -0.5%; width: 101%; = } devsite-video .devsite-video-placeholder span { color: var(--devsite-primar= y-text-color); padding: 8px; } devsite-video .devsite-basic-video-player { border: 0px; height: 100%; posi= tion: absolute; width: 100%; } 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 rgb(0, 0= , 0); height: 0px; padding-bottom: 56.25%; position: relative; visibility: = hidden; } devsite-vplus .devsite-vplus-slide-frame { height: 100%; left: 0px; overflo= w: auto; position: absolute; top: 0px; width: 100%; } devsite-vplus .devsite-vplus-video { bottom: 0px; height: 26%; position: ab= solute; right: 0px; transition: width 1.3s, height 1.3s, position 1.3s; wid= th: 26%; z-index: 1; } devsite-vplus .devsite-vplus-video.devsite-vplus-large { height: 100%; widt= h: 100%; } devsite-vplus .devsite-vplus-video-container { bottom: 0px; cursor: pointer= ; height: 26%; position: absolute; right: 0px; transition: width 1.3s, heig= ht 1.3s, position 1.3s; 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: rgb(255, 255, 255= ); border-radius: 6px; display: flex; height: 100%; margin: 0px auto; max-w= idth: 490px; padding: 6px; text-align: center; } devsite-vplus .devsite-vplus-controls-text { font-size: 16px; font-style: n= ormal; 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) { paddin= g-left: 5px; } devsite-vplus .devsite-vplus-player-controls { display: flex; margin: 8px 1= 6px; } devsite-vplus .devsite-vplus-control-button { cursor: pointer; box-shadow: = none; height: 43px; padding-top: 0px; width: 50px; } devsite-vplus .devsite-vplus-control-button:hover { box-shadow: rgb(170, 17= 0, 170) 0px 2px 4px; border-radius: 4px; } devsite-vplus .devsite-vplus-video-controls-container { display: flex; } devsite-vplus .devsite-vplus-play-icon { margin-left: 0px; } devsite-vplus .devsite-vplus-pause-icon { margin-left: 0px; } devsite-vplus .devsite-vplus-play-button { padding-left: 0px; margin-left: = 16px; width: 50px; } devsite-vplus .devsite-vplus-next-button { padding-left: 0px; margin-left: = 16px; width: 50px; } devsite-vplus .devsite-vplus-triangle { border-style: solid; height: 0px; m= argin: auto; position: relative; width: 0px; } devsite-vplus .devsite-vplus-back { border-color: transparent rgb(36, 80, 1= 41) transparent transparent; border-width: 8px 16px 8px 0px; } 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 tra= nsparent transparent rgb(36, 80, 141); border-width: 16px 0px 16px 25px; to= p: 5px; } devsite-vplus .devsite-vplus-forward { border-color: transparent transparen= t transparent rgb(36, 80, 141); border-width: 8px 0px 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: rgb(36, 80, 141); he= ight: 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: rgb(17= 0, 170, 170) 0px 2px 4px; } devsite-vplus .devsite-vplus-playbackrate .material-icons { margin-top: 10p= x; } devsite-vplus .devsite-vplus-playbackrate select { border-color: transparen= t; font-size: 18px; height: 46px; padding-bottom: 2px; padding-top: 2px; te= xt-align-last: center; text-transform: none; } devsite-vplus .devsite-vplus-caption-control-container { display: flex; mar= gin-top: 8px; } devsite-vplus .devsite-vplus-caption-control { background-color: rgb(36, 80= , 141); border: 0px; border-radius: 16px; color: var(--devsite-inverted-tex= t-color); display: inline-block; height: 35px; line-height: 39px; margin-ri= ght: 10px; margin-top: 1px; padding: 0px; text-align: center; text-decorati= on: none; text-indent: 0px; vertical-align: 10%; width: 50px; } devsite-vplus .devsite-vplus-captions-off { background-color: rgb(255, 255,= 255); color: rgb(36, 80, 141); } devsite-vplus .devsite-vplus-controls .devsite-vplus-control-button.disable= d { background-color: transparent; } devsite-vplus .devsite-vplus-prev-button.disabled .devsite-vplus-triangle {= border-right-color: rgb(148, 150, 154); } devsite-vplus .devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplu= s-triangle { border-right-color: rgb(24, 52, 92); } devsite-vplus .devsite-vplus-next-button:hover:not(.disabled) .devsite-vplu= s-triangle { border-right-color: rgb(24, 52, 92); } devsite-vplus .devsite-vplus-next-button.disabled .devsite-vplus-triangle {= border-left-color: rgb(148, 150, 154); } .next-button:hover:not(.disabled) .devsite-vplus-triangle, devsite-vplus .d= evsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle { bor= der-left-color: rgb(24, 52, 92); } devsite-vplus .devsite-vplus-navigation-button-container { margin: 0px auto= ; text-align: center; } devsite-vplus .devsite-vplus-navigation-button-link { text-decoration: none= ; } devsite-vplus .devsite-vplus-navigation-button { background-color: rgb(36, = 80, 141); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) = 0px 1px 2px; color: var(--devsite-inverted-text-color); display: inline-blo= ck; font-size: 16px; margin: 12px 36px; padding: 12px 36px; } devsite-vplus .devsite-vplus-addendums { border: 1px solid rgb(0, 0, 0); cu= rsor: pointer; } devsite-vplus .devsite-vplus-addendums-header { background-color: var(--dev= site-background-5); outline: none; padding: 8px 8px 8px 0px; 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-vplu= s-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 select:hover, devsite-vplus .devsite-vplus-not= es-control > div > div:hover, devsite-vplus .devsite-vplus-transcript-contr= ol > div > div:hover { box-shadow: rgb(170, 170, 170) 0px 2px 4px; backgrou= nd-color: rgb(225, 243, 252); } devsite-vplus .devsite-vplus select:focus { background-color: rgb(225, 243,= 252); } devsite-vplus .devsite-vplus-addendums-control.devsite-vplus-search-widget = > div { margin-left: 0px; margin-right: 0px; } devsite-vplus .devsite-vplus-addendums-label { white-space: nowrap; } devsite-vplus .devsite-vplus-addendums-control .devsite-hidden { display: n= one; } 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-adde= ndums-opened { display: none; } devsite-vplus .devsite-vplus-notes-control.goog-zippy-collapsed .devsite-vp= lus-addendums-closed, devsite-vplus .devsite-vplus-notes-control.goog-zippy= -expanded .devsite-vplus-addendums-opened, devsite-vplus .devsite-vplus-tra= nscript-control.goog-zippy-collapsed .devsite-vplus-addendums-closed, devsi= te-vplus .devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vpl= us-addendums-opened { display: inline; } devsite-vplus .devsite-vplus-search-widget { background: var(--devsite-back= ground-3); 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: 0px; font-size: 14px; width: 100%; } devsite-vplus .devsite-vplus-search-input:hover { box-shadow: rgb(170, 170,= 170) 0px 2px 4px; } devsite-vplus .devsite-vplus-search-autocomplete { position: relative; whit= e-space: normal; width: 100%; z-index: 1; } devsite-vplus .devsite-vplus-search-autocomplete .ac-renderer { background:= var(--devsite-background-1); border: 1px solid var(--devsite-secondary-tex= t-color); box-shadow: rgba(102, 102, 102, 0.4) 2px 2px 2px; font: 13px Aria= l, 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-wei= ght: 700; } devsite-vplus .devsite-vplus-search-autocomplete .ac-active { background-co= lor: rgb(189, 193, 198); } devsite-vplus .devsite-vplus-addendums-control div.devsite-vplus-captions-l= anguage-selector-wrapper, devsite-vplus .devsite-vplus-addendums-control di= v.devsite-vplus-video-language-selector-wrapper { display: inline-block; he= ight: auto; margin-right: 2px; padding: 0px; vertical-align: bottom; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper .material-i= cons, devsite-vplus .devsite-vplus-video-language-selector-wrapper .materia= l-icons { vertical-align: middle; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper:focus-withi= n .material-icons, devsite-vplus .devsite-vplus-video-language-selector-wra= pper:focus-within .material-icons { display: none; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper select, dev= site-vplus .devsite-vplus-video-language-selector-wrapper select { backgrou= nd-color: var(--devsite-background-5); min-width: 0px; padding-right: 16px;= width: 0px; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper select:focu= s, devsite-vplus .devsite-vplus-video-language-selector-wrapper select:focu= s { outline: -webkit-focus-ring-color auto 5px; padding-right: 27px; width:= auto; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper select.kd-s= elect, devsite-vplus .devsite-vplus-video-language-selector-wrapper select.= kd-select { border-color: transparent; font-size: small; height: auto; padd= ing-bottom: 2px; padding-top: 2px; text-align-last: right; } devsite-vplus .devsite-vplus-addendums-opened .material-icons { width: 1em;= } devsite-vplus .devsite-vplus-addendums-closed .material-icons { background-= color: rgb(189, 193, 198); color: var(--devsite-inverted-text-color); width= : 1em; } devsite-vplus .devsite-vplus-notes { height: 100px; margin: 0px; overflow: = auto; padding: 16px; position: relative; resize: vertical; width: 100%; } devsite-vplus .devsite-vplus-transcript-captions { height: 4.5em; margin: 0= px; overflow: auto; padding: 0px; position: relative; resize: vertical; wid= th: 100%; } devsite-vplus .devsite-vplus-transcript-captions table { border-collapse: s= eparate; margin: 0px; } devsite-vplus .devsite-vplus-transcript-caption { padding: 0.15em 1em; widt= h: 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= px; } devsite-vplus .devsite-vplus-transcript-caption:focus { outline-offset: -3p= x; } devsite-vplus .devsite-vplus-transcript-caption td { background-color: rgb(= 255, 255, 255); border-color: rgb(255, 255, 255); padding: 0px 0.25em; text= -shadow: currentcolor 0px 0px 0px; } devsite-vplus .devsite-vplus-transcript-caption:hover td { text-shadow: rgb= (95, 99, 104) 0.5px 0px 0.1px, rgb(95, 99, 104) -0.5px 0px 0.1px; } devsite-vplus .devsite-vplus-transcript-caption:hover .devsite-vplus-transc= ript-caption-bullet { visibility: visible; } devsite-vplus .devsite-vplus-transcript-caption.devsite-vplus-caption-highl= ighted td { background-color: rgb(255, 241, 118); } devsite-vplus .devsite-vplus-transcript-caption .devsite-vplus-transcript-c= aption-bullet { padding: 0px 0px 0px 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: rgb(36, 80, 141); pad= ding: 0px; text-overflow: inherit; text-transform: none; } devsite-vplus .devsite-hidden { display: none; } devsite-youtube { aspect-ratio: 16 / 9; display: block; overflow: hidden; p= osition: relative; width: 100%; } devsite-youtube .devsite-video-placeholder img, devsite-youtube .devsite-vi= deo-placeholder span, devsite-youtube iframe { position: absolute; } devsite-youtube iframe { height: 101%; left: -0.5%; top: -0.5%; width: 101%= ; } devsite-youtube .devsite-video-placeholder span { color: var(--devsite-prim= ary-text-color); padding: 8px; } devsite-youtube .devsite-basic-video-player { border: 0px; height: 100%; po= sition: absolute; width: 100%; } body[codelabs-content-type=3D"paginated"] google-codelab { width: 100%; hei= ght: 100%; display: grid; grid-template: "title title" 64px "drawer main" 1= fr "metadata main" 56px / 256px 1fr; } body[codelabs-content-type=3D"paginated"] google-codelab #main { display: f= lex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-dire= ction: column; grid-area: main; position: relative; background: rgb(248, 24= 9, 250); } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title { b= ackground: rgb(255, 255, 255); box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2p= x 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; color: rgb(60, 64, 67); disp= lay: flex; grid-area: title; -webkit-box-align: center; align-items: center= ; -webkit-box-pack: justify; justify-content: space-between; height: 64px; = padding: 0px 36px 0px 16px; -webkit-font-smoothing: antialiased; z-index: 1= 000; max-width: 100vw; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = { font-size: 20px; font-weight: 400; margin: 0px 8px; font-family: Roboto, = Noto, sans-serif; -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 1; white-= space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 0px; displ= ay: inline-block; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = a { color: rgb(60, 64, 67); text-decoration: none; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = a:focus, body[codelabs-content-type=3D"paginated"] google-codelab #codelab-= title h1 a:hover { color: rgb(33, 33, 33); text-decoration: underline; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title .ti= me-remaining { flex-shrink: 0; -webkit-box-flex: 0; flex-grow: 0; display: = flex; -webkit-box-align: center; align-items: center; font-size: 16px; font= -weight: 400; white-space: nowrap; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title .ti= me-remaining i { margin-right: 3px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-butto= ns { display: flex; -webkit-box-align: center; align-items: center; -webkit= -box-flex: 0; flex-grow: 0; flex-shrink: 0; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-butto= ns #arrow-back, body[codelabs-content-type=3D"paginated"] google-codelab #c= odelab-nav-buttons #menu { display: flex; text-decoration: none; color: rgb= (60, 64, 67); width: 40px; height: 40px; -webkit-box-pack: center; justify-= content: center; -webkit-box-align: center; align-items: center; } body[codelabs-content-type=3D"paginated"] google-codelab #controls { positi= on: absolute; bottom: 32px; left: 0px; right: 0px; padding: 0px 32px; z-ind= ex: 1001; } body[codelabs-content-type=3D"paginated"] google-codelab #fabs { display: f= lex; -webkit-box-pack: justify; justify-content: space-between; margin: 0px= auto; max-width: 1025px; } body[codelabs-content-type=3D"paginated"] google-codelab #done, body[codela= bs-content-type=3D"paginated"] google-codelab #next-step, body[codelabs-con= tent-type=3D"paginated"] google-codelab #previous-step { border-radius: 4px= ; font-family: "Google Sans", Arial, sans-serif; font-size: 14px; font-weig= ht: 600; letter-spacing: 0.6px; line-height: 24px; padding: 6px 24px; point= er-events: auto; text-transform: none; background: rgb(255, 255, 255); colo= r: rgb(26, 115, 232); transform: scale(1); transition: transform 0.3s ease-= in-out, -webkit-transform 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.14)= 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0= px 3px 1px -2px; text-decoration: none; -webkit-font-smoothing: antialiased= ; } body[codelabs-content-type=3D"paginated"] google-codelab #next-step { color= : rgb(255, 255, 255); background: rgb(26, 115, 232); } body[codelabs-content-type=3D"paginated"] google-codelab #done { background= : rgb(30, 142, 62); color: rgb(255, 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #fabs a[disappear]= { transform: scale(0); } body[codelabs-content-type=3D"paginated"] google-codelab #done { background= : rgb(15, 157, 88); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .codelab-t= ime-container { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab .metadata { backgr= ound: rgb(248, 249, 250); color: rgb(119, 119, 119); font-size: 14px; grid-= area: metadata; padding: 16px; } body[codelabs-content-type=3D"paginated"] google-codelab .metadata a { colo= r: currentcolor; margin-left: 4px; } body[codelabs-content-type=3D"paginated"] google-codelab .metadata a:focus,= body[codelabs-content-type=3D"paginated"] google-codelab .metadata a:hover= { color: rgb(33, 33, 33); } @media (max-width: 768px) { body[codelabs-content-type=3D"paginated"] google-codelab { grid-template:= "title" 64px "main" 1fr "metadata" 56px / 1fr; padding-top: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title {= padding: 0px 16px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title .= codelab-time-container { display: none; } } body[codelabs-content-type=3D"paginated"] google-codelab #drawer { width: 2= 56px; grid-area: drawer; position: relative; z-index: 100; display: flex; -= webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction:= column; background: rgb(248, 249, 250); overflow: auto; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .steps { f= lex-shrink: 1; -webkit-box-flex: 1; flex-grow: 1; overflow-x: visible; disp= lay: flex; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .steps:onl= y-child { max-height: 100%; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol { margi= n: 0px; padding: 16px 12px; counter-reset: li-count 0; list-style: none; ov= erflow: visible auto; -webkit-box-flex: 1; flex-grow: 1; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li { di= splay: block; counter-increment: li-count 1; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a { = text-decoration: none; display: flex; -webkit-box-align: center; align-item= s: center; font-size: 14px; color: rgb(128, 134, 139); padding: 3px 10px; m= in-height: 48px; font-weight: 400; line-height: 20px; box-sizing: content-b= ox; position: relative; font-family: Roboto, Noto, sans-serif; -webkit-font= -smoothing: antialiased; transition: 0.3s ease-in-out; border: 1px solid rg= b(218, 220, 224); border-radius: 5px; margin: 6px 0px; background: rgb(255,= 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a:ac= tive, body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol l= i a:focus { background: rgb(198, 198, 198); -webkit-tap-highlight-color: tr= ansparent; outline: 0px; border-color: rgb(198, 198, 198) !important; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a .s= tep { display: flex; -webkit-box-align: center; align-items: center; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li .ste= p::before { content: counter(li-count); display: inline-block; font-style: = normal; width: 26px; min-width: 26px; color: rgb(255, 255, 255); background= : rgb(128, 134, 139); 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; transition: 0.3s ease-in-out; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a:fo= cus, body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li= [selected] a { color: rgb(33, 33, 33); font-weight: 600; box-shadow: rgba(6= 0, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[sele= cted] a { border-color: rgb(255, 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[sele= cted] .step::before { font-weight: 600; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[comp= leted] a { color: rgb(33, 33, 33); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[comp= leted] .step::before { background-color: rgb(26, 115, 232); color: rgb(255,= 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-butto= ns #menu { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol ::-webk= it-scrollbar { appearance: none; width: 7px; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol ::-webk= it-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.= 5); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1px; } @media (max-width: 768px) { body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-but= tons #arrow-back { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-but= tons #menu { display: flex; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer { grid-a= rea: auto; width: 256px; position: absolute; left: 0px; top: 0px; bottom: 0= px; z-index: 10000; will-change: transform; box-shadow: transparent 2px 2px= 4px; pointer-events: none; transform: translate3d(-100%, 0px, 0px); transi= tion: transform 0.3s ease-in-out, box-shadow 0.3s, -webkit-transform 0.3s e= ase-in-out; } body[codelabs-content-type=3D"paginated"] google-codelab[drawer--open] #d= rawer { box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px; transform: translateZ(= 0px); pointer-events: all; } body[codelabs-content-type=3D"paginated"] google-codelab #main::before { = content: ""; inset: 0px; position: absolute; transition: opacity 0.38s ease= -in-out; background-color: rgba(0, 0, 0, 0.3); z-index: 10; pointer-events:= none; opacity: 0; } body[codelabs-content-type=3D"paginated"] google-codelab[drawer--open] #m= ain::before { opacity: 1; pointer-events: all; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .codelab= -time-container { display: block; padding: 20px 10px 10px 23px; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .time-re= maining i { margin-right: 9px; } } body[codelabs-content-type=3D"paginated"] google-codelab #steps { overflow:= hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-= direction: column; position: relative; -webkit-box-flex: 1; flex-grow: 1; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p { display: none; width: 100%; transform: translateZ(0px); position: absol= ute; inset: 0px; padding-top: 32px; overflow: hidden auto; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p[animating], body[codelabs-content-type=3D"paginated"] google-codelab goog= le-codelab-step[selected] { display: block; transform-origin: 0px 50% 0px; = animation-fill-mode: both; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p[animating] { pointer-events: none; position: absolute; overflow: hidden; = } @media (max-width: 768px) { body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-s= tep { padding-top: 8px; } } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li { pa= dding: 0px; margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab { bottom: 0px; lef= t: 0px; position: fixed; top: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = { width: auto; color: rgb(60, 64, 67); top: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab .title { display: = flex; -webkit-box-flex: 1; flex-grow: 1; margin-left: 10px; overflow: hidde= n; } body[codelabs-content-type=3D"paginated"] google-codelab .no-return-url { d= isplay: none !important; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .metadata = .material-icons, body[codelabs-content-type=3D"paginated"] google-codelab-a= bout .about-card .material-icons { top: 0px !important; } body[codelabs-content-type=3D"paginated"] body[template=3D"codelab"] devsit= e-footer-utility .devsite-footer-utility-button > a, body[codelabs-content-= type=3D"paginated"] google-codelab .button-blue, body[codelabs-content-type= =3D"paginated"] google-codelab .button-green, body[codelabs-content-type=3D= "paginated"] google-codelab .button-primary, body[codelabs-content-type=3D"= paginated"] google-codelab .button-red { color: rgb(255, 255, 255) !importa= nt; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title dev= site-language-selector { margin: 0px 16px; } body[codelabs-content-type=3D"paginated"] google-codelab #controls devsite-= language-selector { background: var(--devsite-background-1); display: none;= } @media screen and (max-width: 840px) { body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title d= evsite-language-selector { margin: 0px 8px; } } @media screen and (max-width: 600px) { body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title d= evsite-language-selector { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab #controls devsit= e-language-selector { display: block; } body[codelabs-content-type=3D"paginated"] google-codelab #main #controls = { padding: 0px 8px; } body[codelabs-content-type=3D"paginated"] google-codelab #controls .space= r { display: flex; -webkit-box-pack: center; justify-content: center; } } body[codelabs-content-type=3D"paginated"] { color: rgb(92, 92, 92); font-fa= mily: var(--devsite-primary-font-family); overflow: hidden; } body[codelabs-content-type=3D"paginated"] google-codelab { opacity: 0; } body[codelabs-content-type=3D"paginated"] devsite-googler-buttons { bottom:= 148px; } body[codelabs-content-type=3D"paginated"][ready] google-codelab { opacity: = 1; } body[codelabs-content-type=3D"paginated"] .devsite-main-content { max-width= : 100% !important; padding: 0px !important; } body[codelabs-content-type=3D"paginated"] a:focus { text-decoration: none; = } body[codelabs-content-type=3D"paginated"] .devsite-badger-award { left: 256= px; } body[codelabs-content-type=3D"paginated"] .devsite-back-to-top-link, body[c= odelabs-content-type=3D"paginated"] .devsite-banner, body[codelabs-content-= type=3D"paginated"] .devsite-book-nav-bg, body[codelabs-content-type=3D"pag= inated"] .devsite-book-nav-bg[fixed], body[codelabs-content-type=3D"paginat= ed"] .devsite-book-nav-blur, body[codelabs-content-type=3D"paginated"] .dev= site-book-nav-toggle, body[codelabs-content-type=3D"paginated"] .devsite-fo= oter, body[codelabs-content-type=3D"paginated"] .devsite-heading-link, body= [codelabs-content-type=3D"paginated"] .devsite-page-bookmark-tooltip, body[= codelabs-content-type=3D"paginated"] .devsite-page-title, body[codelabs-con= tent-type=3D"paginated"] .devsite-sidebar, body[codelabs-content-type=3D"pa= ginated"] devsite-book-nav, body[codelabs-content-type=3D"paginated"] devsi= te-bookmark, body[codelabs-content-type=3D"paginated"] devsite-header { dis= play: none; } body[codelabs-content-type=3D"paginated"] devsite-code::after { display: no= ne; } body[codelabs-content-type=3D"paginated"] devsite-user[signed-in][enable-pr= ofiles] { min-width: 44px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-sideba= r[fixed] .devsite-sidebar-content { padding-inline-start: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-sideba= r[fixed] devsite-toc { padding-inline-end: 8px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-show-all { margin: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-more-items { margin-block-end: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc > .= devsite-nav-list, body[codelabs-content-type=3D"scrolling"][type=3D"codelab= "] devsite-toc[fixed] > .devsite-nav-list { border: 0px; counter-reset: ste= ps 0; padding: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item { margin-block-end: 8px; margin-inline-start: 2px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-toc-to= ggle, body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-t= oc .devsite-nav-item:last-child > a { padding: 12px 8px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item > a { -webkit-box-align: center; align-items: center; backgr= ound: var(--devsite-background-1); border-radius: 4px; color: var(--devsite= -secondary-text-color); display: grid; font-family: var(--devsite-headline-= font-family); font-size: 14px; gap: 0px 8px; grid-template-columns: 26px 1f= r; padding: 12px 8px; border: var(--devsite-primary-border); box-shadow: no= ne; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item[completed] > a { color: var(--devsite-primary-text-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item > a::before { background: var(--devsite-tertiary-text-color)= ; border-radius: 100%; color: var(--devsite-inverted-text-color); content: = counter(steps); counter-increment: steps 1; height: 26px; line-height: 26px= ; text-align: center; width: 26px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-text { color: var(--devsite-primary-text-color); margin-block-sta= rt: 4px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-active.devsite-nav-title { border: 0px; box-shadow: 0 1px 2px 0 v= ar(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevat= ion-ambient-shadow-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-active.devsite-nav-title, body[codelabs-content-type=3D"scrolling= "][type=3D"codelab"] devsite-toc .devsite-nav-active.devsite-nav-title:focu= s, body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc = .devsite-nav-active.devsite-nav-title:hover { color: var(--devsite-primary-= text-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-active.devsite-nav-title::before, body[codelabs-content-type=3D"s= crolling"][type=3D"codelab"] devsite-toc .devsite-nav-item[completed] > a::= before { background: var(--devsite-link-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= { color: var(--devsite-primary-text-color); background-color: var(--devsit= e-background-2); font: 400 24px/32px var(--devsite-headline-font-family); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= .devsite-banner-message { padding: 16px 40px; } body[codelabs-content-type=3D"scrolling"] .devsite-banner :link, body[codel= abs-content-type=3D"scrolling"] .devsite-banner :visited { text-decoration:= underline; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= :link, body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codela= b-banner :visited { color: var(--devsite-primary-text-color); overflow: aut= o; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= .material-icons { color: var(--devsite-secondary-text-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-nav-it= em.devsite-toc-toggle { -webkit-box-align: center; align-items: center; mar= gin-block-end: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc:not= (.devsite-toc-embedded) .devsite-toc-toggle::before { color: var(--devsite-= secondary-text-color); content: "schedule"; margin-inline-end: 8px; font-st= yle: normal; font-variant: normal; font-size-adjust: none; font-language-ov= erride: normal; font-kerning: auto; font-optical-sizing: auto; font-variati= on-settings: normal; font-weight: normal; font-stretch: normal; font-size: = 24px; line-height: 1; font-family: "Material Icons"; font-feature-settings:= "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegib= ility; text-transform: none; overflow-wrap: normal; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] h3 > .devsite-h= eading > a[href*=3D"github"], body[codelabs-content-type=3D"scrolling"][typ= e=3D"codelab"] h3 > .devsite-heading > a[href*=3D"github"]:visited { color:= rgb(0, 0, 0); text-decoration: none; padding-left: 24px; background-repeat= : no-repeat; background-size: 18px; background-image: url("data:image/png;b= ase64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAflBMVEUAAACXlZaXlZaXl= ZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaX= lZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZa= XlZbf2s+YAAAAKXRSTlMA+SAC7QrIBPXROWMX17rCSmusXEaAD9zNeXFWJqOLMx3mtJJAK5xP4J= w4LyAAAAT6SURBVGje1NbdcqJAEAXg0zJAQEFA0QhojJHE8/4vuBfrJlvQGHSGbO13CzVT09M/g= //HIssPRZAYIUkxSVAc8myBSfnrMjVUmbRc+5jEsUqFN0lazeDYogo4SlC5jPq6EI4mxRpOhKuI= d4pWof228y0fsJ1bbp0lfFCS4XFNSgtpg8eEO6EV2YV4QBvRWtTiXl4udEByD3fxCzpS+LhDk9C= ZpMFosaFDJsZItdApqTHKnM7NMULOCeQW5534zDUnUuOmWDgRiXFDYzgZ02CQn3BCiY8BXsFJFd= 7YQjLPkeGDTPRsRhZVK+zIABxX+yfe6Wm/OgL4YIe0UIQRO8x1jm/yiHeI8s11RdP7FKJvx649P= mUBRwoyfNqza6dUktzsNt7HliNsa+9m95UGXSl7XvQn2OV0qOpzO1tsNotZe66rw+lyXbb08bcX= 9qToyNgjYTcoS3PaxT4UflydzLJ7nFDYk3V+SdhzQZfnQTP89VW5jPDbmRTAWvDdnAq1zFnC2pL= fHHnFn9uYK3yJ+HOhZoRPa2peYe2VmjX+KKjawNKGqgJXC6HqDEtnqmSB3yrqSlgqqau+UkAVwV= LEKz1tZxxQw1LNATObSNvHOqUqCGEtDKhKAcAXqlo40Ag14g92D77BiTcO9pByqNbsDfeIcvCK3= +HI++AlG2piOBJTY4AjNVs4s6XmiMwitSzSK0Nu0bQs2leOAzUzODOj5qDPYvHgTCj6TA703HLo= og+oxGIgWgzHBMbigWnx1DSQyTcOqBDw34Sav9q1sx1HYSAKoNcYE4cl0AlhIB22rF3//4PTI43= ULbrMYjzKy5zHROiGyNhlyqAXDC5z8Acc6mcFu3+OpeCD+Y87ONMRR1isik6qet+wah3gzMEwfI= PXLIsB9sQp4UxJnL2pDFRwRBHrauoEZHDkaeoV5PSKKpNydMTSCk4oTawO8O07Nva9JN+8Z0skH= Ngk5l3bkf7hLUcjW+CceH2B1YqeeDmzTXU5sB/EE4rZmDucsA9ksBtvJuoQq4SaDE5sqc8n2+ea= NyqBOTmHtcycG8xo3B4lrMgjmZ0GrwtYaQsLbUBmImZeojKuHRbyHjRmz5ZFQRUdByfGxCPEfPJ= W07gbVyVoiU9xIwYz97GVs1LD5oMmbPknvcKntLmXNNDvT2GBEV1WXXyadjA0Q64bIMygLsTo00= aCsbmWfCbfDOEnt6QF8EzjlBi6BasVdscU5HYwbdz9LO65y9ae4tjKwTzDTJUZfxlPJjRLhoELf= dPHgNrl9ZIFK6I5LhjyxOB75QdFsqAEVIKmCW+qcZ0B9xvOPft7eReaVnFPRPmj1lPvbcJdx6to= UrkB46zpmyeAnFLViMGDZvSkKfo8Y3ikAORjB8RVqonIT4+hxJjW/qRRzezNvd1VoegKoG1uGOP= RhBomaktfAok/PJ9a3PykQEk1xsQ0bqtg5Pk/+04qBtryotDlG4wpaJTvzS7Q3sCwDdbhgu1sw9= yi7V/9XFSEb3MwbAbXYWn5H7zF3+5J2gZHNhuPX5frsaqaOvWpsAw+rC3FY6tg/cRMYU88zya4D= zGbV7oL3npYQNWugmuFZSLtIlhHWOwcrA8OzrAgT3pdsD5J2PH2a4L3HuzdStvgMscq8j2hL/e5= wcm7BLA2OuBbFebVKWBirYR/D6OWc16JizqEO0WUCrHzMMrbCZFGBf5j/QYa/td1VlNoIAAAAAB= JRU5ErkJggg=3D=3D"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "cloud.google.com"] { padding-left: 22px; background-size: 20px; background= -repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGg= oAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZRDf/zEH/zkPbRTlJi= fT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t7e1SkPXbRDdLjPW7= 0fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjVtofhOi/NKh+9Hgel= Gf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/fr6Oj9yT/3vjvaQD= PUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJhu5EfOPo3Nv/0Ez8y= 0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznpsTjKRTjo8P3U4/z6= +vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3t59f/89TvxcPsurX= asKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj/xujvptjvutjrxtj= n8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3/Cdu+/e4uv33Nk+b= tP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3RjYehnIT+2XPedW37= 0mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjTSPS/w9vu50vs7hfr= 5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4OA/dt83bt80a9xmjd= by19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXpqHXo57aop3ZkovTw= Iboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfsrTbkljbabDbcVTbs= mTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCgqKA6WCooK7r333nv= vvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr9sfp5Ckyfk6h8o5J= kH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6WQsMDExF3/StLytk= a/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsAA545TWg8RQlc5MMB= flrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3QvEBhYLLAu6+LDoI= OtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlGSlVr3iJpOpOMsbt3= 6r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms7lfu+yBthHhwcFho= aCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff175jFb9lrZecIVGgz= 09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992aapABKakzvKByQymx= bO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8jD6NXqpEQPAmDCsz= ibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVrQLIV16uGRGMTxD6P= IEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQqcCHJK69cn62xDnA= 3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9CnchlYzyWYF7OFV8ATgAP= V624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc74ESa1NsUBXK9QelL= HfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT/DMpxkAW7CsCCFZ3= D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvYA1i9BP8UkRtjsW8c= 3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNSqZ1Jgf/0xQsgSuXP= CQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS7+JGPfOBgNEJDK3w= g60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUecQrsGx8RbmmZxgfoI= V9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1FpqnYJWkKklJScNL= jxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4ugULlyuXJlyjQaNeq= bFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1JTLAYD+mkhSoeBLo= GoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/96/vzyHeXN3Inc6z= SuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "stackoverflow.com"] { padding-left: 22px; background-size: 24px; backgroun= d-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KG= goAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAA4VBMVEUAAACCg4aCg4aCg4bIj0P1fx/2hh+o= jHCojHCojHD2ih/UjCn0eiD0eiD2hB/2hR/RjjDUjCnKkkPUjCnUjCn2ih/UjCnCllPCllP2ih/= CllPCllPCllP2ih/CllPCllPCllP2ih/2ih/CllPCllP2ih/2ih/CllPUjCnCllPUjCn0eiD0ei= D2ih+ojHD0eiDUjCn0eiD0eiCojHDUjCn0eiDUjCn0eiDUjCnUjCn0eiCojHD0eiCojHD2ih+oj= HD2ih+ojHCojHCdiXaViHuCg4aojHD0eiDCllPUjCn2ih8XYwy7AAAARXRSTlMAv0CAEEAQv4BA= 7++/gCBQQN8wIIDPv2Dfv5+PUDDPryCAcO+/r49wn4Bg79/frJ9QcGDPr6+Pj3DPz2AwIJ9wYOa= PVDAbIL/gAAAGhElEQVR42uzbsYrCQBDG8WmyxaJJlcIixQmxMSIRgiBB7Bbm/R/oPAnH3e0Sxw= Svyf/3DLt8zDeMAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F9k7Xm1Xwlek53WqyY87AVWfbHumvCTE= 5hkIZYJTFyIrQU2+xA5CmxWIULcWq1DTGBzCrFcMDluC4ENcTtDEyKdwKYLkYuAuH27ggFtuj7E= TgLiNo0B7Z3c1YnNMUQaWbTC6/W1uKUPHbha7wr60GnP7ot3YpGHWCsL5Wod1JP70LMsU+H1242= 4nfDsBj4XgzMD2kN20F82YtDSh965nf61JW7Nzy7iKwY067OLlfJcw/qx1KQPQ9zSh1aaVtGHGn= xoUummrB97WZhSk3byRM/6UST3mpQRtwZbTTo4GXdhQLvbaNJVxnX0oSMftyBuDQpN8o4BzaDWp= FrG5KwfH5zXpJuMCfShox83pw812GnSxrx+XPI5hjvowF7ttawfB5km+Yq4nf5xS84x5lR7nGPM= qfaI2znVHgPajGqPc4w51R7nGJ/sm29P2zAQh49h1kJgJHGWlrbQItAIebNO67owadpgwOzv/4W= m8S8NLsXxGSTu/HyEk/O78+McRu0FH4pQe2EdA6P2wjoGRu2FdotQe2EdA6P2wjoGRu2FdotQe+= GChlF7DNcxKulN7bFbx4h1lPlSe+x8aKK1Tqae1B6zdYxM35BLP2qP1TqGjPQdmfCi9ji125l+I= Cp9qD1G6xixXiSPPag9PusYiW5SCLza49JuK/2YKEOrPSYXNBFpkyTGqj0e6xiFXkoukWqPwzpG= rJ8iEyi1x8GHnuknSUqU2qO/jlHpVeQpwhB8oL6OISK9mkK4qz3q7bbQzxFV7mqP9jpGqi1IYme= 1R3sdI060BTPpaAiot9ss0hZkwk3tUb+gyUJbkEzd1B55HxqfaQvy1Ent0V/HKCNtwVy0NwSfGP= hQMdcWRJWD2uOwjiFzbcFZ3F7tsVjHmDqMLTZqj3S7bTm2RJloZwh2maxjyJnd2NJS7XFZx7AcW= 2QrtUe93dZUDmOLjdrbaTTa7e9fNgj1i7ZjS9lK7dU+dPvzzgaRZ8elpPZji73a2/j749vOLuWy= tRtbCmmv9jghLMcWuw936zfwwnZssTAEexw+VidTmstn1N4Wr2/2gcrBlO6HY3eHKNqPLYfh2Fm= PLeZ/aXvh2D1Q2o0tYkHt8ZxQliIybTm2NNXex30IWI8tcePDPYSAywPv+61w7NwfeHfJHrvJS4= 4tSQmUGan+oCfAgTi3fOCly1D952A4eqkH3gTocqDuOT5NX2JsmQJZhFrkaHwy8fzAmwNdeuoRR= gQiTakEugyUSR2B+LFlDoTpK4M6AvH/pUUC6JIqAyMCMQ+8pMe8E2XgGIFlxKxbAIyVgUUEWj/w= Uh6QAZQBIgJlzqlbQKwMUBE4Tdh0C4ChMsBFoMgiJt2ivpvVoCNQznh0CxDKAB2B9dgSA2l6ygA= bgfUDbwG0GSgDPxEo5tS7xYq7GT4CU8Im6pbRsNkxMBFIex5ezqQ3qM8fPgL5kZ6Mj1QNLgKpR9= 0y4tNjpbxFID+ExwjsAUN8ReAYmOIjAlmePF8RyLHv+orAPgScI3AIb531tQZ/XjECR3DL5VoTe= DOsXTVYf8UIFHDLu6sm8GZAFA8ZgccQimcgLCPwNBRvOROLCExD8Z4mXR2BRxCK5+wCx6F47hHY= C8Vzj8BJKJ5zBPYhFM85Agf0i3dx3ulcdLubm5e+I3BEv3id65r7Ov70EoGCV/EW+NrpdLu/cHW= kX7zz65pn6hiK9689O8hJKIaiMCxK0nYzTBgSYxDs/pekiTohEq/v0eRKv28J/+zkXMbrF2IdxQ= vEC3ScOF7r6+3LrtZDa1vxVinfHaeId+qjTBCv9kGO4i1XJoi365/EWxCv9EF24i1XJ4jXv4iXK= d7p/uNt+yjt/uO1PspZvOVmmGcPrZ1q3ZUi3qoDaNva4WYdj5PFu2nHMm+8nzqKF4y3vuOreL92= 3PcrqngRz6291FrKXrxbdWzifXB6iydehHh5iDco3maQpxnivQ2yEU888cQLEi8R8cSLES8R8cS= LES8R8cSLES8R8cSLES8R8QbFexzkPEO86xxA4on3F+LlIZ54QeLlIZ54QeLlIZ54QeLlId6qeO= k8/BviiRciXibiiRciXibiiRciXibiiRciXibiiQcAAAAAAAAAAAAAAAAAwHTeAe21evvWi2VXA= AAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "support.google.com/webmasters/"] { padding-left: 24px; background-size: 24= px; background-repeat: no-repeat; background-image: url("data:image/png;bas= e64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEUAAADW1tbW1tZ6enr= Q0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+ju7+9PT0/Q0dK8vL= xGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx+3e3+GsrKxwcHBZk= /dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAADnRSTlMAEcxmzO7M= zDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7T+7+1xjTiwxVOAme= ORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i22tZWqBRSDgKFfC4= CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3sdq+nQB+nQABIQ+C= QABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLneQAAVAvM/ttzVLlB= 4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6m9wTA4DzANiyW6lO= qTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4k+TApBukHfFSBa7/= I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8toRYKHEndkTauEQI= IUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yATABwIChvVyE3IBR7= AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlIL2AA5AIYAgJXUAja= AAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPiMAf8UgZEUpK/LoJ4= oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA3p5RV9JboDeytp/k= k4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQknwxIqIBu468hBgDq= NYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26Dl5+fn5+fn5+dn7i/= 3LEaKJNV/0wAAAABJRU5ErkJggg=3D=3D"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "developer.android.com"], body[codelabs-content-type=3D"scrolling"][type=3D= "codelab"] .faq a[href*=3D"android-developer"] { padding-left: 20px; backgr= ound-repeat: no-repeat; background-size: 20px; background-image: url("data:= image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAq1BMVEX///= +lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX57ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9= NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi8= 13Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2rzkr1+erJ35C61m6uz1KcxRHn8M6/2Xg= EePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzOC+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX= 4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBGYJdA19qLAOU4s4LkyUN7G4Ude2glmzuR= ihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7JuCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZN= MusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsvH697/eP/j7uDTOvB+dxwX/AaM2SQ+6ic= rYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRNJn20SYtHK8HaKZzoffhZl5tlNxsD5Psn= UQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIlpY2FpgsgdQPkLXJQar0A/LVIDB6Idp2G= xQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3hDMmZAQ05I020gT2PmeM+w4uGpLksFs+= oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4KB52zuvTrOa5EssC0auM0C0tYKtI0Dqgp= UgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhlTrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0= UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQLBBQkUHAJfoB34UBS/9CfAETe6lZYKZft= /QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+O24OQlynK62EGCF2J9IbpIsy/P0I3CHW= +Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEK= FUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAElFTkSuQmCC"); } @media screen and (max-width: 840px) { body[codelabs-content-type=3D"paginated"] .devsite-badger-award { left: 0= px; } } body[codelabs-content-type=3D"paginated"] google-codelab-about .codelab-tit= le { width: 100%; text-align: center; font-size: 32px; margin: 20px auto 30= px; line-height: 45px; max-width: 700px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .codelab-tit= le .token { display: inline-block; margin: 0px 5px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: norma= l; flex-direction: column; border: 1px solid rgb(218, 220, 224); border-rad= ius: 5px; background: rgb(255, 255, 255); max-width: 800px; margin: 0px aut= o 30px; padding: 20px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = h2 { font-size: 28px; font-weight: 400 !important; line-height: 1em !import= ant; margin: 0px !important; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = > :not(:first-child) { padding-top: 30px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = .material-icons { margin-right: 10px; top: 6px; position: relative; } body[codelabs-content-type=3D"scrolling"][ready] google-codelab-about { bor= der-radius: 4px; border-top-color: ; border-top-style: ; border-top-width: = ; border-right-color: ; border-right-style: ; border-right-width: ; border-= bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-= source: ; border-image-slice: ; border-image-width: ; border-image-outset: = ; border-image-repeat: ; border-left: solid 4px var(--google-codelab-about-= active-border-color); display: block; margin-top: 32px; padding: 32px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .caption { c= olor: var(--devsite-primary-text-color); font: 400 12px/16px var(--devsite-= primary-font-family); letter-spacing: 0.3px; margin: 0px 0px 24px; text-tra= nsform: uppercase; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about { dis= play: flex; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about-item = { border-inline-end: solid 1px var(--devsite-background-5); padding-inline:= 16px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about-item:= first-child { padding-inline-start: 0px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about-item:= last-child { border-inline-end: 0px; padding-inline-end: 0px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .authors, bo= dy[codelabs-content-type=3D"scrolling"] google-codelab-about .duration, bod= y[codelabs-content-type=3D"scrolling"] google-codelab-about .last-updated {= -webkit-box-align: center; align-items: center; display: flex; font: 14px/= 20px var(--devsite-primary-font-family); } body[codelabs-content-type=3D"scrolling"] google-codelab-about .material-ic= ons { color: var(--devsite-secondary-text-color); margin-inline-end: 8px; } body[codelabs-content-type=3D"paginated"] google-codelab-step { line-height= : 24px; display: block; } body[codelabs-content-type=3D"paginated"] google-codelab-step:focus { outli= ne: none; } body[codelabs-content-type=3D"paginated"] google-codelab-step code, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre { font-family: "= Source Code Pro", Helvetica, Arial; font-size: inherit; border-radius: 4px;= overflow: auto visible; } body[codelabs-content-type=3D"paginated"] google-codelab-step code { backgr= ound-color: rgb(232, 234, 237); padding: 0.1em 0.3em; } body[codelabs-content-type=3D"paginated"] google-codelab-step pre { display= : block; color: rgb(255, 255, 255); background-color: rgb(40, 50, 63); padd= ing: 14px; text-size-adjust: none; line-height: 1.4; } body[codelabs-content-type=3D"paginated"] google-codelab-step pre > code { = padding: 0px; background-color: transparent; } body[codelabs-content-type=3D"paginated"] google-codelab-step code em { col= or: rgb(151, 200, 242); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .str, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .str { colo= r: rgb(52, 168, 83); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .kwd, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .kwd { colo= r: rgb(245, 56, 160); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .com, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .com { colo= r: rgb(189, 193, 198); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .typ, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .typ { colo= r: rgb(36, 193, 224); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .lit, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .lit { colo= r: rgb(66, 133, 244); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .pun, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .pun { colo= r: rgb(248, 249, 250); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .pln, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .pln { colo= r: rgb(248, 249, 250); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .tag, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .tag { colo= r: rgb(36, 193, 224); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atn, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .atn { colo= r: rgb(237, 169, 18); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atv, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .atv { colo= r: rgb(52, 168, 83); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .dec, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .dec { colo= r: rgb(81, 149, 234); } body[codelabs-content-type=3D"paginated"] google-codelab-step paper-button = { display: inline-flex; -webkit-box-align: center; align-items: center; -we= bkit-box-pack: center; justify-content: center; position: relative; box-siz= ing: border-box; min-width: 5.14em; margin: 0px 0.29em; background: transpa= rent; -webkit-tap-highlight-color: transparent; font-style: inherit; font-v= ariant: inherit; font-weight: inherit; font-stretch: inherit; font-size: in= herit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust= : inherit; font-kerning: inherit; font-feature-settings: inherit; font-vari= ation-settings: inherit; font-language-override: inherit; text-transform: u= ppercase; outline-width: 0px; border-radius: 3px; user-select: none; cursor= : pointer; z-index: 0; padding: 0.7em 0.57em; font-family: Roboto, Noto, sa= ns-serif; -webkit-font-smoothing: antialiased; box-shadow: rgba(0, 0, 0, 0.= 14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2= ) 0px 3px 1px -2px; } body[codelabs-content-type=3D"paginated"] google-codelab-step h2.step-title= { font-family: "Google Sans", Arial, sans-serif !important; font-size: 28p= x !important; font-weight: 400 !important; line-height: 1em !important; mar= gin: 0px 0px 30px !important; } body[codelabs-content-type=3D"paginated"] google-codelab-step .step-title a= { color: rgb(60, 64, 67); text-decoration: none; } body[codelabs-content-type=3D"paginated"] google-codelab-step .step-title a= :focus, body[codelabs-content-type=3D"paginated"] google-codelab-step .step= -title a:hover { color: rgb(33, 33, 33); text-decoration: underline; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions { box-shadow: rgba(60, 64, 67, 0.3= ) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; background: rgb(= 255, 255, 255); max-width: 800px; font-size: 14px; margin: 0px auto 90px; b= order-radius: 4px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .inner { padding: 24px; } body[codelabs-content-type=3D"paginated"] google-codelab[theme=3D"minimal"]= google-codelab-step .instructions .inner { padding: 0px 24px; } @media (max-width: 800px) { body[codelabs-content-type=3D"paginated"] google-codelab .instructions { = margin: 0px 0px 16px; } } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions :not(.step-title) > a, body[codela= bs-content-type=3D"paginated"] google-codelab:not([theme=3D"minimal"]) goog= le-codelab-step .instructions :not(.step-title) > a:visited { color: rgb(26= , 115, 232); } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h2, body[codelabs-content-type=3D"= paginated"] google-codelab:not([theme=3D"minimal"]) google-codelab-step .in= structions h3, body[codelabs-content-type=3D"paginated"] google-codelab:not= ([theme=3D"minimal"]) google-codelab-step .instructions h4 { font-weight: 4= 00; margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h2 { font-weight: 300; line-height= : 1em; font-size: 22px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions { line-height: 24px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions li { margin: 0.5em 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h2 { font-weight: 500; margin: 20p= x 0px 0px; font-size: 20px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h3 { font-size: 16px; font-weight:= 500; margin: 20px 0px 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside { padding: 0.5em 1em; margin= : 2em 0px; border-left: 4px solid; border-radius: 4px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside p { margin: 0.5em 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside.note, body[codelabs-content-= type=3D"paginated"] google-codelab:not([theme=3D"minimal"]) google-codelab-= step .instructions aside.notice { border-color: rgb(234, 134, 0); backgroun= d: rgb(254, 247, 224); color: rgb(33, 33, 36); } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside.special, body[codelabs-conte= nt-type=3D"paginated"] google-codelab:not([theme=3D"minimal"]) google-codel= ab-step .instructions aside.tip { border-color: rgb(19, 115, 51); backgroun= d: rgb(230, 244, 234); color: rgb(33, 33, 36); } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside.warning { border-color: rgb(= 234, 134, 0); background: rgb(254, 247, 224); color: rgb(33, 33, 36); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= aside.callout { background-color: rgb(232, 240, 254); margin: 20px 0px; pa= dding: 15px; border-left: 3px solid rgb(24, 90, 188); border-radius: 4px; c= olor: rgb(33, 33, 36); font-size: 14px; line-height: 1.5; } body[codelabs-content-type=3D"paginated"] google-codelab-step aside.callout= b { color: rgb(24, 90, 188); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= ul.checklist { list-style: none; padding: 0px 0px 0px 1em; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= ul.checklist li { padding-left: 24px; background-size: 20px; background-re= peat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAA= AANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwx= okwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokw= qn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SU= RBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8= zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6Dn= AvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=3D"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= h2 code, body[codelabs-content-type=3D"paginated"] google-codelab-step .in= structions table code { background: rgb(255, 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .indented { margin-left: 40px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= strong { font-weight: 600; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= :link paper-button { text-decoration: none !important; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button { display: inline-block; border-radius: 4px; color: rgb(255, = 255, 255); font-family: "Google Sans", Arial, sans-serif; font-size: 14px; = font-weight: 600; letter-spacing: 0.6px; padding: 6px 16px 6px 12px; text-t= ransform: none; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button a { text-decoration: none; color: inherit !important; } body[codelabs-content-type=3D"paginated"] google-codelab-step a paper-butto= n { display: inline-block; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button.colored { background-color: rgb(30, 142, 62); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button.red { background-color: rgb(217, 48, 37); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= iron-icon { vertical-align: sub; margin-right: 7px; margin-left: 3px; font= -size: 16px; top: -1px; position: relative; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= img { max-width: 100%; vertical-align: bottom; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .image-container { text-align: center; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= table { border-spacing: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= td { vertical-align: top; border-bottom: 1px solid rgb(204, 204, 204); pad= ding: 8px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= table p { margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions h3.faq { border-bottom: 1px solid rgb(221, 221, 221); = } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions ul.faq { list-style: none; padding-left: 1em; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions .faq li { font-size: 1.1em; margin-bottom: 0.8em; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions .faq a { color: inherit; text-decoration: none; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions .faq a:hover { text-decoration: underline; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"cloud.google.com"] { padding-left: 22px; background-size: = 20px; background-repeat: no-repeat; background-image: url("data:image/png;b= ase64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZR= Df/zEH/zkPbRTlJifT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t= 7e1SkPXbRDdLjPW70fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjV= tofhOi/NKh+9HgelGf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/= fr6Oj9yT/3vjvaQDPUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJh= u5EfOPo3Nv/0Ez8y0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznp= sTjKRTjo8P3U4/z6+vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3= t59f/89TvxcPsurXasKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj= /xujvptjvutjrxtjn8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3= /Cdu+/e4uv33Nk+btP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3R= jYehnIT+2XPedW370mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjT= SPS/w9vu50vs7hfr5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4O= A/dt83bt80a9xmjdby19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXp= qHXo57aop3ZkovTwIboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfs= rTbkljbabDbcVTbsmTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCg= qKA6WCooK7r333nvvvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr= 9sfp5Ckyfk6h8o5JkH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6= WQsMDExF3/StLytka/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsA= A545TWg8RQlc5MMBflrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3= QvEBhYLLAu6+LDoIOtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlG= SlVr3iJpOpOMsbt36r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms= 7lfu+yBthHhwcFhoaCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff1= 75jFb9lrZecIVGgz09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992a= apABKakzvKByQymxbO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8= jD6NXqpEQPAmDCszibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVr= QLIV16uGRGMTxD6PIEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQ= qcCHJK69cn62xDnA3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9Cnchl= YzyWYF7OFV8ATgAPV624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc7= 4ESa1NsUBXK9QelLHfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT= /DMpxkAW7CsCCFZ3D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvY= A1i9BP8UkRtjsW8c3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNS= qZ1Jgf/0xQsgSuXPCQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS= 7+JGPfOBgNEJDK3wg60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUec= QrsGx8RbmmZxgfoIV9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1= FpqnYJWkKklJScNLjxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4u= gULlyuXJlyjQaNeqbFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1= JTLAYD+mkhSoeBLoGoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/= 96/vzyHeXN3Inc6zSuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"stackoverflow.com"] { padding-left: 22px; background-size:= 24px; background-repeat: no-repeat; background-image: url("data:image/png;= base64,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 HTeAe21evvWi2VXAAAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"support.google.com/webmasters/"] { padding-left: 24px; bac= kground-size: 24px; background-repeat: no-repeat; background-image: url("da= ta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEU= AAADW1tbW1tZ6enrQ0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+= ju7+9PT0/Q0dK8vLxGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx= +3e3+GsrKxwcHBZk/dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAA= DnRSTlMAEcxmzO7MzDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7= T+7+1xjTiwxVOAmeORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i= 22tZWqBRSDgKFfC4CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3= sdq+nQB+nQABIQ+CQABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLn= eQAAVAvM/ttzVLlB4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6= m9wTA4DzANiyW6lOqTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4= k+TApBukHfFSBa7/I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8= toRYKHEndkTauEQIIUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yA= TABwIChvVyE3IBR7AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlI= L2AA5AIYAgJXUAjaAAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPi= MAf8UgZEUpK/LoJ4oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA= 3p5RV9JboDeytp/kk4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQk= nwxIqIBu468hBgDqNYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26D= l5+fn5+fn5+dn7i/3LEaKJNV/0wAAAABJRU5ErkJggg=3D=3D"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"developer.android.com"], body[codelabs-content-type=3D"pag= inated"] google-codelab-step .instructions .faq a[href*=3D"android-develope= r"] { padding-left: 20px; background-repeat: no-repeat; background-size: 20= px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG= AAAABgCAMAAADVRocKAAAAq1BMVEX///+lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX5= 7ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc= 6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi813Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2= rzkr1+erJ35C61m6uz1KcxRHn8M6/2XgEePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzO= C+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBG= YJdA19qLAOU4s4LkyUN7G4Ude2glmzuRihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7J= uCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZNMusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsv= H697/eP/j7uDTOvB+dxwX/AaM2SQ+6icrYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRN= Jn20SYtHK8HaKZzoffhZl5tlNxsD5PsnUQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIl= pY2FpgsgdQPkLXJQar0A/LVIDB6Idp2GxQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3= hDMmZAQ05I020gT2PmeM+w4uGpLksFs+oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4K= B52zuvTrOa5EssC0auM0C0tYKtI0DqgpUgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhl= TrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQL= BBQkUHAJfoB34UBS/9CfAETe6lZYKZft/QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+= O24OQlynK62EGCF2J9IbpIsy/P0I3CHW+Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr= 5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEKFUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAE= lFTkSuQmCC"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= h3 > a[href*=3D"github"], body[codelabs-content-type=3D"paginated"] google= -codelab-step .instructions h3 > a[href*=3D"github"]:visited { color: rgb(0= , 0, 0); text-decoration: none; padding-left: 24px; background-repeat: no-r= epeat; background-size: 18px; background-image: url("data:image/png;base64,= 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 kJggg=3D=3D"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .youtube-vide= o { display: flex; margin: auto; width: 560px; height: 315px; border: none;= max-width: 100%; max-height: 51vw; } body[codelabs-content-type=3D"paginated"] google-codelab-step .embedded-ifr= ame { display: flex; margin: auto; width: 560px; height: 315px; border: non= e; max-width: 100%; max-height: 51vw; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p .note::before, body[codelabs-content-type=3D"paginated"] google-codelab g= oogle-codelab-step .special::before, body[codelabs-content-type=3D"paginate= d"] google-codelab google-codelab-step aside::before { content: unset !impo= rtant; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p .instructions aside.special, body[codelabs-content-type=3D"paginated"] go= ogle-codelab google-codelab-step .instructions aside.warning { margin: 10px= 0px !important; padding: 15px 20px !important; } body[codelabs-content-type=3D"paginated"] iron-icon { font-style: normal; f= ont-variant: normal; font-size-adjust: none; font-language-override: normal= ; font-kerning: auto; font-optical-sizing: auto; font-variation-settings: n= ormal; font-weight: normal; font-stretch: normal; line-height: 1; font-fami= ly: "Material Icons"; font-feature-settings: "liga"; -webkit-font-smoothing= : antialiased; text-rendering: optimizelegibility; text-transform: none; ov= erflow-wrap: normal; font-size: inherit; } body[codelabs-content-type=3D"paginated"] iron-icon[icon=3D"file-download"]= ::after { content: "cloud_download"; } body[codelabs-content-type=3D"paginated"] google-codelab .warning, body[cod= elabs-content-type=3D"paginated"] google-codelab .warning :link, body[codel= abs-content-type=3D"paginated"] google-codelab .warning :visited, body[code= labs-content-type=3D"paginated"] google-codelab .warning code { background:= rgb(254, 247, 224); } body[codelabs-content-type=3D"paginated"] google-codelab .special :link, bo= dy[codelabs-content-type=3D"paginated"] google-codelab .special :visited, b= ody[codelabs-content-type=3D"paginated"] google-codelab .special code, body= [codelabs-content-type=3D"paginated"] google-codelab aside :link, body[code= labs-content-type=3D"paginated"] google-codelab aside :visited, body[codela= bs-content-type=3D"paginated"] google-codelab aside code { background: rgb(= 230, 244, 234); } body[codelabs-content-type=3D"paginated"] google-codelab-step td { backgrou= nd: transparent; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= h3 > a[href*=3D"github"], body[codelabs-content-type=3D"paginated"] google= -codelab-step .instructions h3 > a[href*=3D"github"]:visited { background-p= osition: 0px 3px; } body[codelabs-content-type=3D"paginated"] google-codelab-step code { font: = 500 90%/1 var(--devsite-code-font-family); } body[codelabs-content-type=3D"paginated"] google-codelab-step pre { backgro= und: var(--devsite-code-background,#f1f3f4); border-radius: 0px; color: var= (--devsite-code-color,inherit); font: 14px/20px var(--devsite-code-font-fam= ily); margin: 16px 0px; overflow-x: auto; padding: 8px 80px 8px 8px; positi= on: relative; } body[codelabs-content-type=3D"paginated"] google-codelab-step devsite-code = pre { margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab-step pre, body[cod= elabs-content-type=3D"paginated"] google-codelab-step pre code { font: 14px= /20px var(--devsite-code-font-family); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .com, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .com { colo= r: var(--devsite-code-comments-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .dec, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .lit, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .dec, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .lit { color: va= r(--devsite-code-numbers-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .kwd, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .tag, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .kwd, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .tag { color: va= r(--devsite-code-keywords-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atv, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .str, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .atv, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .str { color: va= r(--devsite-code-strings-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atn, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .typ, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .atn, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .typ { color: va= r(--devsite-code-types-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .pln, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .pun, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .pln, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .pun { color: in= herit; } google-codelab-survey { visibility: hidden; } google-codelab-survey[upgraded] { visibility: visible; } google-codelab-survey { display: block; margin: 2em 0px; padding: 0px; back= ground: rgb(232, 240, 254); border-left: 4px solid rgb(24, 90, 188); border= -radius: 4px; color: rgb(60, 64, 67); } google-codelab-survey h4 { font-size: 16px; font-weight: 400; padding: 0.8e= m 0px 0px; margin: 0px; } google-codelab-survey .survey-question-wrapper { padding: 0.4em 0px 1.1em 3= 0px; } google-codelab-survey .survey-question-options { padding: 0.8em 0px 0px; } .survey-option-wrapper { cursor: pointer; display: block; padding: 0px 0px = 4px; position: relative; user-select: none; vertical-align: middle; } google-codelab-survey .option-text { color: rgb(33, 33, 33); font-size: 16p= x; padding-left: 24px; } .survey-option-wrapper input { position: absolute; opacity: 0; } .custom-radio-button { position: absolute; top: 5px; left: 0px; height: 13p= x; width: 13px; background-color: rgb(255, 255, 255); border: 2px solid rgb= (63, 81, 181); border-radius: 50%; } .custom-radio-button::after { content: ""; position: absolute; display: non= e; } .survey-option-wrapper input:checked ~ .custom-radio-button::after { displa= y: block; } .survey-option-wrapper .custom-radio-button::after { top: 1px; left: 1px; w= idth: 7px; height: 7px; border-radius: 50%; background: rgb(63, 81, 181); } devsite-avatar { display: block; } devsite-avatar .photo-selector-loading, devsite-avatar .photo-selector-mini= { border-radius: 50%; height: 36px; width: 36px; font-size: 20px; border: = var(--devsite-primary-border); display: flex; -webkit-box-align: center; al= ign-items: center; -webkit-box-pack: center; justify-content: center; color= : rgb(102, 102, 102); position: absolute; vertical-align: bottom; left: cal= c(50% + 30px); bottom: 0px; background: var(--devsite-background-1); cursor= : pointer; box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color= ),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color); z-index: 90;= } devsite-avatar .photo-selector-loading { display: none; pointer-events: all= ; z-index: 91; } devsite-avatar .photo-selector-loading.show { display: flex; } devsite-avatar .photo-selector-dropdown { position: absolute; left: 0px; ri= ght: 0px; background: var(--devsite-background-1); top: 90px; box-shadow: 0= 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--de= vsite-elevation-ambient-shadow-color); border-radius: 4px; z-index: 100; di= splay: none; padding: 8px 0px; --devsite-button-border: 0; --devsite-button= -border-hover: 0; --devsite-button-border-active: 0; --devsite-button-paddi= ng: 0 24px; --devsite-button-border-radius: 4px; --devsite-button-color: #3= c4043; --devsite-button-color-hover: #3c4043; --devsite-button-background-h= over: #f1f3f4; --devsite-button-background-active: #f1f3f4; --devsite-butto= n-width: 100%; --devsite-button-line-height: 48px; --devsite-button-box-sha= dow-active: none; --devsite-button-height: "auto"; } devsite-avatar .photo-selector-dropdown.show { display: block; } devsite-avatar .photo-selector-dropdown ul { margin: 0px; padding: 0px; lis= t-style: none; } devsite-avatar .photo-selector-dropdown ul li { margin: 0px; padding: 0px; = border-bottom: var(--devsite-primary-border); } devsite-avatar .photo-selector-dropdown ul li:last-child { border-bottom: 0= px; } devsite-avatar .photo-selector-dropdown ul button { --devsite-button-border= -radius: 0; display: flex; -webkit-box-align: center; align-items: center; = overflow: visible; gap: 12px; text-align: initial; white-space: normal; fle= x-wrap: wrap; 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; color: var(--devsite-secondary-text-color); } devsite-avatar .photo-selector-dropdown ul .info-popout-container { max-wid= th: 268px; } devsite-avatar .photo-selector-dropdown .photo-selector-dropdown-icon { lin= e-height: 0; flex-shrink: 0; } devsite-avatar .photo-selector-dropdown .photo-selector-dropdown-icon img {= width: 32px; height: 32px; border-radius: 50%; border: var(--devsite-prima= ry-border); } devsite-avatar .photo-selector-dropdown .photo-selector-dropdown-remove-pho= to .material-icons { width: 32px; height: 32px; font-size: 20px; top: auto;= margin: 0px; display: flex; -webkit-box-align: center; align-items: center= ; -webkit-box-pack: center; justify-content: center; color: rgb(95, 99, 104= ); border-radius: 50%; border: var(--devsite-primary-border); } devsite-avatar .photo-selector { border-radius: 50%; display: inline-block;= color: var(--devsite-primary-text-color); height: 130px; width: 130px; tex= t-align: center; background-repeat: no-repeat; background-size: contain; ba= ckground-position: 50% center; border: var(--devsite-primary-border); backg= round-color: var(--devsite-background-1); filter: var(--devsite-darkmode-im= age-filter); } .devsite-avatar-dialog { padding: 0px; background-color: transparent; posit= ion: relative; display: flex; -webkit-box-align: center; align-items: cente= r; -webkit-box-pack: center; justify-content: center; overflow: hidden; box= -shadow: none; width: 100vw; height: 56.25vw; max-height: 100vh; max-width:= 177vh; } @media screen and (max-width: 820px) { .devsite-avatar-dialog { width: 100%; height: 100%; max-width: 100%; max-= height: 100%; border-radius: 0px; } } .devsite-avatar-dialog .cool-circle { width: 42vw; height: 42vw; max-height= : 680px; max-width: 680px; position: absolute; transition: margin 0.8s, tra= nsform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out; transform: rot= ate(90deg); border-color: rgba(0, 0, 0, 0.54); animation: 1s linear 0s infi= nite normal none running rotating; background: transparent; } @-webkit-keyframes rotating {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes rotating {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @media screen and (max-width: 820px) { .devsite-avatar-dialog .cool-circle { width: 84vw; height: 84vw; max-heig= ht: 84vh; max-width: 84vh; } } .devsite-avatar-dialog .cool-circle .frame { position: absolute; transition= : margin 0.4s, border-radius 0.4s ease-out, width 0.4s, height 0.4s, border= -width 0.4s, top 0.4s, left 0.4s, right 0.4s, bottom 0.4s; margin: 0px; bor= der-radius: 50%; width: 100%; height: 100%; border-width: 0.9vw !important;= } @media screen and (max-width: 820px) { .devsite-avatar-dialog .cool-circle .frame { border-width: 1.8vw !importa= nt; } } .devsite-avatar-dialog .cool-circle .top-left { border-left: solid rgb(251,= 188, 4); border-right: solid rgb(251, 188, 4); border-top: solid rgb(251, = 188, 4); } .devsite-avatar-dialog .cool-circle .top-right { border-right: solid rgb(52= , 168, 83); border-bottom: solid rgb(52, 168, 83); border-top: solid transp= arent; } .devsite-avatar-dialog .cool-circle .bottom-left { border-bottom: solid rgb= (234, 67, 53); border-left: solid rgb(234, 67, 53); } .devsite-avatar-dialog .cool-circle .bottom-right { border-bottom: solid rg= b(66, 133, 244); border-left: solid transparent; } .devsite-avatar-dialog .devsite-avatar-loading-container { display: flex; -= webkit-box-align: center; align-items: center; -webkit-box-pack: center; ju= stify-content: center; -webkit-box-orient: vertical; -webkit-box-direction:= normal; flex-direction: column; z-index: 10; background-color: rgb(255, 25= 5, 255); opacity: 1; } .devsite-avatar-dialog .devsite-avatar-loading-container.hide { opacity: 0;= } .devsite-avatar-dialog .devsite-avatar-loading-container.customizer-loading= -container { z-index: 8; } .devsite-avatar-dialog .devsite-avatar-loading-container .loading-text { te= xt-transform: uppercase; margin-top: 10.5vw; position: absolute; color: rgb= (102, 102, 102); font-weight: 500; font-size: 1.2vw; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-loading-container .loading-text { = margin-top: 21%; font-size: 3.5vw; } } @media screen and (max-width: 820px) and (max-height: 578.531px) { .devsite-avatar-dialog .devsite-avatar-loading-container .loading-text { = margin-top: 21%; font-size: 100%; } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container { position: relative; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loadin= g-container { transform: scale(2); } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container i { font-size: 10vw; margin: 0px 0px 1.2vw; } @media screen and (max-height: 578.531px) { .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loadin= g-container i { margin: 0px 0px 5vw; } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container i.person { margin: 0px 0px 1.2vw; } @media screen and (max-height: 578.531px) { .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loadin= g-container i.person { margin: 0px 0px 6vw; } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-full { opacity: 0.3; display: flex; } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-loading { position: absolute; bottom: 0px; z-index: 100; he= ight: 25%; overflow: hidden; display: flex; -webkit-box-orient: vertical; -= webkit-box-direction: reverse; flex-direction: column-reverse; } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-loading.start { height: 80%; transition: height 3s ease-out= ; } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-loading.finish { height: 100%; transition: height 0.2s line= ar; } .devsite-avatar-dialog .close { position: absolute; top: 0px; right: 0px; z= -index: 1000; padding: 5px; display: flex; background-color: rgba(0, 0, 0, = 0.87); color: rgb(255, 255, 255); cursor: pointer; min-width: 50px; min-hei= ght: 50px; max-height: 50px; max-width: 50px; border-bottom-left-radius: 5p= x; } .devsite-avatar-dialog .close .material-icons { font-size: 40px; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .close .material-icons { font-size: 26px; } } @media screen and (max-width: 820px) { .devsite-avatar-dialog .close { min-width: 35px; min-height: 35px; max-he= ight: 35px; max-width: 35px; } } .devsite-avatar-dialog .devsite-avatar-dialog-inner { display: flex; -webki= t-box-align: center; align-items: center; -webkit-box-pack: center; justify= -content: center; width: calc(100% - 48px); height: calc(100% - 48px); max-= height: 767px; max-width: 1363px; background-color: rgb(255, 255, 255); tra= nsition: background-color 0.5s; position: relative; overflow: hidden; borde= r-radius: 8px; box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-c= olor),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color); } @media screen and (max-height: 500px) { .devsite-avatar-dialog .devsite-avatar-dialog-inner { width: calc(100% - = 18px); height: calc(100% - 18px); } } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-dialog-inner { width: 100%; height= : 100%; position: unset; } } .devsite-avatar-dialog .devsite-avatar-customizer, .devsite-avatar-dialog .= devsite-avatar-loading-container, .devsite-avatar-dialog .devsite-avatar-ph= otobooth { position: absolute; width: 100%; height: 100%; top: 0px; left: 0= px; transition: opacity 0.3s linear; opacity: 1; } .devsite-avatar-dialog .devsite-avatar-photobooth { z-index: 9; } .devsite-avatar-dialog .devsite-avatar-photobooth.hide { opacity: 0; } .devsite-avatar-dialog .devsite-avatar-photobooth.show .devsite-avatar-vide= o-overlay-mask { width: 36.8%; height: 68.1%; top: -5%; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth.show .devsite-avatar-vi= deo-overlay-mask { width: 85vw; height: 85vw; top: -10vh; } } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photo, .d= evsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video, .dev= site-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-overlay= , .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { position= : absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photo, .d= evsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video { obj= ect-fit: cover; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay { display: flex; -webkit-box-align: center; align-items: center; -webk= it-box-pack: center; justify-content: center; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photo.fro= m-video, .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-= video { transform: rotateY(180deg) scale(1.002); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photoboot= h-controls { position: absolute; left: 0px; right: 0px; display: flex; -web= kit-box-align: center; align-items: center; -webkit-box-pack: center; justi= fy-content: center; z-index: 100; bottom: calc(9% - 24px); } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photobo= oth-controls { bottom: calc(-22px + 46vh - 30vw); } } .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video, .devsite-= avatar-dialog .devsite-avatar-photobooth #take-photo { border-radius: 50%; = background: rgb(30, 136, 229); color: rgb(255, 255, 255); width: 55px; heig= ht: 55px; display: flex; -webkit-box-align: center; align-items: center; -w= ebkit-box-pack: center; justify-content: center; position: relative; box-sh= adow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px v= ar(--devsite-elevation-ambient-shadow-color); margin: 0px 2%; border: none = !important; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video, .devsit= e-avatar-dialog .devsite-avatar-photobooth #take-photo { position: absolute= ; bottom: -90px; margin: auto; transform: scale(1.2); } } .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video .material-= icons, .devsite-avatar-dialog .devsite-avatar-photobooth #take-photo .mater= ial-icons { font-size: 22px; margin: 0px; top: 0px; width: 21px; height: 21= px; } .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video { display:= none; } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera, .devsite-av= atar-dialog .devsite-avatar-photobooth #random-avatar, .devsite-avatar-dial= og .devsite-avatar-photobooth #upload-photo { background: rgb(230, 240, 254= ); color: rgb(26, 115, 232); display: flex; -webkit-box-align: center; alig= n-items: center; -webkit-box-pack: center; justify-content: center; positio= n: relative; box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-col= or),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color); margin: 0p= x; padding: 0px 16px 0px 14px; border: none !important; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera, .devsite-= avatar-dialog .devsite-avatar-photobooth #random-avatar, .devsite-avatar-di= alog .devsite-avatar-photobooth #upload-photo { padding: 0px 13px 0px 11px;= margin: 0px 10px; height: unset; } } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera .material-ic= ons, .devsite-avatar-dialog .devsite-avatar-photobooth #random-avatar .mate= rial-icons, .devsite-avatar-dialog .devsite-avatar-photobooth #upload-photo= .material-icons { margin: 0px 7px 0px 0px; top: 0px; } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera:disabled, .d= evsite-avatar-dialog .devsite-avatar-photobooth #random-avatar:disabled, .d= evsite-avatar-dialog .devsite-avatar-photobooth #take-photo:disabled, .devs= ite-avatar-dialog .devsite-avatar-photobooth #upload-photo:disabled { color= : grey; background-color: rgb(238, 238, 238); border: var(--devsite-primary= -border); box-shadow: none; } .devsite-avatar-dialog .devsite-avatar-photobooth #upload-photo-input { pos= ition: absolute; bottom: 200%; opacity: 0; } @media screen and (min-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera { border-r= adius: 50%; width: 43px; height: 43px; margin-right: 2%; font-size: 0px; } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera .material-= icons { margin-right: 0px; } } .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { -webkit-bo= x-align: center; align-items: center; -webkit-box-pack: center; justify-con= tent: center; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { top: -10= vh; } } .devsite-avatar-dialog .devsite-avatar-photobooth .video-error .message { w= idth: 36vw; text-align: center; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .video-error .message {= width: 85vw; } } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support { backg= round-color: rgb(255, 255, 255); } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support .video-= error { display: flex; } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support .devsit= e-avatar-video-overlay-mask .frame { border-color: var(--devsite-background= -5); background-color: var(--devsite-background-5); } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support #take-p= hoto { display: none; } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support #refres= h-video { display: flex; } .devsite-avatar-dialog .devsite-avatar-photobooth.avatar-done .video-error = { display: none; } .devsite-avatar-dialog .devsite-avatar-photobooth.avatar-done .devsite-avat= ar-photobooth-controls { display: none; } .devsite-avatar-dialog .devsite-avatar-photobooth .countdown { top: -5%; po= sition: absolute; display: flex; -webkit-box-align: center; align-items: ce= nter; -webkit-box-pack: center; justify-content: center; font-size: 100px; = opacity: 1; height: 100%; width: 100%; z-index: 9; text-shadow: rgb(0, 0, 0= ) 0px 0px 40px; color: rgb(255, 255, 255); transition: font-size ease-out, = opacity ease-out; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .countdown { top: -10vh= ; } } .devsite-avatar-dialog .devsite-avatar-photobooth .countdown.fade { font-si= ze: 300px; opacity: 0; transition: font-size 2s ease-out, opacity 2s ease-o= ut; } .devsite-avatar-dialog .devsite-avatar-photobooth .flash { height: 100%; wi= dth: 100%; background-color: rgb(255, 255, 255); opacity: 0; transition: op= acity 1s; z-index: 10; position: absolute; } .devsite-avatar-dialog .devsite-avatar-photobooth .flash.start { opacity: 1= ; transition: opacity; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask { width: 80px; height: 80px; transition: width 0.1s linear, heigh= t 0.1s linear; position: relative; background: rgba(255, 255, 255, 0.2); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .frame { border-radius: 1.5vw; width: 0px; height: 0px; position:= absolute; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .red { border: solid rgb(234, 67, 53); background-color: rgb(234,= 67, 53); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .green { border: solid rgb(52, 168, 83); background-color: rgb(52= , 168, 83); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .blue { border: solid rgb(66, 133, 244); background-color: rgb(66= , 133, 244); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .yellow { border: solid rgb(251, 188, 4); background-color: rgb(2= 51, 188, 4); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .top { top: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .left { left: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .right { right: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .bottom { bottom: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .horizontal { border-width: 1.2vw 2.4vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .horizontal.long { width: 7vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .horizontal.short { width: 4vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .vertical { border-width: 2.4vw 1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .vertical.long { height: 7vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .vertical.short { height: 4vw; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .frame { border-radius: 3vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .top { top: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .left { left: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .right { right: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .bottom { bottom: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .horizontal { border-width: 2.8vw 5.6vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .horizontal.long { width: 17vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .horizontal.short { width: 11vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .vertical { border-width: 5.6vw 2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .vertical.long { height: 17vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .vertical.short { height: 11vw; } } .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { display: n= one; } .devsite-avatar-customizer { display: flex; -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-direction: row; z-index: 2; transition= : opacity 0.2s; opacity: 0; background: var(--devsite-background-1); } @media screen and (max-width: 820px) { .devsite-avatar-customizer { padding-top: 28vh; display: flex; -webkit-bo= x-orient: vertical; -webkit-box-direction: normal; flex-direction: column; = } } .devsite-avatar-customizer .customizer-avatar { padding: 24px; width: 47vw;= max-width: 350px; height: 100%; position: relative; -webkit-box-orient: ve= rtical; -webkit-box-direction: normal; flex-direction: column; display: fle= x; -webkit-box-align: end; align-items: flex-end; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar { width: 100%; min-width: 1= 00%; height: 56px; padding: 10px; border-top: 1px solid rgb(241, 243, 244);= } } .devsite-avatar-customizer .customizer-avatar .customizer-controller { -web= kit-box-flex: 0; flex-grow: 0; text-align: end; -webkit-box-orient: horizon= tal; -webkit-box-direction: normal; flex-direction: row; display: flex; -we= bkit-box-pack: end; justify-content: flex-end; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-controller { pa= dding: 0px; } } .devsite-avatar-customizer .customizer-avatar .customizer-controller #save-= avatar, .devsite-avatar-customizer .customizer-avatar .customizer-controlle= r #start-over { background: rgb(230, 240, 254); color: rgb(26, 115, 232); d= isplay: flex; -webkit-box-align: center; align-items: center; -webkit-box-p= ack: center; justify-content: center; position: relative; border: none !imp= ortant; } .devsite-avatar-customizer .customizer-avatar .customizer-controller #save-= avatar { background: rgb(26, 115, 232); color: rgb(255, 255, 255); } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-inner { di= splay: flex; margin-bottom: 40px; -webkit-box-orient: vertical; -webkit-box= -direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow:= 1; -webkit-box-pack: center; justify-content: center; max-width: calc(-90p= x + 75vh); } @media screen and (max-height: 500px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-inner { = margin-bottom: 20px; } } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-inner { = position: fixed; margin-bottom: 0px; bottom: 73vh; -webkit-box-pack: end; j= ustify-content: flex-end; -webkit-box-align: center; align-items: center; w= idth: 100%; left: 0px; top: 0px; height: 27vh; max-width: unset; } } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img { disp= lay: flex; -webkit-box-pack: center; justify-content: center; height: 100%;= -webkit-box-align: end; align-items: flex-end; max-height: 400px; width: 1= 00%; max-width: 300px; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img { ma= x-width: unset; } } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img img { = max-width: 100%; width: 22vw; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img img = { width: unset; height: 24vh; max-width: unset; } } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img-border= { background: linear-gradient(90deg, rgb(234, 67, 53) 25%, rgb(66, 133, 24= 4) 0px, rgb(66, 133, 244) 50%, rgb(52, 168, 83) 0px, rgb(52, 168, 83) 75%, = rgb(251, 188, 4) 0px); height: 9px; width: 100%; transform: scaleX(0); tran= sition: transform 0.2s 0.2s, -webkit-transform 0.2s; position: relative; to= p: -1px; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img-bord= er { height: 5px; width: 30vh; margin: 0px auto; } } .devsite-avatar-customizer.show { opacity: 1; } .devsite-avatar-customizer.show .customizer-avatar-img { transform: transla= teZ(0px); } .devsite-avatar-customizer.show .customizer-avatar-img-border { transform: = scaleX(1); } .devsite-avatar-customizer button .material-icons { line-height: 21px; marg= in-left: 0px; } .devsite-avatar-customizer h2 { margin-top: 2vw; } .devsite-avatar-customizer h2 { flex-shrink: 0; -webkit-box-flex: 0; flex-g= row: 0; margin: 0px; } .devsite-avatar-customizer .customizer-options { background: var(--devsite-= background-1); -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-bo= x-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; h= eight: 100%; width: 100%; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options { width: 200%; display: fl= ex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-dir= ection: row; overflow: hidden; box-shadow: rgb(128, 134, 139) 0px 9px 6px -= 8px inset; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit= -transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; transform= : translateZ(0px); } .devsite-avatar-customizer .customizer-options.show-sections { transform:= translate3d(-50%, 0px, 0px); } } .devsite-avatar-customizer .customizer-options .customizer-categories { fle= x-shrink: 1; height: 100%; display: flex; -webkit-box-orient: vertical; -we= bkit-box-direction: normal; flex-direction: column; padding: 18px 8px 18px = 0px; border-right: 1px solid rgb(204, 204, 204); } @media screen and (max-width: 1024px) { .devsite-avatar-customizer .customizer-options .customizer-categories { p= adding-right: 18px; } } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-categories { p= adding: 5px 0px; width: 50%; margin: 0px; display: block; overflow-y: auto;= } } .devsite-avatar-customizer .customizer-options .customizer-categories .vert= ical-tabs { white-space: nowrap; display: flex; -webkit-box-align: center; = align-items: center; padding-left: 24px; background: var(--devsite-backgrou= nd-1); opacity: 0.8; border-radius: 0px 24px 24px 0px; padding-right: 18px;= cursor: pointer; } @media screen and (max-height: 578.531px), screen and (max-width: 1024px) { .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs { width: 58px; overflow: hidden; } } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs { width: 100%; height: 50px; border-bottom: 1px solid rgb(221, = 221, 221); border-radius: 0px; position: relative; background: unset; } .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs::after { content: "=E2=9D=AF"; position: absolute; right: 10px;= font-size: 20px; } } @media screen and (min-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs.selected { color: rgb(66, 133, 244); background-color: var(--de= vsite-background-3); opacity: 1; font-weight: 500; } .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs.selected img { filter: hue-rotate(8deg) saturate(900%); } .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs:hover { background-color: var(--devsite-background-2); opacity:= 1; } } .devsite-avatar-customizer .customizer-options .customizer-categories .vert= ical-tabs img { width: 38px; height: 38px; min-width: 38px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er { -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-orient: = vertical; -webkit-box-direction: normal; flex-direction: column; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner { width: 50%; position: relative; overflow: hidden; } } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .tab-name { display: none; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .tab-name { width: 100%; background-color: var(--devsite-background-1)= ; box-shadow: rgb(128, 134, 139) 0px -6px 6px 7px; height: 60px; min-height= : 60px; z-index: 10; display: flex; -webkit-box-pack: center; justify-conte= nt: center; -webkit-box-align: center; align-items: center; border-top: 1px= solid rgb(241, 243, 244); font-size: 18px; font-weight: 500; padding: 5px = 0px; cursor: pointer; } .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .tab-name img { height: 100%; } .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .tab-name::before { content: "=E2=9D=AE"; position: absolute; left: 22= px; font-size: 20px; } } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections { overflow: auto; padding: 0px 24px; margin: 24px 0= px; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .customizer-sections { display: block; margin: 0px; padding: 15px; pos= ition: relative; } } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections h3, .devsite-avatar-customizer .customizer-options = .customizer-sections-container .customizer-sections h4 { width: 100%; text-= align: left; text-transform: uppercase; font-size: 12px; font-family: Robot= o, "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto = Sans Thai", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; margin: 20= px 0px 8px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections h3:first-child, .devsite-avatar-customizer .customi= zer-options .customizer-sections-container .customizer-sections h4:first-ch= ild { margin-top: 0px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections .customizer-section { display: flex; flex-flow: wra= p; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections .customizer-section .customizer-option.form-field {= display: flex; -webkit-box-align: center; align-items: center; margin: 0px= 16px 16px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections .customizer-section img { width: 40px; height: 40px= ; opacity: 0.8; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .customizer-sections .customizer-section img { width: 36px; height: 36= px; } } .devsite-avatar-customizer .customizer-options .color { border-radius: 50%;= width: 40px; height: 40px; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .color { width: 36px; heig= ht: 36px; } } .devsite-avatar-customizer .customizer-options button { border: 2px solid t= ransparent; padding: 0px; height: 64px; margin: 4px; border-radius: 50%; wi= dth: 64px; display: inline-flex; -webkit-box-align: center; align-items: ce= nter; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; -w= ebkit-box-flex: 0; flex-grow: 0; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options button { width: 52px; heig= ht: 52px; background: transparent; } } @media screen and (min-width: 820px) { .devsite-avatar-customizer .customizer-options button::after, .devsite-av= atar-customizer .customizer-options button::before { background-color: rgb(= 255, 255, 255); } } .devsite-avatar-customizer .customizer-options button[selected] { border: 2= px solid rgb(66, 133, 244); } .devsite-changelog-dialog { width: 680px; position: relative; } .devsite-changelog-dialog .devsite-dialog-close:not(.button):not(button) { = inset-inline-end: 10px; position: absolute; top: 10px; } .devsite-changelog-dialog .devsite-changelog-page-title { color: rgb(32, 33= , 36); font-family: var(--devsite-headline-font-family); font-size: 18px; l= ine-height: 22px; margin-block-end: 12px; } .devsite-changelog-dialog .devsite-changelog-title { color: rgb(32, 33, 36)= ; display: inline-block; font-size: 16px; font-weight: 500; line-height: 22= px; margin-inline-end: 9.5px; } .devsite-changelog-dialog .devsite-changelog-date { color: rgb(60, 64, 67);= font-size: 14px; line-height: 22px; margin-block: 12px; margin-inline: 0px= ; } .devsite-changelog-dialog .updated-tag { background-color: rgb(227, 242, 25= 3); color: rgb(21, 101, 192); display: inline-block; font-size: 14px; font-= weight: 700; line-height: 22px; margin-block: 0px -1px; margin-inline: 0px = 10px; padding-block: 1px; padding-inline: 8px; } .devsite-changelog-dialog .updated-tag-FEATURE { color: rgb(19, 115, 51); b= ackground-color: rgb(230, 244, 234); } .devsite-changelog-dialog .updated-tag-BREAKING_CHANGE, .devsite-changelog-= dialog .updated-tag-DEPRECATION, .devsite-changelog-dialog .updated-tag-ISS= UE { color: rgb(179, 20, 18); background-color: rgb(252, 232, 230); } .devsite-changelog-dialog .updated-tag-NON_BREAKING_CHANGE, .devsite-change= log-dialog .updated-tag-SERVICE_ANNOUNCEMENT { color: rgb(234, 134, 0); bac= kground-color: rgb(254, 247, 224); } .devsite-changelog-dialog .updated-tag-SECURITY_BULLETIN { color: rgb(194, = 100, 1); background-color: rgb(254, 239, 227); } .devsite-changelog-dialog .devsite-changelog-description { border: 1px soli= d rgb(218, 220, 224); color: rgb(60, 64, 67); font-size: 16px; line-height:= 22px; margin-block: 16px; margin-inline: 0px; max-height: 400px; overflow:= hidden; padding-block: 4px; padding-inline: 20px; word-break: break-word; = } .devsite-changelog-dialog .devsite-changelog-linebreak { border-top: 1px so= lid rgb(218, 220, 224); margin-block: 20px; margin-inline: -24px; height: 1= px; display: block; } .devsite-changelog-dialog .devsite-dialog-contents { overflow: visible; pad= ding-block-end: 4px; } .devsite-changelog-dialog .devsite-dialog-buttons { -webkit-box-pack: start= ; justify-content: start; padding-block: 0px 16px; padding-inline: 0px 16px= ; } devsite-activity-list { min-height: 295px; position: relative; display: blo= ck; } devsite-activity-list .devsite-activity-searchbox { padding-block: 12px; pa= dding-inline: 14px; position: relative; } devsite-activity-list .devsite-activity-searchbox .devsite-activity-searchb= ox-input { border: 0px; background-color: rgb(241, 243, 244); border-radius= : 4px; color: rgb(95, 99, 104); font-size: 14px; height: 32px; max-width: 4= 00px; padding-inline-start: 38px; width: 100%; } devsite-activity-list .devsite-activity-searchbox .devsite-activity-searchb= ox-image { color: rgb(128, 134, 139); direction: unset; inset-inline-start:= 20px; position: absolute; top: 17px; } devsite-activity-list .waiting-container { padding-block: 40px; padding-inl= ine: 20px; } devsite-activity-list .show-more-button { display: block; margin-block: 20p= x 0px; margin-inline: auto; } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .activities .activity:nth-chi= ld(12) .activity-cell { border-bottom: none; } } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .activities .activity:nth-chi= ld(n+13) .activity-cell { display: none; } } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .my-pages-button { display: n= one; } } devsite-activity-list:not(.more-activities) .more-activities-button { displ= ay: none; margin-block: 20px 30px; margin-inline: 0px; } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .more-activities-button { dis= play: block; } } devsite-activity-list.more-activities .more-activities-button { display: no= ne; } devsite-activity-list .my-pages-button.button { margin-block: 20px 30px; ma= rgin-inline: 0px; } devsite-activity-list .empty-sate { border-radius: 8px; border: var(--devsi= te-primary-border); display: flex; -webkit-box-orient: horizontal; -webkit-= box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: just= ify; justify-content: space-between; margin-block: 40px 8px; padding-block:= 40px; padding-inline: 40px; } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate { -webkit-box-orient: vertical; -webkit= -box-direction: normal; flex-direction: column; padding-block: 0px; padding= -inline: 0px; } } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate .text-container { padding-block: 24px 0= px; padding-inline: 24px; } } devsite-activity-list .empty-sate .text-container .title { font-size: 24px;= font-family: var(--devsite-headline-font-family); display: inline; } devsite-activity-list .empty-sate .text-container .getting-started-list { c= ounter-reset: steps 0; list-style: none; padding-block: 0px; padding-inline= : 0px; } devsite-activity-list .empty-sate .text-container .getting-started-list li = { counter-increment: steps 1; margin-block: 24px; margin-inline: 0px; } devsite-activity-list .empty-sate .text-container .getting-started-list li:= :before { border-radius: 50%; border: 1px solid rgb(218, 220, 224); color: = rgb(30, 136, 229); content: counter(steps); display: inline-grid; font-size= : 20px; height: 36px; line-height: 1.2em; margin-inline-end: 0.5rem; place-= items: center; width: 36px; } devsite-activity-list .empty-sate .illustration { background: url("/web/202= 30130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3= f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/activit= y-list-get-started.gif") 100% center / contain no-repeat; width: 50%; } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate .illustration { background-position: ce= nter top; border-top-left-radius: 11px; border-top-right-radius: 11px; heig= ht: calc(-27px + 58vw); margin-block: -1px; margin-inline: -1px; width: cal= c(100% + 2px); } } devsite-activity-list .empty-sate-embedded { margin-block-start: 0px; margi= n-inline-start: 0px; max-width: 715px; } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate-embedded { margin-block-start: 30px; } } devsite-activity-list .empty-sate-embedded .title { display: block; font-fa= mily: var(--devsite-headline-font-family); font-size: 20px; margin-block-en= d: 10px; } devsite-activity-list .empty-sate-embedded .empty-state-card { display: inl= ine-block; margin-block-end: 10px; margin-inline-end: 24px; min-height: 0px= ; padding-block: 16px; padding-inline: 16px; width: calc(33% - 18px); } @media screen and (max-width: 600px) { devsite-activity-list .empty-sate-embedded .empty-state-card { margin-blo= ck-end: 10px; padding-block: 10px; padding-inline: 16px; width: 100%; } } devsite-activity-list .empty-sate-embedded .empty-state-card:last-child { m= argin-inline-end: 0px; } devsite-activity-list .empty-sate-embedded .empty-state-card .card-icon { b= ackground-position: 50% center; background-repeat: no-repeat; background-si= ze: 22px; border-radius: 17px; border: var(--devsite-primary-border); heigh= t: 34px; margin-block-end: 8px; width: 34px; } @media screen and (max-width: 600px) { devsite-activity-list .empty-sate-embedded .empty-state-card .card-icon {= float: left; margin-block: 7px 0px; margin-inline: 0px 14px; } } devsite-activity-list .empty-sate-embedded .empty-state-card.android .card-= icon { background-image: url("/web/20230130224947im_/https://www.gstatic.co= m/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c= 27dbcd2bcca1/developers/images/activity-android.png"); } devsite-activity-list .empty-sate-embedded .empty-state-card.developers .ca= rd-icon { background-image: url("/web/20230130224947im_/https://www.gstatic= .com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c= 45c27dbcd2bcca1/developers/images/activity-other.png"); } devsite-activity-list .empty-sate-embedded .empty-state-card.firebase .card= -icon { background-image: url("/web/20230130224947im_/https://www.gstatic.c= om/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45= c27dbcd2bcca1/developers/images/activity-firebase.svg"); background-size: 1= 5px; } devsite-activity-list .empty-sate-embedded .empty-state-card .card-title { = font-size: 16px; white-space: nowrap; font-family: var(--devsite-headline-f= ont-family); } devsite-activity-list .empty-sate-embedded .empty-state-card .card-domain {= font-size: 12px; color: rgb(32, 33, 36); } devsite-activity-list .compact-subheaders { display: flex; } devsite-activity-list .mobile-date-updated { display: none; font-size: 14px= ; margin-block-end: 8px; } devsite-activity-list .mobile-date-updated .mobile-date-separator { margin-= block: 0px; margin-inline: 10px; } devsite-activity-list .updated-indicator-text { color: rgb(60, 64, 67); dis= play: none; font-size: 14px; margin-block-end: 8px; } devsite-activity-list .updated-indicator-text .updated-indicator { backgrou= nd-color: rgb(30, 136, 229); border-radius: 5px; height: 8px; margin-inline= -end: 7px; position: relative; top: 8px; width: 8px; } devsite-activity-list .tooltip { background-color: rgb(26, 115, 232); borde= r-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60,= 64, 67, 0.15) 0px 1px 3px 1px; color: rgb(255, 255, 255); inset-inline-sta= rt: 36px; padding-block: 20px 10px; padding-inline: 20px; position: absolut= e; top: 51px; width: 400px; z-index: 1; } @media screen and (max-width: 600px) { devsite-activity-list .tooltip { inset-inline-start: 28px; max-width: 80v= w; top: 50px; } } devsite-activity-list .tooltip .arrow { color: rgb(26, 115, 232); font-size= : 60px; inset-inline-start: 4px; position: absolute; top: -34px; } devsite-activity-list .tooltip .title { font-weight: 500; font-family: var(= --devsite-headline-font-family); font-size: 100% !important; } devsite-activity-list .tooltip .button { color: rgb(255, 255, 255); float: = right; margin-block-start: 10px; } devsite-activity-list .tooltip .button:hover { background-color: rgb(26, 11= 5, 232); } devsite-activity-list .title-container { -webkit-box-align: center; align-i= tems: center; display: flex; margin-block-end: 10px; } devsite-activity-list .title-container .title { font-size: 30px; line-heigh= t: 30px; display: inline; font-family: var(--devsite-headline-font-family);= } devsite-activity-list devsite-info-popout { margin-block: 5px; margin-inlin= e: 5px; position: relative; top: 2px; z-index: 5; } devsite-activity-list .text { margin-block-end: 20px; } devsite-activity-list .activities { border: var(--devsite-primary-border); = border-radius: 8px; position: relative; width: 100%; display: table; } devsite-activity-list .activities .activity { display: table-row; } devsite-activity-list .activities .activity .activity-cell { border-top: va= r(--devsite-primary-border); display: table-cell; min-height: 32px; padding= -block: 12px; padding-inline: 16px; vertical-align: middle; } devsite-activity-list .activities .activity .activity-cell:last-child { pad= ding-inline-end: 32px; } devsite-activity-list .activities .activity:first-child .activity-cell { bo= rder-top: none; } devsite-activity-list .activities .activity:hover .activity-cell { backgrou= nd-color: var(--devsite-background-2); } devsite-activity-list .activities .activity.empty-activity { font-style: it= alic; font-size: 14px; } devsite-activity-list .activities .activity.empty-activity .activity-link {= padding-inline-start: 3px; } devsite-activity-list .activities .activity.empty-activity .activity-link .= activity-text, devsite-activity-list .activities .activity.empty-activity .= activity-link .activity-text:hover { color: rgb(95, 99, 104); margin-inline= -start: 10px; } devsite-activity-list .activities .activity.header { height: 58px; } devsite-activity-list .activities .activity.header .activity-date-changeabl= e { display: inline-block; cursor: pointer; position: relative; } devsite-activity-list .activities .activity.header .activity-date-changeabl= e .title-text { margin-block: -15px; margin-inline: 0px; padding-block: 15p= x; padding-inline: 0px 18px; z-index: 2; } devsite-activity-list .activities .activity.header .activity-date-changeabl= e:hover::after { -webkit-box-align: center; align-items: center; color: rgb= (95, 99, 104); content: "arrow_drop_down"; display: inline-flex; font-famil= y: "Material Icons"; font-size: 22px; inset-inline-end: -4px; position: abs= olute; top: 3px; z-index: 1; } devsite-activity-list .activities .activity.header .activity-date-menu { bo= x-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2= px var(--devsite-elevation-ambient-shadow-color); background: var(--devsite= -background-1); border-radius: 4px; inset-inline-start: 0px; padding-block:= 8px; padding-inline: 0px; position: absolute; top: 36px; z-index: 10; } devsite-activity-list .activities .activity.header .activity-date-menu ul {= list-style: none; margin-block: 0px; margin-inline: 0px; padding-block: 0p= x; padding-inline: 0px; } devsite-activity-list .activities .activity.header .activity-date-menu ul l= i { color: rgb(60, 64, 67); font-size: 16px; font-weight: 400; line-height:= 24px; margin-block: 0px; margin-inline: 0px; padding-block: 12px; padding-= inline: 48px 35px; white-space: nowrap; } devsite-activity-list .activities .activity.header .activity-date-menu ul l= i:hover { background: rgb(241, 243, 244); } devsite-activity-list .activities .activity.header .activity-date-menu ul l= i[selected]::before { color: rgb(95, 99, 104); content: "check"; font-famil= y: "Material Icons"; font-size: 24px; inset-inline-start: 13px; position: a= bsolute; } devsite-activity-list .activities .activity.header:hover { background-color= : transparent; } devsite-activity-list .activities .activity.header:not(.rated-down-sort):no= t(.rated-up-sort) .activity-updown:hover .activity-sortable::after, devsite= -activity-list .activities .activity.header:not(.title-down-sort):not(.titl= e-up-sort) .activity-link:hover .activity-sortable::after { font-family: "M= aterial Icons"; content: "arrow_downward"; } devsite-activity-list .activities .activity.header.date-down-sort .activity= -date .activity-sortable::after, devsite-activity-list .activities .activit= y.header.rated-down-sort .activity-updown .activity-sortable::after, devsit= e-activity-list .activities .activity.header.title-down-sort .activity-link= .activity-sortable::after, devsite-activity-list .activities .activity.hea= der.updates-down-sort .activity-updates .activity-sortable::after { font-fa= mily: "Material Icons"; content: "arrow_downward"; } devsite-activity-list .activities .activity.header.date-up-sort .activity-d= ate .activity-sortable::after, devsite-activity-list .activities .activity.= header.rated-up-sort .activity-updown .activity-sortable::after, devsite-ac= tivity-list .activities .activity.header.title-up-sort .activity-link .acti= vity-sortable::after, devsite-activity-list .activities .activity.header.up= dates-up-sort .activity-updates .activity-sortable::after { font-family: "M= aterial Icons"; content: "arrow_upward"; } devsite-activity-list .activities .activity.header .activity-sortable:hover= ::after { background-color: var(--devsite-background-3); } devsite-activity-list .activities .activity.header .activity-sortable { cur= sor: pointer; display: inline-flex; height: 27px; margin-block: -5px 0px; m= argin-inline: 0px -30px; position: relative; top: 2px; width: 27px; } devsite-activity-list .activities .activity.header .activity-sortable::afte= r { min-width: 27px; max-width: 27px; box-sizing: border-box; max-height: 2= 7px; min-height: 27px; font-size: 21px; -webkit-box-align: center; align-it= ems: center; display: inline-flex; -webkit-box-pack: center; justify-conten= t: center; border-radius: 20px; cursor: pointer; } devsite-activity-list .activities .activity.header .activity-cell { -webkit= -box-align: center; align-items: center; white-space: nowrap; width: 10%; c= olor: rgb(95, 99, 104); font-weight: 500; } devsite-activity-list .activities .activity.header .activity-bookmarked-con= tainer, devsite-activity-list .activities .activity.header .activity-date, = devsite-activity-list .activities .activity.header .activity-updates, devsi= te-activity-list .activities .activity.header .activity-updown { width: 5%;= } @media screen and (max-width: 600px) { devsite-activity-list .activities .activity.header .activity-bookmarked-c= ontainer, devsite-activity-list .activities .activity.header .activity-date= , devsite-activity-list .activities .activity.header .activity-updates, dev= site-activity-list .activities .activity.header .activity-updown { width: 1= %; } } devsite-activity-list .activities .activity.header .activity-link { cursor:= pointer; overflow: visible; width: 80%; } devsite-activity-list .activities .activity.header .activity-updates-button= { width: 1%; } @media screen and (max-width: 840px) { devsite-activity-list .activities .activity.header .activity-updates-butt= on { display: none; } } devsite-activity-list .activities .activity.badge .activity-icon { backgrou= nd-image: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-badge.svg"); } devsite-activity-list .activities .activity.android .activity-icon { backgr= ound-image: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devs= ite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/= developers/images/activity-android.png"); } devsite-activity-list .activities .activity.cloud .activity-icon { backgrou= nd-image: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-cloud.png"); } devsite-activity-list .activities .activity.bazel .activity-icon { backgrou= nd-image: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-bazel.svg"); } devsite-activity-list .activities .activity.other .activity-icon { backgrou= nd-image: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-other.png"); } devsite-activity-list .activities .activity.firebase .activity-icon { backg= round-image: url("/web/20230130224947im_/https://www.gstatic.com/devrel-dev= site/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1= /developers/images/activity-firebase.svg"); background-size: 15px; } devsite-activity-list .activities .activity:last-child { border-bottom: non= e; } devsite-activity-list .activities .activity:last-child .activity-cell:first= -child { border-bottom-left-radius: 8px; overflow: hidden; } devsite-activity-list .activities .activity:last-child .activity-cell:last-= child { border-bottom-right-radius: 8px; } devsite-activity-list .activities .activity:first-child .activity-cell:firs= t-child { border-top-left-radius: 8px; overflow: hidden; } devsite-activity-list .activities .activity:first-child .activity-cell:last= -child { border-top-right-radius: 8px; overflow: hidden; } devsite-activity-list .activities .activity .activity-icon { display: inlin= e-block; border: var(--devsite-primary-border); border-radius: 20px; width:= 32px; height: 32px; background-repeat: no-repeat; background-position: 50%= center; background-size: 24px; background-color: var(--devsite-background-= 1); position: absolute; margin-block-start: 6px; } devsite-activity-list .activities .activity .updated-tag { background-color= : rgb(227, 242, 253); color: rgb(21, 101, 192); display: inline-block; font= -size: 14px; font-weight: 500; line-height: 22px; margin-block: -1px; margi= n-inline: 5px; padding-block: 1px; padding-inline: 8px; } devsite-activity-list .activities .activity .activity-notifications-indicat= or { background-color: rgb(30, 136, 229); border-radius: 8px; display: none= ; height: 8px; inset-inline-end: 0px; position: absolute; top: 0px; width: = 8px; } devsite-activity-list .activities .activity .activity-link { overflow: hidd= en; white-space: nowrap; max-width: 1px; } devsite-activity-list .activities .activity .activity-link .activity-text {= display: block; font-size: 14px; height: 22px; line-height: 22px; overflow= : hidden; padding-block: 0px 1px; padding-inline: 48px 0px; text-overflow: = ellipsis; } devsite-activity-list .activities .activity .activity-link .activity-text:h= over { color: rgb(23, 78, 166); } devsite-activity-list .activities .activity .activity-link .activity-domain= { color: rgb(95, 99, 104); display: block; font-size: 14px; height: 22px; = line-height: 22px; overflow: hidden; padding-block: 0px 1px; padding-inline= : 48px 0px; text-overflow: ellipsis; } devsite-activity-list .activities .activity .activity-link .activity-domain= :hover { color: rgb(32, 33, 36); } devsite-activity-list .activities .activity .title-text { font-size: 14px; = max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inlin= e-block; top: 3px; position: relative; color: rgb(32, 33, 36); font-weight:= 500; } devsite-activity-list .activities .activity .activity-updates-button .read-= more-button { color: rgb(26, 115, 232); font-size: 14px; font-weight: 500; = white-space: nowrap; } devsite-activity-list .activities .activity .activity-updates-button .read-= more-button:hover { color: rgb(13, 71, 161); text-decoration: underline; cu= rsor: pointer; } @media screen and (max-width: 840px) { devsite-activity-list .activities .activity .activity-updates-button { di= splay: none; } } devsite-activity-list .activities .activity .activity-date, devsite-activit= y-list .activities .activity .activity-updates { font-size: 14px; line-heig= ht: 22px; white-space: nowrap; } @media screen and (max-width: 600px) { devsite-activity-list .activities .activity .activity-date, devsite-activ= ity-list .activities .activity .activity-updates { display: none; } } devsite-activity-list .activities .activity .activity-bookmarked-container,= devsite-activity-list .activities .activity .activity-updown { text-align:= center; } devsite-activity-list .activities .activity .activity-bookmarked { -webkit-= box-align: center; align-items: center; border-radius: 20px; color: rgb(189= , 193, 198); cursor: pointer; display: inline-flex; font-size: 20px; height= : 32px; -webkit-box-pack: center; justify-content: center; margin-block: -4= px; margin-inline: -9px; overflow: hidden; text-align: center; text-overflo= w: ellipsis; white-space: nowrap; width: 32px; } devsite-activity-list .activities .activity .activity-bookmarked.active { c= olor: rgb(26, 115, 232); cursor: pointer; pointer-events: all; } devsite-activity-list .activities .activity .activity-bookmarked.unsaved { = color: rgb(102, 157, 246); } devsite-activity-list .activities .activity .activity-bookmarked:hover { ba= ckground-color: var(--devsite-background-3); } devsite-activity-list .activities .activity .activity-bookmarked[hidden] { = display: inline-block !important; opacity: 0; } devsite-activity-list .activities .activity .activity-updown .activity-down= voted, devsite-activity-list .activities .activity .activity-updown .activi= ty-upvoted { display: inline-block; color: rgb(189, 193, 198); font-size: 2= 0px; line-height: 24px; } @media screen and (max-width: 600px) { devsite-activity-list .mobile-date-updated, devsite-activity-list .update= d-indicator-text { display: inline-flex; } devsite-activity-list .activities .header { visibility: collapse; } devsite-activity-list .activities .header .title-text { font-size: 1px; } devsite-activity-list .activities .activity .activity-notifications-indic= ator { display: inline-block; } devsite-activity-list .activities .activity .activity-cell { padding-inli= ne: 8px; } devsite-activity-list .activities .activity .activity-cell:last-child { p= adding-inline-end: 16px; } devsite-activity-list .activities .activity .activity-cell:first-child { = padding-inline-start: 16px; } devsite-activity-list:not([embedded]) .activities .activity .activity-upd= ates-button { display: none; } } devsite-activity-list[embedded] .updated-indicator-text { display: inline-f= lex; } devsite-activity-list[embedded] .activities .activity:nth-child(3) .activit= y-cell { border-top: none; } devsite-activity-list[embedded] .activities .activity.header { visibility: = collapse; } devsite-activity-list[embedded] .activities .activity.header .activity-cell= { width: 0px; } devsite-activity-list[embedded] .activities .activity.header .activity-cell= .activity-link { width: 100%; } devsite-activity-list[embedded] .activities .activity.header .title-text { = font-size: 1px; } devsite-activity-list[embedded] .activities .activity:nth-child(3) .activit= y-cell:first-child { border-top-left-radius: 8px; overflow: hidden; } devsite-activity-list[embedded] .activities .activity:nth-child(3) .activit= y-cell:last-child { border-top-right-radius: 8px; overflow: hidden; } devsite-activity-list[embedded] .activities .activity .activity-cell { padd= ing-inline: 8px; } devsite-activity-list[embedded] .activities .activity .activity-cell .updat= ed-tag { display: none; } devsite-activity-list[embedded] .activities .activity .activity-cell:last-c= hild { padding-inline-end: 16px; } devsite-activity-list[embedded] .activities .activity .activity-cell:first-= child { padding-inline-start: 16px; } devsite-activity-list[embedded] .activities .activity .activity-link .activ= ity-domain { display: none; } devsite-activity-list[embedded] .activities .activity .activity-icon { marg= in-block: -5px; margin-inline: 0px; } devsite-activity-list[embedded] .activities .activity .activity-updates-but= ton { display: none; } devsite-activity-list[embedded] .activities .activity .activity-date, devsi= te-activity-list[embedded] .activities .activity .activity-updates { font-s= ize: 12px; } devsite-activity-list[embedded] .activities .activity .activity-notificatio= ns-indicator { display: inline-block; } @keyframes badgeGrowIn {=20 0% { transform: scale(0); } 100% { transform: scale(1.3); } } @keyframes badgeGrowOut {=20 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @keyframes badgeFadeIn {=20 0% { opacity: 0; } 12% { opacity: 0; } 87% { opacity: 1; } } @keyframes counterHide {=20 0% { opacity: 0; } 100% { opacity: 0; } } body[layout=3D"full"][template=3D"badge"] { --devsite-main-content-max-widt= h: none; --devsite-main-content-padding: 0; } devsite-badge { display: block; } devsite-badge .badge { -webkit-box-align: center; align-items: center; disp= lay: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: norm= al; flex-direction: column; position: relative; padding: 12px; max-width: 1= 25px; min-width: 125px; min-height: 170px; border: var(--devsite-primary-bo= rder); border-radius: 8px; background-color: rgb(255, 255, 255); opacity: 1= ; transition: opacity 0.5s; } devsite-badge .badge .badge-icon { width: 75px; height: 75px; margin-bottom= : 5px; } devsite-badge .badge .badge-icon img { opacity: 1; transition: opacity 0.3s= cubic-bezier(0.4, 0, 1, 1); } devsite-badge .badge .favorite-indicator { position: absolute; top: 3px; le= ft: 3px; color: rgb(189, 193, 198); height: 24px; width: 24px; display: fle= x; -webkit-box-align: center; align-items: center; -webkit-box-pack: center= ; justify-content: center; } devsite-badge .badge .favorite-indicator .favorite-indicator-icon { font-si= ze: 16px; } devsite-badge .badge .favorite-indicator .favorite-indicator-text { positio= n: absolute; border-radius: 2px; top: 27px; opacity: 0; transition: opacity= 0.5s; white-space: nowrap; font-size: 10px; color: rgb(255, 255, 255); bac= kground: rgb(60, 64, 67); padding: 0px 9px; } devsite-badge .badge .favorite-indicator:hover .favorite-indicator-text { o= pacity: 0.73; } devsite-badge .badge.dragged { opacity: 0.5; cursor: grabbing; } devsite-badge .badge.dragged[draggable=3D"true"]:hover .drag-indicator { cu= rsor: grabbing; display: none; } devsite-badge .badge .drag-indicator { opacity: 0; pointer-events: none; tr= ansition: opacity 0.5s; position: absolute; top: 3px; left: 3px; color: rgb= (95, 99, 104); height: 24px; width: 24px; display: flex; -webkit-box-align:= center; align-items: center; -webkit-box-pack: center; justify-content: ce= nter; cursor: grab; border-radius: 12px; } devsite-badge .badge .drag-indicator:hover { background: rgb(241, 243, 244)= ; } devsite-badge .badge .drag-indicator .drag-indicator-text { position: absol= ute; border-radius: 2px; top: 27px; opacity: 0; transition: opacity 0.5s; w= hite-space: nowrap; font-size: 10px; color: rgb(255, 255, 255); background:= rgb(60, 64, 67); padding: 0px 9px; } devsite-badge .badge .drag-indicator:hover .drag-indicator-text { opacity: = 0.73; } devsite-badge .badge .drag-indicator .drag-indicator-icon { font-size: 16px= ; } devsite-badge .badge[draggable=3D"true"]:hover .drag-indicator { opacity: 1= ; pointer-events: unset; } devsite-badge .badge .badge-icon-counter { font-size: 11.5px; padding: 0px = 7px; } @media screen and (max-width: 600px) { devsite-badge .badge.empty { display: none; } } devsite-badge .badge:not(.empty):hover:not(:active) { cursor: pointer; box-= shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px= var(--devsite-elevation-ambient-shadow-color); border-color: transparent; = } devsite-badge .badge .badge-meta { display: flex; -webkit-box-orient: verti= cal; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pac= k: center; justify-content: center; text-align: center; } devsite-badge .badge .badge-icon { -webkit-box-align: center; align-items: = center; display: flex; -webkit-box-pack: center; justify-content: center; p= osition: relative; } devsite-badge .badge .badge-title { font-weight: 500; color: rgb(60, 64, 67= ); font-family: var(--devsite-headline-font-family); font-size: 11.5px; lin= e-height: 16px; padding-bottom: 6px; } devsite-badge .badge .badge-date { color: rgb(95, 99, 104); font-size: 11px= ; line-height: 16px; letter-spacing: 0.4px; } devsite-badge .badge .badge-controls { position: absolute; right: 3px; top:= 3px; } devsite-badge .badge .badge-controls .toggle { color: rgb(60, 64, 67); curs= or: pointer; height: 24px; min-width: 0px; width: 24px; display: flex; -web= kit-box-align: center; align-items: center; -webkit-box-pack: center; justi= fy-content: center; padding: 12px 0px; border-radius: 12px; } devsite-badge .badge .badge-controls .toggle .material-icons { font-size: 1= 6px; } devsite-badge .badge .badge-controls .toggle:hover { background: rgb(241, 2= 43, 244); } devsite-badge .badge .badge-controls .toggle:focus { text-decoration: none;= } devsite-badge .badge .badge-controls .badge-controls-menu { background: var= (--devsite-background-1); border-radius: 4px; box-shadow: 0 1px 2px 0 var(-= -devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-= ambient-shadow-color); padding: 8px 0px; position: absolute; right: 0px; to= p: 25px; z-index: 10; } devsite-badge .badge .badge-controls .badge-controls-menu ul { list-style: = none; margin: 0px; padding: 0px; } devsite-badge .badge .badge-controls .badge-controls-menu ul li { margin: 0= px; padding: 0px; } devsite-badge .badge .badge-controls .badge-controls-menu ul li a { color: = rgb(60, 64, 67); font-size: 14px; line-height: 20px; padding: 8px 16px; whi= te-space: nowrap; } devsite-badge .badge .badge-controls .badge-controls-menu ul li a:hover { b= ackground: rgb(241, 243, 244); } devsite-badge .badge-icon.loading .badge-icon-counter { display: none; } devsite-badge .badge-icon.loading devsite-spinner { top: 7px; width: 60px; = height: 60px; z-index: 1000; position: absolute; } devsite-badge .badge-icon.loading img { opacity: 0; transform: scale(0); } devsite-badge .badge { margin: 0px 22px 22px 0px; } devsite-badge .badge.incomplete { filter: grayscale(1); } devsite-badge .invisible { opacity: 0; } devsite-badge .fadeout { opacity: 0; transition: opacity 0.5s; } devsite-badge .fadein { opacity: 1; transition: opacity 0.5s; } devsite-badge .devsite-badge-summary--header { display: flex; border-bottom= : 1px solid rgb(218, 220, 224); } @media screen and (max-width: 840px) { devsite-badge .devsite-badge-summary--header { -webkit-box-orient: vertic= al; -webkit-box-direction: reverse; flex-direction: column-reverse; } } devsite-badge .devsite-badge-summary--badge-info { display: flex; -webkit-b= ox-orient: vertical; -webkit-box-direction: normal; flex-direction: column;= -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; fl= ex: 1 1 auto; -webkit-box-align: start; align-items: flex-start; padding: 0= px 50px 0px min(200px, 10vw); } devsite-badge .devsite-badge-summary--badge-info .award-date { text-transfo= rm: uppercase; 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: rgb(60, 64, 67); line-height= : 20px; letter-spacing: 0.8px; margin: 0px 0px 7px; font-weight: 500; min-h= eight: 20px; } devsite-badge .devsite-badge-summary--badge-info .award-title { font-size: = 32px; color: rgb(32, 33, 36); letter-spacing: 0px; line-height: 40px; margi= n: 0px 0px 10px; } devsite-badge .devsite-badge-summary--badge-info .award-description { font-= size: 16px; color: rgb(32, 33, 36); letter-spacing: 0px; text-align: center= ; line-height: 24px; margin: 0px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing { display: = flex; -webkit-box-align: center; align-items: center; margin-top: 8px; heig= ht: 20px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing .share-text= { -webkit-box-flex: 1; flex-grow: 1; text-align: end; } devsite-badge .devsite-badge-summary--badge-info .award-sharing span { marg= in: 0px 16px 0px 0px; font-size: 16px; line-height: 20px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing img { width= : 18px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing button { bo= rder: 0px; padding: 0px; height: auto; display: flex; -webkit-box-align: ce= nter; align-items: center; -webkit-box-pack: center; justify-content: cente= r; min-width: 0px; } devsite-badge .devsite-badge-summary--badge-image { max-width: min(815px, 4= 4vw); min-width: min(815px, 44vw); min-height: min(400px, 23vw); max-height= : min(400px, 23vw); -webkit-box-align: center; align-items: center; display= : flex; -webkit-box-pack: center; justify-content: center; position: relati= ve; background-image: url("/web/20230130224947im_/https://www.gstatic.com/d= evrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27d= bcd2bcca1/developers/images/badge-landing-background.svg"); background-posi= tion: 100% center; background-repeat: no-repeat; background-size: contain; = transition: filter 1s, -webkit-filter 1s; } @media screen and (max-width: 840px) { devsite-badge .devsite-badge-summary--badge-image { max-width: 100%; max-= height: 200px; background-size: 100%; background-position: center top; marg= in-bottom: 20px; } } devsite-badge .devsite-badge-summary--badge-image.incomplete .badge-icon { = filter: grayscale(1); } devsite-badge .devsite-badge-summary--badge-image .award-count { padding: 5= px 12px; font-size: 17px; border-radius: 19px; color: rgb(255, 255, 255); f= ont-weight: 500; background-color: rgb(25, 118, 210); position: absolute; z= -index: 11; margin-top: 150px; box-shadow: rgba(60, 64, 67, 0.15) 0px 4px 8= px 3px, rgba(60, 64, 67, 0.3) 0px 1px 3px 0px; } devsite-badge .devsite-badge-summary--content { position: relative; z-index= : 10; padding-top: 26px; } devsite-badge .devsite-badge-summary--badge-image .badge-icon { width: 194p= x; height: 194px; margin: 26px; position: relative; z-index: 2; animation: = 0.33s cubic-bezier(0.75, 0, 0.71, 0.97) 0s 1 normal none running badgeGrowI= n, 0.17s cubic-bezier(0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none running = badgeGrowOut, 0.5s linear 0s 1 normal none running badgeFadeIn; opacity: 1;= transform: scale(1); } @keyframes bounce {=20 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 1; transform: scale(1.3); } 100% { transform: scale(1); } } devsite-badge .devsite-badge-summary--badge-image .badge-icon.paused { anim= ation-play-state: paused; opacity: 0; transform: scale(0); } devsite-badge .badge-animation { position: absolute; background-position: 5= 0% center; background-repeat: no-repeat; background-size: 400px 400px; inse= t: 0px; z-index: 1; pointer-events: none; } devsite-badge .spinner { margin: 100px 0px 50px; display: flex; -webkit-box= -align: center; align-items: center; -webkit-box-pack: center; justify-cont= ent: center; } devsite-badge .devsite-badge-summary--earn-more-badges, devsite-badge .devs= ite-badge-summary--ways-to-earn { padding: 0px min(200px, 10vw) 26px; } devsite-badge .devsite-badge-summary--earn-more-badges h3, devsite-badge .d= evsite-badge-summary--ways-to-earn h3 { font-size: 20px; color: rgb(60, 64,= 67); letter-spacing: 0.1px; line-height: 24px; margin: 0px; } devsite-badge .devsite-badge-summary--earn-more-badges h3 i.material-icons,= devsite-badge .devsite-badge-summary--ways-to-earn h3 i.material-icons { c= olor: rgb(26, 115, 232); } devsite-badge .devsite-badge-summary--awarded-by { padding: 0px min(200px, = 10vw); } devsite-badge .devsite-badge-summary--awarded-by ul { margin: 0px; padding:= 0px; list-style: none; } devsite-badge .devsite-badge-summary--awarded-by ul li { margin: 0px; paddi= ng: 0px; } devsite-badge .devsite-badge-summary--awarded-by .earn-badge, devsite-badge= .devsite-badge-summary--awarded-by .earned-badge { display: none; } devsite-badge .devsite-badge-summary--awarded-by.has-badge .earned-badge { = display: inline; } devsite-badge .devsite-badge-summary--awarded-by.needs-badge .earn-badge { = display: inline; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd { border: var(--devsite-primary-border); border-radius: 4px; margin-bott= om: 30px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd h4 { font-size: 22px; font-weight: 400; color: rgb(32, 33, 36); letter-s= pacing: 0px; line-height: 28px; margin: 0px; padding: 24px 24px 4px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd p { margin: 0px; padding: 4px 24px 24px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd-buttons { display: flex; -webkit-box-align: center; align-items: center;= -webkit-box-pack: start; justify-content: flex-start; padding: 0px 24px 24= px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd-buttons .button { font-size: 14px; } devsite-badge .devsite-badge-summary--sub-badges-details { padding: 26px mi= n(200px, 10vw) 0px; } devsite-card { visibility: hidden; } devsite-card[ready] { visibility: visible; } devsite-catalog-profiles { display: block; } devsite-collection:not(:defined) { visibility: hidden; } devsite-collection:defined { visibility: visible; } .devsite-collection-dialog { --devsite-heading-text-align: start; } .devsite-collection-dialog .devsite-dialog-contents .form-inputs { display:= grid; gap: 36px; } .devsite-collection-dialog .devsite-dialog-buttons { -webkit-box-pack: star= t; justify-content: flex-start; padding-block: 0px 16px; padding-inline: 16= px; } devsite-collection-list:not(:defined) { visibility: hidden; } devsite-collection-list:defined { visibility: visible; } .devsite-collection-create-dialog { --devsite-heading-text-align: start; } .devsite-collection-create-dialog .form-inputs { display: grid; gap: 36px; = } .devsite-collection-create-dialog .devsite-dialog-buttons { -webkit-box-pac= k: start; justify-content: flex-start; padding-block: 0px 16px; padding-inl= ine: 16px; } .devsite-edit-dialog { max-height: 75vh; width: 708px; padding: 0px; displa= y: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-= direction: column; } @media screen and (max-width: 600px) { .devsite-edit-dialog { max-height: calc(-32px + 100vh); } } .devsite-edit-dialog .devsite-dialog-header { display: flex; padding: 20px = 24px; position: relative; border-bottom: var(--devsite-primary-border); } .devsite-edit-dialog .devsite-dialog-header .devsite-dialog-close { positio= n: absolute; top: 10px; right: 10px; } .devsite-edit-dialog devsite-avatar { position: relative; height: 74px; wid= th: 74px; } .devsite-edit-dialog devsite-avatar .photo-selector { height: 74px; width: = 74px; } .devsite-edit-dialog devsite-avatar .photo-selector-loading, .devsite-edit-= dialog devsite-avatar .photo-selector-mini { right: 0px; bottom: 0px; heigh= t: 32px; width: 32px; left: unset; font-size: 16px; } .devsite-edit-dialog devsite-avatar .photo-selector-dropdown { top: 68px; r= ight: unset; } .devsite-edit-dialog devsite-avatar .photo-selector-dropdown button { white= -space: nowrap; display: flex; -webkit-box-orient: horizontal; -webkit-box-= direction: normal; flex-flow: row; margin-right: 25px; } .devsite-edit-dialog .devsite-dialog-header .devsite-edit-profile-title { p= adding-inline-start: 16px; display: flex; -webkit-box-orient: vertical; -we= bkit-box-direction: normal; flex-direction: column; gap: 8px; align-self: c= enter; } .devsite-edit-dialog .devsite-dialog-header .devsite-edit-profile-title h2 = { margin: 0px; margin-block-start: 5px; } .devsite-edit-dialog .profile-visibility { display: block; } .devsite-edit-dialog .profile-visibility-tag { color: var(--devsite-seconda= ry-text-color); font-size: 14px; font-weight: 500; padding: 0px 6px; displa= y: inline-block; white-space: nowrap; background-color: var(--devsite-backg= round-3); height: 20px; margin-inline-end: 8px; margin-block-end: 5px; } .devsite-edit-dialog .profile-visibility-tag .material-symbols-outlined { f= ont-size: 14px; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "o= psz" 48; top: 2px; position: relative; margin-inline-end: 3px; } .devsite-edit-dialog .devsite-dialog-contents { padding: 3px 24px 20px; ove= rflow-y: auto; } .devsite-edit-dialog .profile-edit-section-title { text-transform: uppercas= e; font-size: 11px; font-weight: 500; margin: 17px 0px; } .devsite-edit-dialog devsite-edit-profile { margin: 0px; } .devsite-edit-dialog .profile-visibility-text { display: inline-block; marg= in-inline-end: 5px; } .devsite-edit-dialog .profile-visibility a { white-space: nowrap; display: = inline-block; } .devsite-edit-dialog .devsite-dialog-footer { padding: 24px; border-top: va= r(--devsite-primary-border); display: flex; } .devsite-edit-dialog .devsite-dialog-footer devsite-spinner { margin-inline= -start: 16px; } .devsite-badge-delete-modal h4 { margin-block: 0px 10px; font-family: Robot= o, "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto = Sans Thai", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; } .devsite-badge-delete-modal .devsite-dialog-buttons { -webkit-box-pack: sta= rt; justify-content: flex-start; padding-block: 0px 16px; padding-inline: 1= 6px 0px; } .devsite-badge-delete-modal .devsite-dialog-contents-warning { font-size: 1= 2px; margin-block-start: 8px; } .devsite-badge-delete-modal .devsite-dialog-contents-warning .warning-icon = { font-size: 15px; position: relative; inset-block-start: 3px; margin-inlin= e-end: 7px; color: rgb(95, 99, 104); } .devsite-profile-banner { color: var(--devsite-note-notice-color); backgrou= nd-color: var(--devsite-note-notice-background); font-family: Roboto, "Noto= Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto Sans Tha= i", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; font-size: 14px; l= etter-spacing: 0.2px; line-height: 20px; padding-block: 12px; padding-inlin= e: 0px; display: flex; -webkit-box-align: center; align-items: center; -web= kit-box-pack: center; justify-content: center; } .devsite-profile-banner .material-icons { direction: unset; font-size: 18px= ; margin-block: 0px; margin-inline: 8px; } devsite-profile { --container-width: 1440px; --container-padding: 40px; --b= adge-date-text-color: $GREY_800; --badge-description-text-color: #3c4043; } .devsite-badges-dialog { --badge-sharing-text-color: #5f6368; } devsite-profile { display: block; } devsite-profile .profile-container { margin-block: 0px; margin-inline: auto= ; max-width: var(--container-width,1440px); padding: 40px var(--container-p= adding,40px) var(--container-padding,40px); width: 100%; background: url("/= web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b= 9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/= profile_header.svg") 270px 0px / auto 72px no-repeat; } devsite-profile .profile--error, devsite-profile .profile--loading { paddin= g-block: 60px; padding-inline: 0px; } devsite-profile .profile-view { display: flex; -webkit-box-align: start; al= ign-items: flex-start; } devsite-profile .profile-view .badge { -webkit-box-align: center; align-ite= ms: center; display: inline-flex; -webkit-box-orient: vertical; -webkit-box= -direction: normal; flex-direction: column; position: relative; padding: 12= px; max-width: 125px; min-width: 125px; min-height: 170px; border: var(--de= vsite-primary-border); border-radius: 8px; background-color: rgb(255, 255, = 255); opacity: 1; transition: opacity 0.5s; } devsite-profile .profile-view .badge .badge-icon { width: 75px; height: 75p= x; margin-bottom: 5px; } devsite-profile .profile-view .badge .badge-icon img { opacity: 1; transiti= on: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); } devsite-profile .profile-view .badge .favorite-indicator { position: absolu= te; top: 3px; left: 3px; color: rgb(189, 193, 198); height: 24px; width: 24= px; display: flex; -webkit-box-align: center; align-items: center; -webkit-= box-pack: center; justify-content: center; } devsite-profile .profile-view .badge .favorite-indicator .favorite-indicato= r-icon { font-size: 16px; } devsite-profile .profile-view .badge .favorite-indicator .favorite-indicato= r-text { position: absolute; border-radius: 2px; top: 27px; opacity: 0; tra= nsition: opacity 0.5s; white-space: nowrap; font-size: 10px; color: rgb(255= , 255, 255); background: rgb(60, 64, 67); padding: 0px 9px; } devsite-profile .profile-view .badge .favorite-indicator:hover .favorite-in= dicator-text { opacity: 0.73; } devsite-profile .profile-view .badge.dragged { opacity: 0.5; cursor: grabbi= ng; } devsite-profile .profile-view .badge.dragged[draggable=3D"true"]:hover .dra= g-indicator { cursor: grabbing; display: none; } devsite-profile .profile-view .badge .drag-indicator { opacity: 0; pointer-= events: none; transition: opacity 0.5s; position: absolute; top: 3px; left:= 3px; color: rgb(95, 99, 104); height: 24px; width: 24px; display: flex; -w= ebkit-box-align: center; align-items: center; -webkit-box-pack: center; jus= tify-content: center; cursor: grab; border-radius: 12px; } devsite-profile .profile-view .badge .drag-indicator:hover { background: rg= b(241, 243, 244); } devsite-profile .profile-view .badge .drag-indicator .drag-indicator-text {= position: absolute; border-radius: 2px; top: 27px; opacity: 0; transition:= opacity 0.5s; white-space: nowrap; font-size: 10px; color: rgb(255, 255, 2= 55); background: rgb(60, 64, 67); padding: 0px 9px; } devsite-profile .profile-view .badge .drag-indicator:hover .drag-indicator-= text { opacity: 0.73; } devsite-profile .profile-view .badge .drag-indicator .drag-indicator-icon {= font-size: 16px; } devsite-profile .profile-view .badge[draggable=3D"true"]:hover .drag-indica= tor { opacity: 1; pointer-events: unset; } devsite-profile .profile-view .badge .badge-icon-counter { font-size: 11.5p= x; padding: 0px 7px; } @media screen and (max-width: 600px) { devsite-profile .profile-view .badge.empty { display: none; } } devsite-profile .profile-view .badge:not(.empty):hover:not(:active) { curso= r: pointer; box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-colo= r),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); border-colo= r: transparent; } devsite-profile .profile-view .badge .badge-meta { display: flex; -webkit-b= ox-orient: vertical; -webkit-box-direction: normal; flex-direction: column;= -webkit-box-pack: center; justify-content: center; text-align: center; } devsite-profile .profile-view .badge .badge-icon { -webkit-box-align: cente= r; align-items: center; display: flex; -webkit-box-pack: center; justify-co= ntent: center; position: relative; } devsite-profile .profile-view .badge .badge-title { font-weight: 500; color= : rgb(60, 64, 67); font-family: var(--devsite-headline-font-family); font-s= ize: 11.5px; line-height: 16px; padding-bottom: 6px; } devsite-profile .profile-view .badge .badge-date { color: rgb(95, 99, 104);= font-size: 11px; line-height: 16px; letter-spacing: 0.4px; } devsite-profile .profile-view .badge .badge-controls { position: absolute; = right: 3px; top: 3px; } devsite-profile .profile-view .badge .badge-controls .toggle { color: rgb(6= 0, 64, 67); cursor: pointer; height: 24px; min-width: 0px; width: 24px; dis= play: flex; -webkit-box-align: center; align-items: center; -webkit-box-pac= k: center; justify-content: center; padding: 12px 0px; border-radius: 12px;= } devsite-profile .profile-view .badge .badge-controls .toggle .material-icon= s { font-size: 16px; } devsite-profile .profile-view .badge .badge-controls .toggle:hover { backgr= ound: rgb(241, 243, 244); } devsite-profile .profile-view .badge .badge-controls .toggle:focus { text-d= ecoration: none; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu {= background: var(--devsite-background-1); border-radius: 4px; box-shadow: 0= 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--de= vsite-elevation-ambient-shadow-color); padding: 8px 0px; position: absolute= ; right: 0px; top: 25px; z-index: 10; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l { list-style: none; margin: 0px; padding: 0px; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l li { margin: 0px; padding: 0px; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l li a { color: rgb(60, 64, 67); font-size: 14px; line-height: 20px; paddin= g: 8px 16px; white-space: nowrap; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l li a:hover { background: rgb(241, 243, 244); } devsite-profile .profile-view .badge-icon.loading .badge-icon-counter { dis= play: none; } devsite-profile .profile-view .badge-icon.loading devsite-spinner { top: 7p= x; width: 60px; height: 60px; z-index: 1000; position: absolute; } devsite-profile .profile-view .badge-icon.loading img { opacity: 0; transfo= rm: scale(0); } devsite-profile .profile-view .profile-info-container-wrapper { -webkit-box= -flex: 0; flex-grow: 0; flex-shrink: 0; margin-block: 72px 48px; margin-inl= ine: 0px min(9vw, 130px); width: 342px; } devsite-profile .profile-view .profile-info-container-wrapper .profile-info= -container:not(:empty) { border: 1px solid rgb(218, 220, 224); border-radiu= s: 8px; } devsite-profile .profile-view .devsite-profile-feedback-button { -webkit-bo= x-align: center; align-items: center; border: 0px; color: rgb(95, 99, 104);= display: flex; font-size: 12px; padding-block: 0px; padding-inline: 0px; } devsite-profile .profile-view .devsite-profile-feedback-button .material-ic= ons { inset-block-start: auto; margin-block: 0px; margin-inline: 4px; } devsite-profile .profile-view .devsite-profile-feedback-button:active, devs= ite-profile .profile-view .devsite-profile-feedback-button:hover { backgrou= nd: none; box-shadow: none; } devsite-profile .profile-view .profile-details { -webkit-box-align: center;= align-items: center; display: flex; margin-block-end: 12px; } devsite-profile .profile-view .profile-details a { overflow: hidden; white-= space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgb(60, 64,= 67); line-height: 20px; } devsite-profile .profile-view .profile-bio, devsite-profile .profile-view .= profile-experiencelevel, devsite-profile .profile-view .profile-links, devs= ite-profile .profile-view .profile-location, devsite-profile .profile-view = .profile-name, devsite-profile .profile-view .profile-stats { color: rgb(60= , 64, 67); font-size: 14px; line-height: 20px; padding-block: 2px 6px; padd= ing-inline: 24px; word-break: break-word; } devsite-profile .profile-view .profile-bio h4, devsite-profile .profile-vie= w .profile-experiencelevel h4, devsite-profile .profile-view .profile-links= h4, devsite-profile .profile-view .profile-location h4, devsite-profile .p= rofile-view .profile-name h4, devsite-profile .profile-view .profile-stats = h4 { color: rgb(32, 33, 36); font-size: 12px; font-weight: 500; margin-bloc= k: 0px 6px; margin-inline: 0px; text-transform: uppercase; } devsite-profile .profile-view .profile-bio p, devsite-profile .profile-view= .profile-experiencelevel p, devsite-profile .profile-view .profile-links p= , devsite-profile .profile-view .profile-location p, devsite-profile .profi= le-view .profile-name p, devsite-profile .profile-view .profile-stats p { m= argin-block: 0px 12px; margin-inline: 0px; } devsite-profile .profile-view .profile-location-empty-location, devsite-pro= file .profile-view .profile-location-warning { color: rgb(217, 48, 37); dis= play: block; font-size: 12px; font-weight: 700; line-height: 16px; margin-b= lock: 4px; margin-inline: 16px; } devsite-profile .profile-view .profile-name { padding-block: 24px; padding-= inline: 24px; text-align: center; } devsite-profile .profile-view .profile-name h2 { color: rgb(32, 33, 36); fo= nt-size: 32px; font-weight: 400; line-height: 40px; margin-block: 0px; marg= in-inline: 0px; word-break: break-word; } devsite-profile .profile-view .profile-name h3 { color: rgb(32, 33, 36); fo= nt-size: 16px; font-weight: 500; line-height: 24px; margin-block: 0px; marg= in-inline: 0px; word-break: break-word; } devsite-profile .profile-view .profile-name h4 { font-family: var(--devsite= -headline-font-family); font-size: 14px; color: rgb(32, 33, 36); line-heigh= t: 24px; text-transform: none; word-break: break-word; } devsite-profile .profile-view .bull { padding-block: 0px; padding-inline: 4= px; } devsite-profile .profile-container--signin { display: flex; -webkit-box-ali= gn: center; align-items: center; -webkit-box-pack: center; justify-content:= center; } devsite-profile .profile-info-top { height: 65px; inset-block-start: -65px;= position: relative; } devsite-profile .profile-info-top .edit-profile { -webkit-box-align: center= ; align-items: center; background: url("/web/20230130224947im_/https://www.= gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e= 31c466c45c27dbcd2bcca1/developers/images/icons/settings.svg") 50% center no= -repeat; border-radius: 16px; border: 0px; color: rgb(95, 99, 104); display= : flex; float: right; height: 36px; inset-block-start: 65px; -webkit-box-pa= ck: center; justify-content: center; margin-block: 12px; margin-inline: 12p= x; padding-block: 0px; padding-inline: 0px; position: relative; text-indent= : -3000em; width: 36px; z-index: 2; } devsite-profile .profile-info-top .edit-profile:hover { background-color: r= gb(241, 243, 244); } devsite-profile .profile-info-top .edit-profile:active, devsite-profile .pr= ofile-info-top .edit-profile:focus { box-shadow: none; } devsite-profile .profile-info-top .profile-avatar { position: relative; } devsite-profile .profile-info-top .profile-avatar .profile-avatar { backgro= und-color: var(--devsite-background-1); background-position: 50% center; ba= ckground-repeat: no-repeat; background-size: contain; border-radius: 50%; b= order: var(--devsite-primary-border); display: block; height: 130px; margin= -block: 0px; margin-inline: auto; width: 130px; } devsite-profile .profile-info-top .profile-avatar devsite-avatar { height: = 130px; margin-block: 0px; margin-inline: auto; width: 130px; } devsite-profile .profile-view .profile-badges-container { -webkit-box-flex:= 1; flex-grow: 1; flex-shrink: 1; } devsite-profile .profile-view .profile-badges-container h2 { color: rgb(32,= 33, 36); font-size: 28px; line-height: 36px; margin-block: 0px; margin-inl= ine: 0px; } devsite-profile .profile-view .profile-badges-container h3 { color: rgb(32,= 33, 36); font-size: 24px; line-height: 32px; margin-block: 0px; margin-inl= ine: 0px; } devsite-profile .profile-view .profile-badges-container[busy] .badge-contro= ls { display: none; } devsite-profile .profile-view .profile-badges-container .badge-grid { displ= ay: grid; -webkit-box-flex: 0; flex: 0 0 100%; grid-auto-flow: row; gap: 22= px min(26px, 1.8vw); grid-template-columns: repeat(auto-fill, minmax(125px,= 1fr)); margin-block: 24px; margin-inline: 0px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e { padding-block-start: 4px; position: relative; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e.show-dropzone .drop-zone { opacity: 1; visibility: visible; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .drop-zone { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 25= 5) 0px 0px 10px 10px; inset-block-start: 0px; inset-inline: 0px; margin: va= r(--devsite-js-header-height,0) 40px 0 calc(max(0px, 100vw - 1440px)/2 + 36= 2px + min(9vw, 130px)); opacity: 0; padding-block: 20px; padding-inline: 20= px 0px; position: fixed; transition: opacity 0.5s, visibility 0.5s; visibil= ity: hidden; z-index: 10; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .drop-zone .badge { max-width: 125px; min-width: 125px; min-height: 170px= ; max-height: 170px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .drop-zone .badge.empty .badge-icon:not(.loading) { height: 60px; width: = 60px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon-counter { padding-block: 1px; padding-inline: 9px; font-size:= 14px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon.loading devsite-spinner { height: 91px; inset-block-start: 11= px; width: 91px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .profile-trophy-case-helper { inset-block-start: 2px; margin-inline-start= : 10px; position: relative; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .profile-trophy-case-helper .info-icon { font-size: 17px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-grid { border-bottom: 1px solid rgb(218, 220, 224); display: grid;= grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(156px= , 1fr)); padding-block-end: 50px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[visibility=3D"PROMOTED"] { max-width: 156px; min-width: 156px; pad= ding-block: 20px; padding-inline: 20px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[visibility=3D"PROMOTED"] .favorite-indicator { display: none; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-icon { transform: scale(0); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-icon devsite-spinner { display: none; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-meta { opacity: 0; transform: translate3d(0px, 10p= x, 0px); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-controls { opacity: 0; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon { height: 110px; margin-block-end: 8px; transform: scale(1); = transition: transform 0.16s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0= .16s cubic-bezier(0.4, 0, 1, 1); width: 114px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon img { transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1), t= ransform 0.16s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.16s cubic-be= zier(0.4, 0, 1, 1); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e.dragging .badge.empty { box-shadow: rgb(232, 240, 254) 0px 4px 8px 3px, r= gb(210, 227, 252) 0px 1px 3px 0px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty { transition: box-shadow 0.5s; box-shadow: transparent 0px 4= px 8px 3px, transparent 0px 1px 3px 0px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty.drop-target { background-color: rgb(232, 240, 254); border: = 2px solid rgb(26, 115, 232); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-meta { color: rgba(0, 0, 0, 0.12); pointer-events: no= ne; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-icon:not(.loading) { background: none; border-radius:= 50px; border: 2px dashed rgb(218, 220, 224); height: 94px; margin-block: 9= px 17px; pointer-events: none; width: 94px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-icon.loading { margin-block-end: 11px; pointer-events= : none; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-title { color: rgb(189, 193, 198); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-meta { font-size: 13px; line-height: 20px; opacity: 1; transform: = translateZ(0px); transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1), tran= sform 0.16s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.16s cubic-bezie= r(0.4, 0, 1, 1); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-controls { opacity: 1; transition: opacity 0.16s cubic-bezier(0.4,= 0, 1, 1); } devsite-profile .profile-view .profile-badges-container .profile-no-badges = { margin-block-start: 72px; } devsite-profile .profile-view .profile-badges-container .profile-no-badges = p { color: rgb(32, 33, 36); font-family: var(--devsite-headline-font-family= ); font-size: 22px; line-height: 28px; margin-block: 0px 8px; margin-inline= : 0px; } devsite-profile .profile-view .profile-badges-container .profile-no-badges = .profile-no-badges-img { background-image: url("/web/20230130224947im_/http= s://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066c= fe5cc51e31c466c45c27dbcd2bcca1/developers/images/no-badges.svg"); backgroun= d-position: 50% center; background-repeat: no-repeat; height: 360px; margin= -block: 0px; margin-inline: auto; } devsite-profile .profile-view .profile-badges-container .badge .badge-contr= ols-menu a { display: none; } devsite-profile .profile-view .profile-badges-container .badge .badge-contr= ols-menu a:focus, devsite-profile .profile-view .profile-badges-container .= badge .badge-controls-menu a:hover { text-decoration: none; } devsite-profile .profile-view .profile-badges-container .badges-trophy-case= --add em { color: rgb(60, 64, 67); display: none; font-size: 11px; line-hei= ght: 20px; } devsite-profile .profile-view .profile-badges-container[trophy-case--full] = .badges-trophy-case--add { cursor: default; opacity: 0.5; } devsite-profile .profile-view .profile-badges-container[trophy-case--full] = .badges-trophy-case--add em { display: block; } devsite-profile .profile-view .profile-badges-container .profile-badges { d= isplay: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: = space-between; padding-block-start: 16px; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable { -webkit-box-flex: 1; flex: 1 0 0%; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable .expandable-heading { -webkit-box-align: center; align-item= s: center; display: flex; -webkit-box-orient: horizontal; -webkit-box-direc= tion: reverse; flex-direction: row-reverse; -webkit-box-pack: justify; just= ify-content: space-between; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable .expandable-heading .header-text-container { display: flex;= gap: 12px; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable a.exw-control > .showalways::before { color: var(--devsite-= secondary-text-color); content: "expand_more"; margin-inline: 16px 0px; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable[expanded] a.exw-control > .showalways::before { content: "e= xpand_less"; } devsite-profile .profile-view .profile-badges-container .profile-badges .fa= vorite-indicator { display: none; } devsite-profile .profile-view .profile-badges-container .profile-badges .al= l-badges-heading { display: inline-block; } devsite-profile .profile-view .profile-badges-container .profile-badges.inc= omplete-badges { border-bottom: var(--devsite-primary-border); margin-block= -end: 25px; padding-block-end: 25px; } devsite-profile .profile-view .profile-badges-container .profile-badges.inc= omplete-badges img { filter: grayscale(100%); } devsite-profile .profile-view .profile-badges-container .profile-badges.hid= den-badges { border-top: var(--devsite-primary-border); margin-block-start:= 18px; padding-block-start: 32px; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"INCOMPLETE"] .badges--delete { display: block; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PUBLIC"] .badges--delete, devsite-profile .profile-view .profile-badges= -container .badge[visibility=3D"PUBLIC"] .badges--hide, devsite-profile .pr= ofile-view .profile-badges-container .badge[visibility=3D"PUBLIC"] .badges-= trophy-case--add { display: block; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PRIVATE"] .badges--delete, devsite-profile .profile-view .profile-badge= s-container .badge[visibility=3D"PRIVATE"] .badges--unhide { display: block= ; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PROMOTED"] .badges--delete, devsite-profile .profile-view .profile-badg= es-container .badge[visibility=3D"PROMOTED"] .badges--hide, devsite-profile= .profile-view .profile-badges-container .badge[visibility=3D"PROMOTED"] .b= adges-trophy-case--remove { display: block; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PROMOTED"] .favorite-indicator { display: flex; } devsite-profile .profile-edit .profile-info-container { position: relative;= } devsite-profile .profile-edit .profile-spinner { -webkit-box-align: end; al= ign-items: flex-end; background: rgba(255, 255, 255, 0.8); border-radius: 0= px 0px 6px 6px; display: none; inset-block: 70px 0px; inset-inline: 0px; -w= ebkit-box-pack: center; justify-content: center; padding-block: 24px; paddi= ng-inline: 24px; position: absolute; z-index: 100000; } devsite-profile .profile-edit.profile-saving .profile-avatar-desc { backgro= und: rgb(255, 255, 255); } devsite-profile .profile-edit.profile-saving .profile-spinner { display: fl= ex; } devsite-profile .profile-edit .profile-avatar-desc { background: rgb(241, 2= 43, 244); border-bottom: 1px solid rgb(218, 220, 224); border-radius: 8px 8= px 0px 0px; padding-block: 0px; padding-inline: 24px; } devsite-profile .profile-edit .profile-avatar-desc h4 { font-size: 12px; co= lor: rgb(32, 33, 36); } devsite-profile .profile-edit .profile-avatar-desc h4 .devsite-avatar-toolt= ip { color: rgb(95, 99, 104); cursor: pointer; font-size: 16px; margin-bloc= k: 0px; margin-inline: 8px; } devsite-profile .profile-edit .profile-avatar-desc p { color: rgb(60, 64, 6= 7); font-size: 14px; line-height: 20px; margin-block: 0px; margin-inline: 0= px; } devsite-profile .profile-edit .profile-avatar-desc hr { margin-block: 0px 2= 4px; margin-inline: 0px; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility { di= splay: flex; padding-block-end: 24px; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility .pro= file-visibility-icon { width: 38px; -webkit-box-flex: 0; flex-grow: 0; flex= -shrink: 0; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility .mat= erial-icons { color: rgb(95, 99, 104); } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility h4 {= font-size: 16px; margin-block: 1px 0px; margin-inline: 0px; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility p { = margin-block: 0px; margin-inline: 0px; } devsite-profile .profile-edit .profile-editable-section { padding-block: 24= px 0px; padding-inline: 24px; } devsite-profile .profile-edit .profile-editable-section h4 { margin-block: = 0px 16px; margin-inline: 0px; } devsite-profile .profile-edit .profile-editable-section .error-message { co= lor: rgb(217, 48, 37); font-size: 12px; margin-block-end: -24px; } devsite-profile .profile-edit .profile-edit-row { display: flex; -webkit-bo= x-orient: vertical; -webkit-box-direction: normal; flex-direction: column; = padding-block-end: 32px; } devsite-profile .profile-edit .profile-edit-row:last-child { padding-block-= end: 0px; } devsite-profile .profile-edit .profile-edit-row devsite-mwc { position: rel= ative; -webkit-box-flex: 1; flex-grow: 1; } devsite-profile .profile-edit .profile-edit-row .profile-edit-help-text { c= olor: rgb(95, 99, 104); font-size: 12px; line-height: 16px; margin-block: 4= px; margin-inline: 16px; } devsite-profile .profile-edit .profile-editable-controls { display: flex; -= webkit-box-pack: end; justify-content: flex-end; padding-block: 24px; paddi= ng-inline: 24px; } devsite-profile .profile-edit .profile-editable-controls mwc-button { margi= n-block: 0px; margin-inline: 8px; } devsite-profile .icon { background-position: 50% center; background-repeat:= no-repeat; flex-shrink: 0; height: 24px; margin-inline-end: 8px; width: 24= px; } devsite-profile .location-icon { background-image: url("/web/20230130224947= im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b76= 2d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/location.svg= "); } devsite-profile .github-icon { background-image: url("/web/20230130224947im= _/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d= 88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/github.svg"); = } devsite-profile .gitlab-icon { background-image: url("/web/20230130224947im= _/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d= 88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/gitlab.svg"); = } devsite-profile .linkedin-icon { background-image: url("/web/20230130224947= im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b76= 2d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/linkedin.svg= "); } devsite-profile .stackoverflow-icon { background-image: url("/web/202301302= 24947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e= 46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/stackov= erflow.svg"); } devsite-profile .twitter-icon { background-image: url("/web/20230130224947i= m_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762= d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/twitter.svg")= ; } devsite-profile .star-icon { background-image: url("/web/20230130224947im_/= https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88= 066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/star.svg"); } devsite-profile .page-icon { background-image: url("/web/20230130224947im_/= https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88= 066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/page.svg"); } devsite-profile .rating-icon { background-image: url("/web/20230130224947im= _/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d= 88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/rating.svg"); = } devsite-profile .calendar-icon { background-image: url("/web/20230130224947= im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b76= 2d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/calendar.svg= "); } devsite-profile .profile-information, devsite-profile .profile-privacy { bo= rder-top: 1px solid rgb(218, 220, 224); padding: 20px 0px 2px; } devsite-profile .profile-vanityid a { -webkit-box-align: center; align-item= s: center; border-radius: 22px; border: var(--devsite-button-border,0); dis= play: inline-flex; gap: 8px; line-height: 32px; padding-block: 0px; padding= -inline: 15px; } devsite-profile .profile-vanityid a .material-icons { font-size: 18px; poin= ter-events: none; } devsite-profile .profile-vanityid a:active, devsite-profile .profile-vanity= id a:focus, devsite-profile .profile-vanityid a:hover { text-decoration: no= ne; } devsite-profile .profile-privacy { font-size: 14px; padding-block: 18px; pa= dding-inline: 24px; } devsite-profile .profile-privacy .material-icons { color: rgb(95, 99, 104);= direction: unset; margin-inline-end: 8px; } devsite-profile .profile-information-toggle { display: none; } @media screen and (max-width: 1024px) { devsite-profile .profile-view { background-position: 0px 0px; } devsite-profile .profile-view .profile-info-container-wrapper { margin-in= line-end: 24px; } devsite-profile .profile-view .profile-badges-container .badge-grid { gri= d-template-columns: 1fr 1fr 1fr; } devsite-profile .profile-view .profile-badges-container .badge-grid .badg= e { margin-block: 0px; margin-inline: auto; } devsite-profile .profile-view .profile-badges-container .profile-trophy-c= ase .badge-grid { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 840px) { devsite-profile .profile-view { background-position: center top; -webkit-= box-orient: vertical; -webkit-box-direction: normal; flex-direction: column= ; } devsite-profile .profile-view .profile-info-container-wrapper { margin-bl= ock: 72px 0px; margin-inline: auto; width: 100%; } devsite-profile .profile-view .profile-badges-container { margin-block-st= art: 40px; width: 100%; } devsite-profile .profile-view .profile-badges-container .badge-grid { gri= d-template-columns: 1fr 1fr 1fr; } devsite-profile .profile-view .profile-badges-container .profile-trophy-c= ase .badge-grid { grid-template-columns: 1fr 1fr; } devsite-profile .profile-information-toggle { -webkit-box-align: center; = align-items: center; border-radius: 0px 0px 7px 7px; border: 0px; display: = flex; -webkit-box-pack: justify; justify-content: space-between; padding-bl= ock: 28px; padding-inline: 16px; width: 100%; } devsite-profile .profile-information-toggle:active, devsite-profile .prof= ile-information-toggle:focus, devsite-profile .profile-information-toggle:h= over { border-width: 1px 0px 0px; border-right-style: initial; border-botto= m-style: initial; border-left-style: initial; border-right-color: initial; = border-bottom-color: initial; border-left-color: initial; border-image: ini= tial; border-top-style: solid; border-top-color: rgb(218, 220, 224); box-sh= adow: none; background: none; } devsite-profile .profile-information-toggle i { content: "keyboard_arrow_= down"; font-size: 20px; height: auto; inset-block-start: 0px; margin-block:= 0px; margin-inline: 0px; padding-block: 0px; padding-inline: 0px; width: a= uto; } devsite-profile .profile-information { display: none; } devsite-profile .profile-information-expanded .profile-information { disp= lay: block; border-top: 1px solid rgb(218, 220, 224); } devsite-profile .profile-information-expanded .profile-information-toggle= i { transform: rotate(180deg); } } @media screen and (max-width: 600px) { devsite-profile .profile-view .profile-badges-container .badge-grid { gri= d-template-columns: 1fr 1fr; } } devsite-profile .profile-badges-sort { float: right; position: relative; } @media screen and (max-width: 600px) { devsite-profile .profile-badges-sort { display: none; } } devsite-profile .profile-badges-sort devsite-select { margin-inline-start: = 10px; z-index: 90; } devsite-profile .profile-badges-sort devsite-select[menu--open] .devsite-se= lect-toggle { background: transparent; cursor: default; } devsite-profile .profile-badges-sort .devsite-select-toggle { border: none;= height: 36px; padding-inline-end: 38px; z-index: 93; } devsite-profile .profile-badges-sort .devsite-select-toggle-label { font-si= ze: 16px; } devsite-profile .profile-badges-sort .devsite-icon-arrow-drop-down::before = { content: "import_export"; font-size: 25px; } devsite-profile .profile-badges-sort .devsite-select-list { margin-block-st= art: -40px; min-width: 130px; padding-block-start: 40px; z-index: 92; } devsite-profile .profile-badges-sort .devsite-select-item { padding-inline-= start: 40px; position: relative; } devsite-profile .profile-badges-sort .devsite-select .devsite-select-item[d= ata-selected] { background-color: transparent; } devsite-profile .profile-badges-sort .devsite-select .devsite-select-item[d= ata-selected]::before { content: "done"; font-family: "Material Icons"; fon= t-size: 18px; inset-inline-start: 12px; position: absolute; } devsite-profile[path=3D"settings"] .profile-container { background: url("/w= eb/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9= cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/p= rofile_settings_header.svg") 100% 0px / auto 72px no-repeat; } devsite-profile .profile-settings { max-width: 708px; margin-block: 0px; ma= rgin-inline: auto; padding-block: 40px; padding-inline: 0px; } devsite-profile .profile-settings hr { margin-block: 40px; margin-inline: 0= px; } devsite-profile .profile-settings devsite-selector { margin-block-start: 0p= x; border: 0px; } devsite-profile .profile-settings devsite-selector devsite-tabs { --devsite= -tab-marker-position-x: 0; --devsite-border: #dadce0; --devsite-tab-marker-= border-radius: 0; border-bottom: 1px solid var(--devsite-border); } devsite-profile .profile-settings devsite-selector devsite-tabs tab { -webk= it-box-flex: 1; flex-grow: 1; -webkit-box-pack: center; justify-content: ce= nter; } devsite-profile .profile-settings devsite-selector devsite-tabs tab a { max= -width: 100%; width: 100%; } devsite-profile .profile-settings devsite-selector > section[active] { padd= ing-block: 16px; padding-inline: 0px; } devsite-profile .profile-settings devsite-selector h4, devsite-profile .pro= file-settings devsite-selector > section > :first-child:not(aside):not(devs= ite-code):not(table):not(.devsite-table-wrapper):not([class^=3D"github-"]) = { margin-block: 16px 24px; } devsite-profile .profile-settings h4 { font-family: var(--devsite-headline-= font-family); font-size: 18px; line-height: 24px; font-weight: 400; } devsite-profile .profile-settings h5 { margin-block: 0px; margin-inline: 0p= x; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--devsi= te-secondary-text-color); } devsite-profile .devsite-profile-settings-options { border: 1px solid rgb(2= 18, 220, 224); border-radius: 8px; padding-block: 8px; padding-inline: 24px= ; margin-block: 0px 24px; margin-inline: 0px; } devsite-profile .devsite-profile-settings-options .devsite-profile-settings= -options--label { display: flex; margin-block: 16px; margin-inline: 0px; } devsite-profile .devsite-profile-settings-options p { margin-block: 0px; ma= rgin-inline: 0px; font-size: 14px; color: var(--devsite-secondary-text-colo= r); line-height: 20px; } devsite-profile .devsite-profile-settings-options .devsite-profile-settings= -options--option-text { -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 1; = } devsite-profile .devsite-profile-settings-options .devsite-profile-settings= -options--option-input { max-width: 116px; margin-inline-start: 24px; -webk= it-box-flex: 1; flex-grow: 1; flex-shrink: 1; padding-block-start: 6px; dis= play: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-a= lign: center; align-items: center; } devsite-profile .devsite-profile-settings-controls { margin-block-start: 24= px; display: flex; -webkit-box-pack: end; justify-content: flex-end; } devsite-profile .devsite-profile-settings-controls .profile-account-save, d= evsite-profile .devsite-profile-settings-controls .profile-settings-save { = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: center; justify-content: center; } devsite-profile .devsite-profile-settings-controls .profile-account-save de= vsite-spinner, devsite-profile .devsite-profile-settings-controls .profile-= settings-save devsite-spinner { margin-inline-start: 8px; } devsite-profile p.devsite-profile-settings-terms { font-size: 12px; color: = var(--devsite-secondary-text-color); line-height: 16px; } devsite-profile p.devsite-profile-settings-heading-summary { font-size: 14p= x; color: var(--devsite-secondary-text-color); line-height: 20px; margin-bl= ock-start: -16px; } devsite-profile .devsite-profile-settings-vanityid-container { -webkit-box-= flex: 1; flex-grow: 1; } devsite-profile .devsite-profile-settings-vanityid-container.disabled { poi= nter-events: none; user-select: none; } devsite-profile .devsite-profile-settings-vanityid-container.disabled .devs= ite-profile-settings-vanityid-available, devsite-profile .devsite-profile-s= ettings-vanityid-container.disabled .devsite-profile-settings-vanityid-inva= lid, devsite-profile .devsite-profile-settings-vanityid-container.disabled = .devsite-profile-settings-vanityid-requirements, devsite-profile .devsite-p= rofile-settings-vanityid-container.disabled .devsite-profile-settings-vanit= yid-unavailable, devsite-profile .devsite-profile-settings-vanityid-contain= er.disabled devsite-mwc { opacity: 0.23; transition: opacity 0.233s; } devsite-profile .devsite-profile-settings-vanityid-container.wait .devsite-= profile-settings-vanityid-container-field .devsite-profile-settings-vanityi= d-wait { display: flex; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field { display: flex; -webkit-box-align: ce= nter; align-items: center; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field devsite-spinner { display: none; trans= ition: opacity 0.233s; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field devsite-spinner.show { display: block;= } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field devsite-mwc { -webkit-box-flex: 1; fle= x-grow: 1; margin-right: 8px; max-width: 346px; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-sta= tus { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: = center; align-items: center; pointer-events: all; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable, devsite-profile .devsite-profile-settings-vanityid-container .devsi= te-profile-settings-vanityid-container-field .devsite-profile-settings-vani= tyid-invalid, devsite-profile .devsite-profile-settings-vanityid-container = .devsite-profile-settings-vanityid-container-field .devsite-profile-setting= s-vanityid-unavailable, devsite-profile .devsite-profile-settings-vanityid-= container .devsite-profile-settings-vanityid-container-field .devsite-profi= le-settings-vanityid-wait { display: none; font-size: 24px; color: rgb(52, = 168, 83); -webkit-box-align: center; align-items: center; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable .material-icons, devsite-profile .devsite-profile-settings-vanityid-= container .devsite-profile-settings-vanityid-container-field .devsite-profi= le-settings-vanityid-invalid .material-icons, devsite-profile .devsite-prof= ile-settings-vanityid-container .devsite-profile-settings-vanityid-containe= r-field .devsite-profile-settings-vanityid-unavailable .material-icons, dev= site-profile .devsite-profile-settings-vanityid-container .devsite-profile-= settings-vanityid-container-field .devsite-profile-settings-vanityid-wait .= material-icons { font-size: 24px; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable.show, devsite-profile .devsite-profile-settings-vanityid-container .= devsite-profile-settings-vanityid-container-field .devsite-profile-settings= -vanityid-invalid.show, devsite-profile .devsite-profile-settings-vanityid-= container .devsite-profile-settings-vanityid-container-field .devsite-profi= le-settings-vanityid-unavailable.show, devsite-profile .devsite-profile-set= tings-vanityid-container .devsite-profile-settings-vanityid-container-field= .devsite-profile-settings-vanityid-wait.show { display: flex; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable { color: rgb(52, 168, 83); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-inv= alid { color: rgb(217, 48, 37); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-wai= t { font-family: Roboto; font-style: normal; font-size: 12px; line-height: = 16px; color: rgb(95, 99, 104); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-wai= t .message { margin-inline-start: 8px; background: rgb(248, 249, 250); bord= er: 1px solid rgb(218, 220, 224); box-sizing: border-box; border-radius: 4p= x; padding-block: 4px; padding-inline: 8px; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-una= vailable { color: rgb(227, 116, 0); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-una= vailable .message { background: rgba(254, 247, 225, 0.5); border: 1px solid= rgb(253, 226, 147); box-sizing: border-box; border-radius: 4px; padding-bl= ock: 4px; padding-inline: 8px; margin-inline-start: 8px; font-family: Robot= o; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px= ; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-requirements { color: rgb(95, 99, 104); max-width: 294= px; font-family: Roboto; font-size: 12px; line-height: 16px; margin-block: = 0px; margin-inline: 12px; display: block; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-requirements.invalid { color: rgb(217, 48, 37); } devsite-profile .profile-delete-profile, devsite-profile .profile-delete-pr= ofile:hover { -webkit-box-align: center; align-items: center; background-co= lor: rgb(234, 67, 53); display: flex; margin-block-start: 8px; } devsite-profile .profile-delete-profile .material-icons, devsite-profile .p= rofile-delete-profile:hover .material-icons { inset-block-start: auto; } devsite-profile devsite-profile-interests .devsite-profile-interests-contai= ner { margin-block-start: 0px; } devsite-profile .profile-not-found { display: flex; min-height: 400px; max-= width: 936px; margin-block: 0px; margin-inline: auto; width: 100%; padding-= block: 0px; padding-inline: 40px; } devsite-profile .profile-not-found .profile-not-found-cell { display: flex;= flex-basis: calc(50% - 18px); -webkit-box-orient: vertical; -webkit-box-di= rection: normal; flex-direction: column; -webkit-box-pack: center; justify-= content: center; } devsite-profile .profile-not-found h2 { margin-block: 0px; margin-inline: 0= px; padding-block: 0px; padding-inline: 0px; } devsite-profile .profile-not-found .profile-not-found-img { background-imag= e: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/= vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developer= s/images/profile_not_found.svg"); background-position: 50% center; backgrou= nd-repeat: no-repeat; height: 100%; width: 100%; } .devsite-badges-dialog .badge-icon .badge-icon-counter { padding-block: 5px= ; padding-inline: 12px; font-size: 17px; } .devsite-badges-dialog .badge-icon .badge-icon-counter, .profile-badges-con= tainer .badge-icon .badge-icon-counter { border-radius: 19px; color: rgb(25= 5, 255, 255); font-weight: 500; background-color: rgb(25, 118, 210); positi= on: absolute; inset-block-end: 0px; box-shadow: rgba(60, 64, 67, 0.15) 0px = 4px 8px 3px, rgba(60, 64, 67, 0.3) 0px 1px 3px 0px; } .devsite-badges-dialog { margin-block: 16px; margin-inline: 16px; max-width= : 410px; position: relative; background-color: rgb(255, 255, 255); } .devsite-badges-dialog .badge-sub-badges-container { position: relative; } .devsite-badges-dialog .badge-sub-badges-container .badge-sub-badges-spinne= r-container { position: absolute; display: flex; width: 100%; -webkit-box-p= ack: center; justify-content: center; height: 100%; inset-block-start: 0px;= padding-block-start: 43px; -webkit-box-align: center; align-items: center;= } .devsite-badges-dialog .devsite-badges-dialog-helper { margin-inline-start:= 10px; inset-block-start: 3px; position: relative; } .devsite-badges-dialog .devsite-badges-dialog-helper .info-icon { font-size= : 15px; } .devsite-badges-dialog .devsite-badges-dialog-helper .info-popout-container= { inset-inline-start: -140px; max-width: 300px; } .devsite-badges-dialog.is-squad-badge::before { background-image: url("/web= /20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd= 89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/squ= ad_badge_card_header.svg"); } .devsite-badges-dialog::before { position: absolute; inset-block-start: 0px= ; inset-inline-start: 0px; width: 100%; height: 100%; content: ""; backgrou= nd: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod= /vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develope= rs/images/badge_card_header.svg") 0px 0px / contain no-repeat rgb(255, 255,= 255); } .devsite-badges-dialog .devsite-badges-dialog-contents, .devsite-badges-dia= log .devsite-badges-dialog-footer, .devsite-badges-dialog .devsite-dialog-b= uttons { position: relative; } @media screen and (max-width: 600px) { .devsite-badges-dialog .devsite-dialog-buttons { position: fixed; inset-i= nline-end: 23px; z-index: 10; } .devsite-badges-dialog .devsite-badges-dialog-contents { margin-block-sta= rt: 35px; } } .devsite-badges-dialog.badge-incomplete .badge-icon { filter: grayscale(100= %); } .devsite-badges-dialog .badge-date, .devsite-badges-dialog .badge-icon, .de= vsite-badges-dialog .badge-title { text-align: center; } .devsite-badges-dialog .badge-title { font-family: "Google Sans", "Noto San= s", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto Sans Thai", = "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; font-size: 22px; color= : rgb(32, 33, 36); line-height: 28px; padding-block-end: 4px; } .devsite-badges-dialog .badge-date { text-transform: uppercase; 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; fon= t-size: 12px; color: var(--badge-date-text-color); line-height: 20px; lette= r-spacing: 0.8px; margin-block: 0px 7px; margin-inline: 0px; font-weight: 5= 00; } .devsite-badges-dialog .devsite-badges-dialog-contents { padding-block: 0px= ; padding-inline: 13px; } .devsite-badges-dialog .badge-sub-badges[show] .badge-sub-badges-line { opa= city: 1; } .devsite-badges-dialog .badge-next, .devsite-badges-dialog .badge-sub-badge= s { margin-block: 20px 0px; margin-inline: 0px; border: 1px solid rgb(218, = 220, 224); border-radius: 4px; } .devsite-badges-dialog .badge-next .badge-next-info, .devsite-badges-dialog= .badge-sub-badges .badge-next-info { inset-block-start: 3px; inset-inline-= start: 5px; position: relative; } .devsite-badges-dialog .badge-next .badge-next-info .info-popout-container,= .devsite-badges-dialog .badge-sub-badges .badge-next-info .info-popout-con= tainer { inset-inline-start: -50px; max-width: 300px; } .devsite-badges-dialog .badge-next .badge-next-header, .devsite-badges-dial= og .badge-next .badge-sub-badges-header, .devsite-badges-dialog .badge-sub-= badges .badge-next-header, .devsite-badges-dialog .badge-sub-badges .badge-= sub-badges-header { font-weight: 700; border-bottom: 1px solid rgb(218, 220= , 224); padding-block: 11px; padding-inline: 16px; position: relative; } .devsite-badges-dialog .badge-next .badge-sub-badges-line, .devsite-badges-= dialog .badge-sub-badges .badge-sub-badges-line { padding-block: 11px; padd= ing-inline: 16px; border-bottom: 1px solid rgb(218, 220, 224); display: fle= x; opacity: 0; transition: opacity 0.5s; } .devsite-badges-dialog .badge-next .badge-sub-badges-line:last-child, .devs= ite-badges-dialog .badge-sub-badges .badge-sub-badges-line:last-child { bor= der-bottom: none; } .devsite-badges-dialog .badge-next .badge-sub-badges-line.empty, .devsite-b= adges-dialog .badge-sub-badges .badge-sub-badges-line.empty { border-bottom= : none; min-height: 43px; } .devsite-badges-dialog .badge-next .badge-sub-badges-line.empty:last-child,= .devsite-badges-dialog .badge-sub-badges .badge-sub-badges-line.empty:last= -child { min-height: 42px; } .devsite-badges-dialog .badge-next .badge-sub-badges-link, .devsite-badges-= dialog .badge-sub-badges .badge-sub-badges-link { word-break: keep-all; ove= rflow: hidden; display: inline-block; text-overflow: ellipsis; -webkit-box-= flex: 1; flex: 1 1 0%; padding-inline-end: 10px; } .devsite-badges-dialog .badge-next .badge-sub-badges-completed, .devsite-ba= dges-dialog .badge-sub-badges .badge-sub-badges-completed { color: rgb(128,= 134, 139); white-space: nowrap; } .devsite-badges-dialog .badge-next .badge-next-stat-label, .devsite-badges-= dialog .badge-sub-badges .badge-next-stat-label { padding-block: 11px; padd= ing-inline: 16px; display: inline-block; } .devsite-badges-dialog .badge-next .badge-next-stat-value, .devsite-badges-= dialog .badge-sub-badges .badge-next-stat-value { border-left: 1px solid rg= b(218, 220, 224); margin-inline-start: -1px; padding-block: 11px; padding-i= nline: 16px; display: inline-block; } .devsite-badges-dialog .badge-icon { position: relative; display: flex; -we= bkit-box-pack: center; justify-content: center; margin-block-end: 24px; } .devsite-badges-dialog .badge-icon .icon { width: 180px; height: 180px; } .devsite-badges-dialog .badge-description { padding-block: 6px 32px; paddin= g-inline: 0px; text-align: center; color: var(--badge-description-text-colo= r); } .devsite-badges-dialog .badge-community-info { gap: 10px; color: var(--devs= ite-note-notice-color); background-color: var(--devsite-note-notice-backgro= und); padding: 10px 18px; font-size: 14px; display: flex; border-radius: 4p= x; } .devsite-badges-dialog .badge-community-info .material-symbols-outlined { f= ont-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48; } .devsite-badges-dialog .devsite-badges-dialog-footer { display: flex; -webk= it-box-align: center; align-items: center; margin-block: 20px 0px; margin-i= nline: -8px; padding-block: 10px; padding-inline: 20px; } @media screen and (max-width: 600px) { .devsite-badges-dialog .devsite-badges-dialog-footer { -webkit-box-orient= : horizontal; -webkit-box-direction: normal; flex-flow: wrap; } .devsite-badges-dialog .devsite-badges-dialog-footer .devsite-badge-detai= ls-button { -webkit-box-flex: 0; flex: 0 1 100%; margin-block-end: 20px; } } .devsite-badges-dialog .devsite-badges-dialog-footer .devsite-badge-details= -button:hover { background-color: rgb(187, 222, 251); } .devsite-badges-dialog .devsite-badges-dialog-footer .share-text { -webkit-= box-flex: 1; flex-grow: 1; text-align: end; } .devsite-badges-dialog .devsite-badges-dialog-footer span { margin-block: 0= px; margin-inline: 16px; font-size: 14px; color: var(--badge-sharing-text-c= olor); line-height: 20px; } .devsite-badges-dialog .devsite-badges-dialog-footer img { width: 18px; } .devsite-badges-dialog .devsite-badges-dialog-footer button { border: 0px; = padding-block: 0px; padding-inline: 0px; height: auto; display: flex; -webk= it-box-align: center; align-items: center; -webkit-box-pack: center; justif= y-content: center; min-width: 0px; } .devsite-badges-dialog .devsite-badges-dialog-footer a:active, .devsite-bad= ges-dialog .devsite-badges-dialog-footer a:focus, .devsite-badges-dialog .d= evsite-badges-dialog-footer a:hover, .devsite-badges-dialog .devsite-badges= -dialog-footer button:active, .devsite-badges-dialog .devsite-badges-dialog= -footer button:focus, .devsite-badges-dialog .devsite-badges-dialog-footer = button:hover { text-decoration: none; background: none; } .devsite-badges-dialog .devsite-badges-dialog-footer .material-icons { colo= r: var(--badge-sharing-text-color); direction: unset; display: flex; -webki= t-box-align: center; align-items: center; -webkit-box-pack: center; justify= -content: center; margin-inline-start: 12px; } @media screen and (max-width: 600px) { devsite-profile { --container-padding: 16px; } devsite-profile .profile-not-found { -webkit-box-orient: vertical; -webki= t-box-direction: normal; flex-direction: column; padding-block: 0px; paddin= g-inline: 0px; } devsite-profile .profile-not-found .profile-not-found-cell { -webkit-box-= align: center; align-items: center; } devsite-profile .profile-not-found .profile-not-found-img { height: 250px= ; } } .devsite-profile-confirm-vanityid-dialog h3, .devsite-profile-delete-confir= mation-dialog h3 { font-size: 16px; font-weight: 500; line-height: 24px; te= xt-align: left; } .devsite-profile-confirm-vanityid-dialog p, .devsite-profile-delete-confirm= ation-dialog p { font-size: 14px; line-height: 20px; } .devsite-profile-confirm-vanityid-dialog .devsite-profile-confirm-vanityid-= dialog-tip, .devsite-profile-delete-confirmation-dialog .devsite-profile-co= nfirm-vanityid-dialog-tip { display: flex; -webkit-box-align: center; align= -items: center; font-family: Roboto, "Noto Sans", "Noto Sans JP", "Noto San= s KR", "Noto Naskh Arabic", "Noto Sans Thai", "Noto Sans Hebrew", "Noto San= s Bengali", sans-serif; font-size: 12px; line-height: 20px; color: var(--de= vsite-secondary-text-color); } .devsite-profile-confirm-vanityid-dialog .devsite-profile-confirm-vanityid-= dialog-tip .material-icons, .devsite-profile-delete-confirmation-dialog .de= vsite-profile-confirm-vanityid-dialog-tip .material-icons { direction: unse= t; font-size: 16px; margin-inline-end: 8px; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents, .devsite= -profile-delete-confirmation-dialog .devsite-dialog-contents { padding-bloc= k: 8px; padding-inline: 8px; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents--bottom, = .devsite-profile-delete-confirmation-dialog .devsite-dialog-contents--botto= m { -webkit-box-align: center; align-items: center; display: flex; -webkit-= box-pack: end; justify-content: flex-end; margin-block-start: 40px; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents--bottom .= devsite-profile-delete-confirmation-dialog-confirm, .devsite-profile-delete= -confirmation-dialog .devsite-dialog-contents--bottom .devsite-profile-dele= te-confirmation-dialog-confirm { -webkit-box-align: center; align-items: ce= nter; background-color: rgb(234, 67, 53); display: flex; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents--bottom .= devsite-profile-delete-confirmation-dialog-confirm .material-icons, .devsit= e-profile-delete-confirmation-dialog .devsite-dialog-contents--bottom .devs= ite-profile-delete-confirmation-dialog-confirm .material-icons { direction:= unset; inset-block-start: auto; } body[template=3D"profile"] .pac-container { z-index: 10000; border: 0px; bo= rder-radius: 0px 0px 6px 6px; margin-block-start: 1px; box-shadow: rgba(0, = 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, = 0, 0, 0.12) 0px 3px 14px 2px; } body[template=3D"profile"] .pac-container .pac-item { line-height: 48px; fo= nt-size: 16px; padding-block: 0px; padding-inline: 16px; border-top: 0px; c= ursor: pointer; } body[template=3D"profile"] .pac-container .pac-item .pac-item-query { font-= size: 16px; } body[template=3D"profile"] .pac-container .pac-item .pac-icon { display: no= ne; } body[template=3D"profile"] .pac-container .pac-logo::after { margin-block: = 0px; margin-inline: 8px; } devsite-profile-dashboard { display: block; -webkit-box-align: center; alig= n-items: center; -webkit-box-pack: center; place-content: stretch center; -= webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: colu= mn wrap; max-width: 1600px; padding: 40px 80px; } @media screen and (max-width: 840px) { devsite-profile-dashboard { margin-block-start: 0px; padding-block: 0px; = padding-inline: 0px; } } devsite-profile-dashboard .change-account-button, devsite-profile-dashboard= .create-profile-button, devsite-profile-dashboard .sign-in-button { margin= -block-start: 20px; } devsite-profile-dashboard .button-primary[disabled], devsite-profile-dashbo= ard .button-primary[disabled]:hover { background: rgba(26, 115, 232, 0.4); = } devsite-profile-dashboard .waiting-container { display: flex; -webkit-box-o= rient: vertical; -webkit-box-direction: normal; flex-direction: column; min= -height: 250px; -webkit-box-pack: center; justify-content: center; } devsite-profile-dashboard .waiting-container devsite-spinner { align-self: = center; margin-block-start: 15px; } devsite-profile-dashboard .return-container { background-color: rgb(232, 24= 0, 254); border-radius: 4px; box-sizing: border-box; display: flex; font-si= ze: 14px; margin-block: -20px 45px; padding-block: 10px; padding-inline: 15= px; position: relative; width: 100%; } devsite-profile-dashboard .return-container .back-arrow { color: rgb(66, 13= 3, 244); margin-inline-end: 10px; } devsite-profile-dashboard .return-container .back-link { text-decoration: n= one; font-weight: 500; color: rgb(66, 133, 244); } devsite-profile-dashboard .return-container .close-return-link-button { col= or: rgb(95, 99, 104); font-size: 21px; inset-inline-end: 15px; margin-block= -start: 2px; position: absolute; cursor: pointer !important; } devsite-profile-dashboard .column { display: inline-block; width: calc(50% = - 12px); vertical-align: top; } devsite-profile-dashboard .column:last-child { margin-inline-start: 20px; } @media screen and (max-width: 840px) { devsite-profile-dashboard .column { display: block; width: 100%; } devsite-profile-dashboard .column:last-child { margin-inline-start: 0px; = } } devsite-profile-dashboard .devsite-card { box-sizing: border-box; display: = flex; margin-block-end: 23px; min-height: 250px; } @media screen and (max-width: 840px) { devsite-profile-dashboard .devsite-card { padding-block-start: 180px; } } devsite-profile-dashboard .devsite-card .card-content { background: var(--d= evsite-background-1); display: block; -webkit-box-flex: 1; flex-grow: 1; pa= dding-block: 15px; padding-inline: 15px; width: 50%; } @media screen and (max-width: 840px) { devsite-profile-dashboard .devsite-card .card-content { width: 100%; bord= er-top: var(--devsite-primary-border); } } devsite-profile-dashboard .learn-anything { background: url("/web/202301302= 24947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e= 46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/learn-anythin= g-illustration.png") 100% center / auto 100% no-repeat; } @media screen and (max-width: 840px) { devsite-profile-dashboard .learn-anything { background-size: 100%; backgr= ound-position: 0px 0px; } } devsite-profile-dashboard .no-badge-pathway { background: url("/web/2023013= 0224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e= 5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/default-pat= hway-illustration.png") 100% center / auto 100% no-repeat; } @media screen and (max-width: 840px) { devsite-profile-dashboard .no-badge-pathway { background-size: 100%; back= ground-position: 0px 0px; } } @media screen and (max-width: 840px) { devsite-profile-dashboard devsite-activity-list { display: block; margin-= block-start: 30px; } } devsite-profile-dashboard .notifications-announce-card { background: url("/= web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b= 9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/= notifications-illustration.svg"); } devsite-profile-dashboard .notifications-announce-card .card-controls { whi= te-space: nowrap; } devsite-profile-dashboard .complete-profile-card { background: url("/web/20= 230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b= 3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/comple= te-profile-illustration.png"); } devsite-profile-dashboard .make-profile-public { background: url("/web/2023= 0130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f= 27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/public-p= rofile-announcement-illustration.png"); } devsite-profile-dashboard .make-profile-public .card-controls { white-space= : nowrap; } devsite-profile-dashboard .complete-profile-card, devsite-profile-dashboard= .make-profile-public, devsite-profile-dashboard .notifications-announce-ca= rd { background-position: 100% center; background-repeat: no-repeat; backgr= ound-size: auto 100%; -webkit-box-pack: center; justify-content: center; ma= rgin-block-end: 50px; } [dir=3D"rtl"] devsite-profile-dashboard .complete-profile-card, [dir=3D"rtl= "] devsite-profile-dashboard .make-profile-public, [dir=3D"rtl"] devsite-pr= ofile-dashboard .notifications-announce-card { background-position: 0px cen= ter; } devsite-profile-dashboard .complete-profile-card:nth-child(n+2), devsite-pr= ofile-dashboard .make-profile-public:nth-child(n+2), devsite-profile-dashbo= ard .notifications-announce-card:nth-child(n+2) { margin-block-start: -27px= ; } @media screen and (max-width: 840px) { devsite-profile-dashboard .complete-profile-card, devsite-profile-dashboa= rd .make-profile-public, devsite-profile-dashboard .notifications-announce-= card { background-position: center 0px; background-size: auto 74%; margin-b= lock-start: 20px; } } devsite-profile-dashboard .complete-profile-card .card-content, devsite-pro= file-dashboard .make-profile-public .card-content, devsite-profile-dashboar= d .notifications-announce-card .card-content { display: flex; -webkit-box-o= rient: vertical; -webkit-box-direction: normal; flex-direction: column; -we= bkit-box-pack: center; justify-content: center; } devsite-profile-dashboard .complete-profile-card .card-title, devsite-profi= le-dashboard .make-profile-public .card-title, devsite-profile-dashboard .n= otifications-announce-card .card-title { font-family: var(--devsite-headlin= e-font-family); font-size: 30px; line-height: 30px; margin-block-end: 10px;= max-height: 87px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-ori= ent: vertical; display: -webkit-box; } @media screen and (max-width: 840px) { devsite-profile-dashboard .complete-profile-card .card-title, devsite-pro= file-dashboard .make-profile-public .card-title, devsite-profile-dashboard = .notifications-announce-card .card-title { margin-block-start: 10px; } } devsite-profile-dashboard .complete-profile-card .card-text, devsite-profil= e-dashboard .make-profile-public .card-text, devsite-profile-dashboard .not= ifications-announce-card .card-text { margin-block-end: 20px; } @media screen and (max-width: 840px) { devsite-profile-dashboard .complete-profile-card .card-text, devsite-prof= ile-dashboard .make-profile-public .card-text, devsite-profile-dashboard .n= otifications-announce-card .card-text { margin-block-end: 40px; } } @media screen and (max-width: 840px) { devsite-profile-dashboard .event-card:not(.no-badge-pathway):not(.learn-a= nything), devsite-profile-dashboard .learn-card:not(.no-badge-pathway):not(= .learn-anything) { padding-block-start: 208px; } } devsite-profile-dashboard .event-card .badge-icon, devsite-profile-dashboar= d .learn-card .badge-icon { background-image: url("/web/20230130224947im_/h= ttps://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d880= 66cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/badge-background.png");= background-position: 0px 9px; background-repeat: no-repeat; background-siz= e: 100%; box-sizing: content-box; height: 170px; inset-block-start: calc(50= % - 85px); inset-inline-end: calc(25% - 121px); padding-block: 0px; padding= -inline: 36px; position: absolute; width: 170px; z-index: 1; } @media screen and (max-width: 840px) { devsite-profile-dashboard .event-card .badge-icon, devsite-profile-dashbo= ard .learn-card .badge-icon { background-position: 50% center; background-s= ize: 80%; height: 136px; inset-block-start: 37px; inset-inline-end: calc(50= % - 104px); width: 136px; } } devsite-profile-dashboard .event-card .event-image-container, devsite-profi= le-dashboard .learn-card .event-image-container { -webkit-box-align: center= ; align-items: center; border-radius: 100px; border: var(--devsite-primary-= border); display: flex; -webkit-box-orient: horizontal; -webkit-box-directi= on: normal; flex-flow: row; height: 170px; inset-block-start: calc(50% - 85= px); inset-inline-end: calc(25% - 85px); overflow: hidden; padding-block: 2= 0px; padding-inline: 20px; position: absolute; width: 170px; } devsite-profile-dashboard .event-card .card-type, devsite-profile-dashboard= .learn-card .card-type { color: rgb(95, 99, 104); font-size: 12px; font-we= ight: 500; margin-block-end: 20px; text-transform: uppercase; } devsite-profile-dashboard .event-card .card-title, devsite-profile-dashboar= d .learn-card .card-title { color: rgb(26, 115, 232); font-size: 24px; line= -height: 30px; z-index: 3; font-family: var(--devsite-headline-font-family)= ; max-height: 87px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-or= ient: vertical; display: -webkit-box; } devsite-profile-dashboard .event-card .card-title:hover, devsite-profile-da= shboard .learn-card .card-title:hover { color: rgb(23, 78, 166); } devsite-profile-dashboard .event-card .completion-container, devsite-profil= e-dashboard .learn-card .completion-container { font-size: 12px; margin-blo= ck-start: 15px; z-index: 3; } devsite-profile-dashboard .event-card .completion-container .color, devsite= -profile-dashboard .learn-card .completion-container .color { background-co= lor: rgb(252, 173, 112); height: 6px; inset-block-start: 0px; position: abs= olute; } devsite-profile-dashboard .event-card .completion-container .grey, devsite-= profile-dashboard .learn-card .completion-container .grey { background-colo= r: var(--devsite-background-3); border-radius: 5px; height: 6px; margin-blo= ck-end: 4px; overflow: hidden; position: relative; width: 200px; } devsite-profile-dashboard .event-card .card-text, devsite-profile-dashboard= .learn-card .card-text { margin-block-start: 10px; } devsite-profile-dashboard .event-card .button, devsite-profile-dashboard .l= earn-card .button { inset-block-end: 15px; position: absolute; } @media screen and (max-width: 840px) { devsite-profile-dashboard .event-card .button, devsite-profile-dashboard = .learn-card .button { inset-block-end: 0px; margin-block-start: 24px; posit= ion: relative; } } devsite-profile-interests .devsite-profile-interests-container { border: va= r(--devsite-primary-border); border-radius: 8px; margin-top: 40px; } devsite-profile-interests .devsite-profile-interests-header { -webkit-box-a= lign: center; align-items: center; border-bottom: var(--devsite-primary-bor= der); display: flex; padding: 13px 24px 11px; } devsite-profile-interests .devsite-profile-interests-header h3 { font-size:= 18px; line-height: 26px; margin: 0px; } devsite-profile-interests .devsite-profile-interests-header .devsite-profil= e-interests-clear { margin-left: auto; } devsite-profile-interests .devsite-profile-interests-body { padding: 24px; = } devsite-profile-interests .devsite-profile-interests-chips { display: flex;= flex-wrap: wrap; gap: 8px; margin-top: -8px; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip {= -webkit-box-align: center; align-items: center; background: rgb(255, 255, = 255); border: var(--devsite-primary-border); border-radius: 8px; box-shadow= : none; color: var(--devsite-secondary-text-color); cursor: pointer; displa= y: flex; font-family: var(--devsite-headline-font-family); font-size: 14px;= font-weight: 400; line-height: 20px; letter-spacing: 0.25px; margin: 8px 0= px 0px; padding: 6px 16px; text-align: center; transition: background-color= 0.2s, color 0.2s, box-shadow 0.2s, border-color 0.2s; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:a= ctive, devsite-profile-interests .devsite-profile-interests-chips .interest= -chip:focus, devsite-profile-interests .devsite-profile-interests-chips .in= terest-chip:hover { color: var(--devsite-primary-text-color); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:h= over { background: rgba(60, 64, 67, 0.04); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:f= ocus { border: 1px solid rgb(32, 33, 36); background: rgba(60, 64, 67, 0.08= ); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:f= ocus:active { background: rgba(60, 64, 67, 0.06); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip[d= isabled] { opacity: 0.5; pointer-events: none; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected { background: rgb(232, 240, 254); box-shadow: none; b= order-color: transparent; color: rgb(25, 103, 210); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:active, devsite-profile-interests .devsite-profile-in= terests-chips .interest-chip.interest-chip-selected:focus, devsite-profile-= interests .devsite-profile-interests-chips .interest-chip.interest-chip-sel= ected:hover { color: rgb(23, 78, 166); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px= , rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:focus, devsite-profile-interests .devsite-profile-int= erests-chips .interest-chip.interest-chip-selected:hover { background: rgb(= 210, 227, 252); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:focus { box-shadow: none; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:focus:active { background: rgb(174, 203, 250); box-sh= adow: rgba(60, 64, 67, 0.3) 0px 1px 4px, rgba(60, 64, 67, 0.15) 0px 1px 6px= 1px; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected[disabled] { background: rgba(60, 64, 67, 0.08); box-s= hadow: none; color: var(--devsite-primary-text-color); opacity: 0.5; pointe= r-events: none; } devsite-profile-recommendations .devsite-card { background: url("/web/20230= 130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f2= 7e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/recently-= updated-illustration.svg") 100% center / auto 100% no-repeat; } [dir=3D"rtl"] devsite-profile-recommendations .devsite-card { background-po= sition: 0px center; } @media screen and (max-width: 840px) { devsite-profile-recommendations .devsite-card { background-size: 100%; ba= ckground-position: 0px 0px; } devsite-profile-recommendations .devsite-card .card-type { margin-block-e= nd: 16px; } devsite-profile-recommendations .devsite-card .card-timestamp { margin-bl= ock-end: 16px; } } devsite-profile-recommendations .devsite-card .card-content { display: flex= ; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directi= on: column; } devsite-profile-recommendations .devsite-card .card-content devsite-spinner= { align-self: center; margin-block: auto; } devsite-profile-recommendations .devsite-card .card-title { -webkit-box-ori= ent: vertical; -webkit-line-clamp: 2; color: var(--devsite-link-color); cur= sor: pointer; display: -webkit-box; font-family: var(--devsite-headline-fon= t-family); font-size: 24px; line-height: 32px; margin-block-end: 8px; max-h= eight: 64px; overflow-wrap: break-word; overflow: hidden; text-overflow: el= lipsis; } devsite-profile-recommendations .devsite-card .card-title:hover { color: rg= b(23, 78, 166); } devsite-profile-recommendations .devsite-card .card-type { -webkit-box-alig= n: center; align-items: center; color: rgb(95, 99, 104); display: flex; fon= t-size: 12px; font-weight: 500; line-height: 14px; margin-block-end: 24px; = text-transform: uppercase; } devsite-profile-recommendations .devsite-card .card-type .material-icons { = font-size: 16px; cursor: pointer; margin-inline-start: 4px; } devsite-profile-recommendations .devsite-card .card-description { color: rg= b(60, 64, 67); font-size: 14px; line-height: 24px; margin-block-end: 2px; m= argin-inline-end: 8px; overflow: hidden; text-overflow: ellipsis; white-spa= ce: nowrap; } devsite-profile-recommendations .devsite-card .card-timestamp { color: rgb(= 60, 64, 67); font-size: 12px; line-height: 20px; margin-block-end: 24px; } devsite-profile-recommendations .devsite-card .card-controls { -webkit-box-= align: center; align-items: center; display: flex; flex-wrap: wrap; gap: 12= px; margin-block-start: auto; } devsite-profile-recommendations .devsite-card .view-button { flex-shrink: 0= ; margin-inline-end: 4px; } devsite-profile-recommendations .devsite-card .carousel-buttons { -webkit-b= ox-align: center; align-items: center; display: inline-flex; flex-shrink: 0= ; } devsite-profile-recommendations .devsite-card .carousel-button { -webkit-bo= x-align: center; align-items: center; border-radius: 32px; border: var(--de= vsite-primary-border); display: inline-flex; height: 32px; -webkit-box-pack= : center; justify-content: center; min-height: 32px; min-width: 32px; paddi= ng-block: 0px; padding-inline: 0px; width: 32px; } devsite-profile-recommendations .devsite-card .carousel-button .left-arrow,= devsite-profile-recommendations .devsite-card .carousel-button .right-arro= w { display: none; } devsite-profile-recommendations .devsite-card .carousel-button .material_ic= ons, devsite-profile-recommendations .devsite-card .carousel-button svg { f= ill: rgb(95, 99, 104); color: rgb(95, 99, 104); } devsite-profile-recommendations .devsite-card .carousel-button:hover { bord= er: var(--devsite-button-border-hover); } devsite-profile-recommendations .devsite-card .carousel-button:hover svg { = fill: var(--devsite-link-color); } devsite-profile-recommendations .devsite-card .carousel-button[disabled] { = opacity: 0.5; pointer-events: none; } devsite-profile-recommendations .devsite-card .carousel-button-prev { margi= n-inline: auto 8px; } [dir=3D"ltr"] devsite-profile-recommendations .devsite-card .carousel-butto= n-prev .left-arrow { display: inline-block; } [dir=3D"rtl"] devsite-profile-recommendations .devsite-card .carousel-butto= n-prev .right-arrow { display: inline-block; } devsite-profile-recommendations .devsite-card .carousel-button-prev .materi= al-icons, devsite-profile-recommendations .devsite-card .carousel-button-pr= ev svg { margin-inline-end: 2px; } devsite-profile-recommendations .devsite-card .carousel-button-next { margi= n-inline: 8px; } [dir=3D"ltr"] devsite-profile-recommendations .devsite-card .carousel-butto= n-next .right-arrow { display: inline-block; } [dir=3D"rtl"] devsite-profile-recommendations .devsite-card .carousel-butto= n-next .left-arrow { display: inline-block; } devsite-profile-recommendations .devsite-card .carousel-button-next .materi= al-icons, devsite-profile-recommendations .devsite-card .carousel-button-ne= xt svg { margin-inline-start: 2px; } devsite-profile-recommendations .devsite-card .carousel-dot { background-co= lor: rgb(232, 234, 237); border-radius: 8px; flex-shrink: 0; height: 8px; m= argin-block: 0px; margin-inline: 8px; transition: background-color 0.2s; wi= dth: 8px; } devsite-profile-recommendations .devsite-card .carousel-dot[active] { backg= round-color: rgb(26, 115, 232); } devsite-profile-wizard { display: flex; -webkit-box-orient: vertical; -webk= it-box-direction: normal; flex-direction: column; -webkit-box-align: center= ; align-items: center; width: 100%; padding: 104px 24px; max-width: 709px; = margin: 0px auto; } .devsite-profile-wizard-new-profile { width: 100%; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step-counter { = width: 220px; font-size: 12px; color: rgb(60, 64, 67); line-height: 16px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step-counter .d= evsite-profile-wizard-step-counter--bar { margin-top: 8px; background: rgb(= 232, 234, 237); height: 8px; border-radius: 4px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step-counter .d= evsite-profile-wizard-step-counter--bar .devsite-profile-wizard-step-counte= r--progress { height: 8px; width: 0px; transition: 0.15s ease-in; border-ra= dius: 4px; background: linear-gradient(90deg, rgb(52, 168, 83), rgb(129, 20= 1, 149)); } devsite-profile-wizard.submitting .devsite-profile-wizard-step--controls, d= evsite-profile-wizard.submitting .devsite-profile-wizard-step-counter { dis= play: none; } .devsite-profile-wizard-new-profile h2 { font-size: 36px; color: rgb(32, 33= , 36); line-height: 44px; margin: 40px 0px 14px; } .devsite-profile-wizard-new-profile p { font-size: 16px; color: rgb(60, 64,= 67); line-height: 24px; margin: 0px 0px 36px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-form { display:= grid; grid-template-columns: 1fr 1fr; gap: 24px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-help-text { dis= play: block; font-size: 12px; color: rgb(95, 99, 104); line-height: 16px; m= argin: 4px 16px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-location-empty-= location, .devsite-profile-wizard-new-profile .devsite-profile-wizard-locat= ion-warning { color: rgb(217, 48, 37); } .devsite-profile-wizard-new-profile .devsite-profile-wizard-language-notice= { display: flex; margin-top: 24px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-language-notice= i { color: rgb(60, 64, 67); font-size: 16px; margin: 2px 8px 0px 0px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-language-notice= p { font-size: 14px; color: rgb(60, 64, 67); line-height: 20px; margin: 0p= x; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step { display:= none; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step.active { d= isplay: block; } .devsite-profile-wizard-step--controls { display: flex; -webkit-box-pack: e= nd; justify-content: flex-end; -webkit-box-align: center; align-items: cent= er; margin-top: 34px; } .devsite-profile-wizard-step--controls button { display: none; } .devsite-profile-wizard-step--controls button.visible { display: inline-fle= x; } .devsite-profile-wizard-step--controls .devsite-profile-wizard-previous-ste= p { margin-right: auto; } .devsite-profile-wizard-step-container { border: 1px solid rgb(218, 220, 22= 4); border-radius: 8px; padding: 24px; margin: 40px 0px 16px; --devsite-h3-= margin: 0 0 16px; } .devsite-profile-wizard-step-container h3 { font-size: 18px; line-height: 2= 6px; } .devsite-profile-wizard-newsletter-option { display: flex; } .devsite-profile-wizard-newsletter-option h4 { margin: 0px; font-size: 16px= ; font-weight: 400; color: rgb(60, 64, 67); line-height: 24px; } .devsite-profile-wizard-newsletter-option p { margin: 0px; font-size: 14px;= color: rgb(60, 64, 67); line-height: 20px; } .devsite-profile-wizard-newsletter-option .devsite-profile-wizard-newslette= r-option-text { -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 1; } .devsite-profile-wizard-newsletter-option .devsite-profile-wizard-newslette= r-option-input { max-width: 132px; margin-left: 24px; -webkit-box-flex: 0; = flex-grow: 0; flex-shrink: 0; padding-top: 6px; } p.devsite-profile-wizard-terms { color: var(--devsite-secondary-text-color)= ; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant= -numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-vari= ant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; line-h= eight: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-ker= ning: ; font-feature-settings: ; font-variation-settings: ; font-language-o= verride: ; font-size: 14px; } .profile-wizard--error { display: flex; width: 100%; } .profile-wizard--error .profile-wizard--error-cell { -webkit-box-align: cen= ter; align-items: center; display: flex; flex-basis: calc(50% - 18px); -web= kit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: co= lumn; -webkit-box-pack: center; justify-content: center; min-height: 180px;= } .profile-wizard--error h2 { margin: 0px; padding: 0px; } .profile-wizard--error .profile-wizard--error-img { background-image: url("= /web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6= b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images= /profile_not_found.svg"); background-position: 50% center; background-repea= t: no-repeat; height: 100%; width: 100%; } .profile-wizard--error .profile-wizard-signed-in-as-btn { margin-top: 24px;= } @media screen and (max-width: 600px) { devsite-profile-wizard { padding: 0px 24px 24px; } devsite-profile-wizard .devsite-profile-wizard-new-profile .devsite-profi= le-wizard-form { grid-template-columns: 1fr; } } devsite-profile-router { display: block; min-height: 50vh; margin: 0px auto= ; } devsite-profile-router .devsite-profile-router--loading, devsite-profile-ro= uter .devsite-profile-router-signin { padding: 96px 0px; display: flex; -we= bkit-box-align: center; align-items: center; -webkit-box-pack: center; just= ify-content: center; } devsite-profile-router > .devsite-collection-details, devsite-profile-route= r > .devsite-title-container, devsite-profile-router > .my-community-contai= ner, devsite-profile-router > devsite-activity-list, devsite-profile-router= > devsite-collection-list, devsite-profile-router > devsite-profile-dashbo= ard { margin: 0px auto; max-width: 1600px; padding-block: 48px; padding-inl= ine: 24px; } devsite-profile-router > .my-community-container::before { content: ""; pos= ition: absolute; top: 0px; right: 0px; width: 100%; height: 74px; backgroun= d: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/= vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developer= s/images/my_community_header.svg") 100% 0px / auto 74px no-repeat; z-index:= -1; } [dir=3D"rtl"] devsite-profile-router > .my-community-container::before { tr= ansform: scaleX(-1); } [appearance=3D"dark"] devsite-profile-router > .my-community-container::bef= ore { background-image: url("/web/20230130224947im_/https://www.gstatic.com= /devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c2= 7dbcd2bcca1/developers/images/my_community_header_dark.svg"); } @media (prefers-color-scheme: dark) { [appearance=3D"device"] devsite-profile-router > .my-community-container:= :before { background-image: url("/web/20230130224947im_/https://www.gstatic= .com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c= 45c27dbcd2bcca1/developers/images/my_community_header_dark.svg"); } } devsite-profile-router > .my-community-container { padding: 40px; } devsite-profile-router > .my-community-container h1:first-of-type { display= : block; margin-top: 8px; } devsite-profile-router devsite-my-community { margin-block-start: 32px; dis= play: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; fl= ex-direction: column; margin: 32px auto 0px; max-width: 708px; } devsite-profile-router:not([collections-enabled=3D"true"]) > devsite-activi= ty-list { padding-top: 40px; width: 100%; background: url("/web/20230130224= 947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46= b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/saved_pages_hea= der.svg") 270px 0px / auto 72px no-repeat; } devsite-profile-router > devsite-collection-list { padding-block: 40px; } devsite-profile-router > .devsite-collection-details { padding-block-end: 0= px; } .devsite-collection-details > devsite-collection { max-width: 640px; } devsite-profile-router > .devsite-title-container { padding-block-end: 0px;= } .devsite-title-container > .devsite-breadcrumbs { font: 400 18px/30px var(-= -devsite-headline-font-family); max-width: 100%; overflow: hidden; text-ove= rflow: ellipsis; white-space: nowrap; width: 388px; } .devsite-breadcrumbs devsite-collection { display: inline; } .devsite-breadcrumbs .devsite-breadcrumb-separator { vertical-align: middle= ; } .devsite-breadcrumbs .devsite-breadcrumb { color: var(--devsite-secondary-t= ext-color); } .devsite-breadcrumbs .devsite-breadcrumb-last { color: var(--devsite-primar= y-text-color); } devsite-profile-router > devsite-collection-list { padding-block: 0px 16px;= width: 100%; } devsite-profile-router > .devsite-title-container, devsite-profile-router >= devsite-activity-list:not([onlypages]) { background: url("/web/20230130224= 947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46= b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/saved_pages_hea= der.svg") 270px 0px / auto 72px no-repeat; } devsite-profile-router .page-title { -webkit-box-align: center; align-items= : center; display: flex; margin-bottom: 10px; } devsite-profile-router > devsite-activity-list:not([onlypages]) { backgroun= d: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/= vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developer= s/images/saved_pages_header.svg") 270px 0px / auto 72px no-repeat; } devsite-profile-router > devsite-activity-list { padding-block-start: 24px;= width: 100%; } devsite-profile-router .devsite-profiles-feedback { margin: 24px auto; disp= lay: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack= : center; justify-content: center; } devsite-profile-router .devsite-profiles-feedback button { display: flex; -= webkit-box-align: center; align-items: center; -webkit-box-pack: center; ju= stify-content: center; color: var(--devsite-secondary-text-color); font-wei= ght: 400; border: 0px; } devsite-profile-router .devsite-profiles-feedback button:is(:focus, :hover,= :active) { box-shadow: none; background: 0px center; } devsite-profile-router .devsite-profiles-feedback button .material-icons { = top: auto; } @media screen and (max-width: 600px) { devsite-profile-router > .my-community-container::before { background-pos= ition: -507px 0px; } devsite-profile-router > .my-community-container { padding: 86px 16px 40p= x; } } @media screen and (max-width: 840px) { devsite-profile-router > devsite-profile-dashboard { padding-top: 0px; } devsite-profile-router > devsite-activity-list { background-position: -16= 0px 0px; padding-top: 84px; } } devsite-profiles-splash { display: block; margin-bottom: 94px; min-height: = 50vh; } devsite-profiles-splash .devsite-profiles-splash--loading { padding: 96px 0= px; display: flex; -webkit-box-align: center; align-items: center; -webkit-= box-pack: center; justify-content: center; } devsite-profiles-splash .devsite-profiles-splash--banner { background: rgb(= 232, 240, 254); box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-= color),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color); padding= : 14px 40px; } devsite-profiles-splash .devsite-profiles-splash--banner div { display: fle= x; -webkit-box-align: center; align-items: center; -webkit-box-pack: center= ; justify-content: center; color: rgb(60, 64, 67); } devsite-profiles-splash .devsite-profiles-splash--banner i { color: rgb(26,= 115, 232); margin: 0px 10px; } devsite-profiles-splash .devsite-profiles-splash--banner .button { margin: = 0px 48px; flex-shrink: 0; } devsite-profiles-splash .devsite-profiles-splash--container { background: u= rl("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/prod/vf83= 5aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/im= ages/profile-404-header.svg") center top no-repeat; padding: 144px 0px; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content { display: flex; -webkit-box-align: center; align-items:= center; -webkit-box-pack: center; justify-content: center; max-width: 896p= x; padding: 0px 24px; margin: 0px auto; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--graphic, devsite-profiles-spla= sh .devsite-profiles-splash--container .devsite-profiles-splash--content .d= evsite-profiles-splash--text { -webkit-box-flex: 1; flex-grow: 1; width: 50= %; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--text { margin-right: 30px; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--text h2 { margin: 0px; padding= : 0px; font-size: 36px; line-height: 44px; color: rgb(32, 33, 36); } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--text p { margin: 0px; padding:= 16px 0px; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--graphic { margin-left: 30px; h= eight: 300px; background: url("/web/20230130224947im_/https://www.gstatic.c= om/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45= c27dbcd2bcca1/developers/images/profile_not_found.svg") 50% center no-repea= t; } devsite-profiles-splash .dotdev__home__intro { background: url("/web/202301= 30224947im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27= e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/background= -illustration.svg") center top / 100% no-repeat; padding-top: 60px; text-al= ign: center; padding-bottom: calc(-115px + 16vw); margin-bottom: 32px; } devsite-profiles-splash .dotdev__home__box__container { display: flex; just= ify-content: space-around; margin: 0px 12px; } devsite-profiles-splash .dotdev__home__box { -webkit-box-flex: 1; flex-grow= : 1; margin: 0px 12px; flex-basis: 33%; } devsite-profiles-splash .dotdev__home__box h4 { margin: 24px 0px 8px; font:= 400 24px/32px var(--devsite-headline-font-family); } devsite-profiles-splash .dotdev__home__box .dotdev__home__img { height: 15v= w; border: 1px solid rgb(218, 220, 224); } devsite-profiles-splash .dotdev__home__box .dotdev__home__box1_img { backgr= ound: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/pr= od/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develo= pers/images/box1-illustration.svg") center top / cover no-repeat; } devsite-profiles-splash .dotdev__home__box .dotdev__home__box2_img { backgr= ound: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/pr= od/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develo= pers/images/box2-illustration.svg") center top / cover no-repeat; } devsite-profiles-splash .dotdev__home__box .dotdev__home__box3_img { backgr= ound: url("/web/20230130224947im_/https://www.gstatic.com/devrel-devsite/pr= od/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develo= pers/images/box3-illustration.svg") center top / cover no-repeat; } devsite-profiles-splash .dotdev__home__intro h3:first-of-type { font-family= : "Google Sans"; font-size: 36px; line-height: 44px; margin: 5vw 0px 0px; } devsite-profiles-splash .dotdev__home__intro p { margin: 12px 0px; } devsite-profiles-splash .dotdev__home__actions { margin-top: 20px; } @media only screen and (max-width: 768px) { devsite-profiles-splash .dotdev__home__intro { background-size: 200vw; } devsite-profiles-splash .dotdev__home__box__container { -webkit-box-orien= t: vertical; -webkit-box-direction: normal; flex-direction: column; margin-= top: 60px; } devsite-profiles-splash .dotdev__home__box { width: 100%; margin: 0px 0px= 30px; flex-basis: 100%; } devsite-profiles-splash .dotdev__home__box .dotdev__home__img { height: 4= 5vw; } devsite-profiles-splash .devsite-article-body { background-size: 400vw; m= argin: 0px; } devsite-profiles-splash .dotdev__home .devsite-landing-row-inner { paddin= g: 0px 30px; } devsite-profiles-splash .dotdev__home__intro h3 { margin-top: 70px; } } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319cs_/https://fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block @charset "utf-8"; @font-face { font-family: "Material Icons"; font-style: normal; font-weight= : 400; font-display: block; src: url("https://web.archive.org/web/202301302= 25442im_/https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg= -IuiaDsNZ.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 100; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 200; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 300; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 400; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 500; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOem.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 600; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } @font-face { font-family: "Material Symbols Outlined"; font-style: normal; = font-weight: 700; font-display: block; src: url("https://web.archive.org/we= b/20230130225442im_/https://fonts.gstatic.com/s/materialsymbolsoutlined/v76= /kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvR= NU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-em.ttf") format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-= style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; tex= t-transform: none; display: inline-block; white-space: nowrap; overflow-wra= p: normal; direction: ltr; } .material-symbols-outlined { font-family: "Material Symbols Outlined"; font= -weight: normal; font-style: normal; font-size: 24px; line-height: 1; lette= r-spacing: normal; text-transform: none; display: inline-block; white-space= : nowrap; overflow-wrap: normal; direction: ltr; } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130225319cs_/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap @charset "utf-8"; @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013022544= 0im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJllpyw.ttf") format("truetype= "); } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013022544= 0im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJllpyw.ttf") format("truetype= "); } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230130225440im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzc.ttf") format("= truetype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230130225440im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsE.ttf") form= at("truetype"); } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230130225440im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsE.ttf") form= at("truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230130225440im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf") format("tru= etype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230130225440im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc9.ttf") format(= "truetype"); } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230130225440im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf") format(= "truetype"); } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013022544= 0im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_ROW9.ttf") format("truetype"); } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013022544= 0im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_ROW9.ttf") format("truetype"); } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013022544= 0im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_ROW9.ttf") format("truetype"); } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-de250630-2c61-4ef2-a9ce-183bc8cebd24@mhtml.blink @charset "utf-8"; .devsite-banner-announcement { background: rgb(225, 243, 252); color: rgb(2= , 82, 126); font-size: 16px; font-weight: 500; } .devsite-banner-announcement a { color: rgb(2, 82, 126); font-weight: 700; = } .devsite-banner-announcement a:link:not(.button), .devsite-banner-announcem= ent a:visited:not(.button) { background: 0px center; } .devsite-banner-announcement a:hover, .devsite-banner-announcement a:focus = { text-decoration: none; } .devsite-banner-announcement .devsite-banner-message-text { margin: 0px aut= o; } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/web/20230130225319im_/https://developers.google.com/site-assets/images/home/community-graphic.png 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 RK5CYII= ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/web/20230130225319im_/https://developers.google.com/site-assets/images/home/events-graphic.png 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 QmCC ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-bafecfd4-4ab4-4ce6-b650-d9897c0689b2@mhtml.blink @charset "utf-8"; .dgc-hero-promo-full-bleed, .dgc-hero-promo-full-bleed-black-text { padding= : 0px; } .dgc-hero-promo-full-bleed-black-text .devsite-landing-row-item-description= -content { color: black; } .dgc-hero-promo-full-bleed .devsite-landing-row-inner, .dgc-hero-promo-full= -bleed-black-text .devsite-landing-row-inner { padding: 0px 2.5rem; } .dgc-hero-promo-full-bleed-black-text a { color: black !important; } .dgc-hero-promo-full-bleed img, .dgc-hero-promo-full-bleed-black-text img {= border-radius: 0.6rem; } .dgc-hero-promo-full-bleed .dgc-hero-promo-full-bleed-button { background-c= olor: transparent !important; border: 1px solid var(--tenant-inverted-text-= color, white) !important; color: var(--tenant-inverted-text-color, white) != important; } .dgc-hero-promo-full-bleed-black-text .dgc-hero-promo-full-bleed-button { b= ackground-color: transparent !important; border: 1px solid var(--tenant-pri= mary-text-color, black) !important; color: var(--tenant-primary-text-color,= black) !important; } .dgc-hero-promo-full-bleed-button:hover, .dgc-hero-promo-full-bleed-button:= focus { background-color: rgba(0, 0, 0, 0.15) !important; } @media screen and (max-width: 870px) { .dgc-hero-promo-full-bleed, .dgc-hero-promo-full-bleed-black-text { paddi= ng: 24px 0px; } } @media screen and (max-width: 600px) { .dgc-hero-promo-full-bleed, .dgc-hero-promo-full-bleed-black-text { paddi= ng: 1px 0px 36px; } } .dgc-hero-promo-animated figure { border-radius: 0.6rem; background-image: = url("/web/20230130225319im_/https://developers.google.com/homepage-assets/i= mages/build-anything-with-google.png") !important; background-size: contain= !important; } .dgc-hero-promo-animated img { animation: 4s ease 0s 1 normal none running = heroPromo; } @keyframes heroPromo {=20 0%, 50% { opacity: 0; } 100% { opacity: 1; } } .dgc-hero-offset-inner > div:first-child { margin-inline-start: -10vw; min-= width: 50vw; width: 880px; } .dgc-hero-offset-inner > div:last-child { background-color: var(--tenant-ba= ckground-1); border-radius: 8px; box-shadow: grey 0px 0px 30px -10px; paddi= ng: 32px; z-index: 1; } .dgc-hero-offset > div { padding: 0px 48px; } .dgc-hero-offset img { border-radius: 8px; height: 400px; object-fit: cover= ; } @media screen and (max-width: 1310px) { .dgc-hero-offset-inner > div:first-child { margin-inline-start: -14vw; wi= dth: 78vw; } .dgc-hero-offset-inner > div:last-child { width: 40vw; } .dgc-hero-offset-inner h3 a { display: inline-block; font-size: 24px; lin= e-height: 28px; } } @media screen and (max-width: 840px) { .dgc-hero-offset > div { padding: 0px; } .dgc-hero-offset-inner { display: flex !important; } .dgc-hero-offset-inner > div:first-child { margin-inline-start: 0px; widt= h: 100% !important; } .dgc-hero-offset img { border-radius: 0px; height: 50vh; } .dgc-hero-offset-inner > div:last-child { width: calc(100% - 64px); margi= n-top: -144px !important; padding: 32px !important; } } .dgc-hero-fullscreen { --dgc-hero-grid: '. . . .' 2fr '. heading . .' '. item . .' '. . . .' 1fr / 80px 8fr 10fr 80px; --dgc-hero-heading-font-size: 58px;= --dgc-hero-heading-line-height: 64px; --dgc-hero-margin: 0 calc(-50vw + 50= %); } .dgc-hero-fullscreen .devsite-banner-announcement { display: none; } @media screen and (max-width: 1000px) { .dgc-hero-fullscreen { --dgc-hero-grid: '. .' 4fr 'heading .' 'item .' '. .' 1fr / 2fr 1fr; --dgc-hero-margin: 0; } } @media screen and (max-width: 600px) { .dgc-hero-fullscreen { --dgc-hero-grid: '.' 5fr 'heading' 'item' '.' 1fr / 1fr; --dgc-hero-heading-font-size: 36px; --dgc-hero-heading= -line-height: 40px; } } .dgc-hero-fullscreen .devsite-wrapper { overflow: unset !important; } .dgc-hero-fullscreen-row { overflow: hidden; padding: 0px; position: relati= ve; z-index: 1; background: transparent !important; } .dgc-hero-fullscreen-row::after, .dgc-hero-fullscreen-row .devsite-landing-= row-html { height: calc(-48px + 100vh); } .dgc-hero-fullscreen-row::after { background: url("/web/20230130225319im_/h= ttps://developers.google.com/homepage-assets/images/io-promo.svg") 55% top = / cover; content: ""; position: absolute; top: 0px; width: 100vw; } .dgc-hero-fullscreen-row .devsite-landing-row-html { display: grid; grid: v= ar(--dgc-hero-grid); margin: var(--dgc-hero-margin); } .dgc-hero-fullscreen-row h2, .dgc-hero-fullscreen-item { z-index: 1; } .dgc-hero-fullscreen-row h2 { color: white; font-size: var(--dgc-hero-headi= ng-font-size); grid-area: heading; line-height: var(--dgc-hero-heading-line= -height); } .dgc-hero-fullscreen-item { background: var(--tenant-background-1); border:= var(--tenant-primary-border); border-radius: 8px; grid-area: item; padding= : 16px; } .dgc-hero-fullscreen-row + .dgc-logo-garden { bottom: -30vh; position: stic= ky; } .dgc-hero + .devsite-landing-row:not(.dgc-recs) { border-top: 2px solid rgb= (241, 243, 244); } .dgc-hero img { aspect-ratio: 720 / 416; } .dgc-hero .devsite-landing-row-item .devsite-landing-row-item-body h3 { fon= t-size: 32px; line-height: 40px; } .dgc-hero .devsite-landing-row-item-image { margin: 40px auto; } .dgc-hero .devsite-landing-row-item-buttons { padding-top: 38px; } .dgc-recs-fallback { padding-top: 46px; } .dgc-recs-carousel { padding-bottom: 16px; } @media screen and (max-width: 600px) { .dgc-recs-carousel { padding: 16px 26px; } } .dgc-recs-fallback h2 { display: flex; font-size: 16px; line-height: 24px; = margin-block: 0px 24px; } .dgc-recs-fallback[header-position=3D"top"] .devsite-landing-row-header + .= devsite-landing-row-group { margin: 0px; } .dgc-recs-fallback .devsite-landing-row-item-no-media h3 { font-size: 20px;= line-height: 28px; } .dgc-recs-fallback .devsite-landing-row-item-icon-container[size], .dgc-rec= s-fallback [size] .devsite-landing-row-item-icon { height: 32px; width: 32p= x; } .dgc-logo-garden .devsite-landing-row-item-custom-image-icon { width: 64px;= } .dgc-logo-garden-cta { padding-bottom: 100px; } @media screen and (max-width: 600px) { .dgc-hero-fullscreen-row + .dgc-logo-garden { bottom: -70vh; } .dgc-logo-garden-cta { margin-top: 40px; } } .dgc-programs.devsite-landing-row-item { overflow: visible; } .dgc-programs .devsite-landing-row-item-image { position: relative; } .dgc-programs .devsite-landing-row-item-image::before { background: center = center / contain no-repeat; content: ""; display: block; height: 160px; pos= ition: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: = 160px; } .dgc-programs--events .devsite-landing-row-item-image::before { background-= image: url("/web/20230130225319im_/https://developers.google.com/site-asset= s/images/home/events-graphic.png"); } .dgc-programs--community .devsite-landing-row-item-image::before { backgrou= nd-image: url("/web/20230130225319im_/https://developers.google.com/site-as= sets/images/home/community-graphic.png"); } @media screen and (max-width: 840px) { .dgc-programs .devsite-landing-row-item-media { overflow: visible !import= ant; } } .devsite-directory__wrapper { padding: 0px 12px; } .devsite-directory__content { display: grid; gap: 24px; grid-template-colum= ns: repeat(var(--directory-columns, 4), 1fr); } .devsite-directory__content__item { background-color: rgb(255, 255, 255); m= argin: 0px; padding: 0px; } .experts-row { overflow: hidden; } .experts-directory__item__profile { padding: 20px 20px 0px; text-align: cen= ter; } .experts-directory__item__profile-pic-holder { background-size: cover; bord= er-radius: 50%; display: block; height: 100px; margin: 0px auto 20px; overf= low: hidden; position: relative; width: 100px; } .experts-directory__item__name { margin: 0px; } .experts-directory__item__name h3 { font-size: 12px; font-style: normal; fo= nt-weight: 500; padding-top: 15px; text-align: center; } .experts-directory__item__location, .experts-directory__item__experience { = margin-top: 0px; } .experts-directory__item__expertise { color: gray; } .experts-directory__item__view-profile { margin: auto auto 16px; } @media screen and (max-width: 1000px) { .devsite-directory__content { --directory-columns: 2; } } @media screen and (max-width: 500px) { .devsite-directory__content { --directory-columns: 1; } } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-a0f9b5d4-734f-490f-bac9-ec391ce0418c@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20190826132116/https://accounts.google.com/o/oauth2/postmessageRelay?parent=https%3A%2F%2Fweb.archive.org&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.ja.uQzJwfe92tg.O%2Fam%3DwQE%2Fd%3D1%2Frs%3DAGLTcCPxWNxboFRiXQNj_4ftRhMeese8uQ%2Fm%3D__features__#rpctoken=351225912&forcesecure=1 <= meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D1, = minimum-scale=3D1, maximum-scale=3D1, user-scalable=3D0"> ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230131013150if_/https://developers-dot-devsite-v2-prod.appspot.com/root_7cf188d65b4b79fd6a11af1f8db957b5692e99134c002f6102ee852a65a656cc.frame Google Developers =20 =20 =20 =20 =20 =20 =20 =20 =20

Rivu Chakraborty

Bengaluru, Karnataka India

Expertise:
Kotl= in

View Profile
=20

Daniel King

Brisbane Australia

Expertise:
Goog= le Cloud Platform

View Profile
=20

Ralf Wondratschek

Danville, CA United States

Expertise:
Andr= oid

View Profile
=20

Tamas Piros

Singapore Singapore

Expertise:
Web = Technologies

View Profile
=20 =20 ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/jpeg Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/web/20230304175119/https://lh5.googleusercontent.com/-JtISNw25LWM/AAAAAAAAAAI/AAAAAAAA9lE/Q4yIWPp4z-w/s172-c/photo.jpg /9j/4AAQSkZJRgABAQAAAQABAAD/4QAqRXhpZgAASUkqAAgAAAABADEBAgAHAAAAGgAAAAAAAABH b29nbGUAAP/bAIQAAwICDQoNCgoNCgoKCg0KCAsKCgoICgoKCA0KCgoKCggICAgICggKCAoICggK DQoICAgKCgoICAsNCggNCAoKCAEDBAQGBQYKBgYKEA4LDhAQEA8QEA8PDxAQEA8QEBAPDw8NDw8N DQ0NEBAPDw0NDw4NDw8PDw8PDw8NDQ8NDQ0N/8AAEQgArACsAwERAAIRAQMRAf/EAB4AAAEEAwEB AQAAAAAAAAAAAAYEBQcIAgMJAQAK/8QARxAAAgECBAMFBQUFBQcDBQAAAQIDBBEABRIhBhMxByJB UWEIFDJxgSORobHwM0JSYsEJFdHh8RYkNENyc5KCsuIXGFRjwv/EABwBAAEFAQEBAAAAAAAAAAAA AAUBAgMEBgcACP/EAEMRAAEDAgMDCwMCAwUHBQAAAAEAAgMEERIhMQVBUQYTImFxgZGhsdHwFDLB M+EjQlIHcpKi8RUWJGKCwtI0Q0Sj4//aAAwDAQACEQMRAD8Ar6a/AXChdl8K7CYV6y998GG4Utl4 avCWTgFianHrJVjz8LZLZfCowll6yxM+PWXrLBp8esvWSavzRUBZmVF/iZgoH1YgYcGk5BKAm+h4 hjkGpJEcXIuGB3Hh8+nzBB8cOLCNU6xSvm4bZIvGbCry2QQ3wiW61T1qRlVZ1VmNlBNtR8h4ff47 Y9YkZL2acmhwxKk00mHheXtHkTy/CCfkCfyxJzgbqkumiu4LcH7ZWXxVGUrdT8LEGxINj6dRY2xK JQftXrpVwzk6mQoFAGnYWFtvIYna5OBR5BwWP4R92JAV66Vz5MBYEdAB0wlkmJRUc5GK2FQ2Ws58 PPHsKWywbiIeeEwpbLW3FAwuBLZYf7VYTAlDV8OJz5fjhMCdhWNVxZoGpiqjzZrD5b239BvhAy+i SyE8y7aQDpjRpWJAWwIDEmwC7F2JPQBN9rHEzacnVSCNEGWcK19Zl9Tmsc8KQwllaGIrzV0WMhne VgIrRd+MKzvObIqXZbziFgTSWtcGlJM3zvL+bk01LHU1NSk9JNWQhJ5ndVWmkko9VU7LPULUJWWa np4KdopEUhyhdnuIY0k2AG/QfspY4pJCY2i5OQA1JOlgM+5HOf8AaJDNmNVXVFHmlNSy5ZU0atNl 6VPuUk0bQe8GF2gRqWGJ3ks80kokFwSNISjHWwSANjlY48A8G/gUQfsusp2fxIXgDeWOHqFGUfAC Jl09fT1jzSQ5gY2RKqKEpRd2OKrnoJHNUr1FU8Qj5fOSNebzAe62LhILsJG5Uu1N2c8Q1uXvHFUo od4aeoWNzHzOXPGJIi/JYmN2jIYxzKJUuNSrcXYYmO0TcDSjngntThnIRjypDYBXIAYm2ySfCSSb AHSxPQHFOSFzcxmonMIW7jfLDFVQSlSyFJRH0tzQjaEN7AFmsBfqWHlhYiHNITRomrgftaZzyqhQ jFiEkAsvlolBsFe5sG7oJ2KrsWWWC2bFIW8FO3CXAiyEM7DzC6hcjrc+Nrb7fhgVJMRooSmPjft+ WEikoIjPO7cuNoYua0shOkRUcIVjM99jKyvGGsqpUnUqTwUT5elJ4JwaAMTjYKUuJPY4zCiy2TNa 2oMlW0sLTUYPNFDDJde9UXZpJlleIOqHkRIXCErGDg6+ja2O7dR8/dUBVB77NHR4/N27ioEyPM+V NE56atLfJtt/rbFVoV0FWbhyLYEC9xtbF+Nl1A561ycOA4s80q3OKj/vBwLRGy+D4RKshhF5ZjHk 4LNBjyVZ5jWiJHkO4UXt5kkBV+rED06+GEAubJQobzTMnlYu5JP4L/Ko6Aeg/E74uAAaKRSb7OPa /FlU008lLznMEopp00+8UM+hxFNBzSYCjs2iUSRuwWzIboUlcopY+cFr/ugrjbjiSrkmkKxwJLKJ mpqZWipUkC6OZHT62VW06u9u3ffcBrY8pALCyln2NIQKwuiiatEU60tI05gWqWSmqVqiJxR1NpYo QrxppQyMSAWsVIzajGSUczJL4S0g4Rd1t9hvPBFdlSSRV1PJDhxh4LcZs2+7EbizeOYVucnzXMY5 p+fl5lptJ5cK12VKvf76pTzyZXQ1uqADlE1MrB7kNzLh8YB9PyefTiIuYw2AxFpY/QZ3LQMXHgV0 MScqIag1DWveMTiWh4fHY3ywCQnDn0QM8gue3aTRLHWVqx2WNK2sWLQNIRUncJo020gKFtptawt0 x0uEYY2jFfIZ3vfLUnffVcwlcXPc4ttcnICwHUBuA0spt7IfaApCM2ObUZzGetiLNVNIVkmenEb0 9ARDGDTpNPEmqsgIkSygrYa1RwdlhUFlXqKh89/16/1w+6cp77IM099ily+c6mEZkgkbdgFsCCT1 MbMliTdkZl/cuRdQOacJW96rvFukEKzcJymVUeJ5GWRb2jYlrEWJZR3unxHr4k4tc40tuCvB3BEf a32hchXpozpIVRUuLhpGYalo0ZTdYUWzzFSC91iJAcg1qeAOOM93v7JGtup2/s05oqWpzATUx/vn 3dJKSSZQeXAU74pYQl+YxeLUUfeEoEChZBJk+V3KSfYlK2op2BzHkxl9x/DfY4SQQQRcWNyLEWIN 0Oro3SABpy4fPJdA0nlqqeWmqVXlyxTQSpvqIlUh5S1yGfSQAbJpPeF9IB4vJ/afJRxNEP8AFfhO bshcnMvFumSOFsraKhFSkEZ2APwrlLx5wy9NNPSyftIpHjY2tqKGwkUXNlddMi7k6WXH0js+tjrq aKrh+yRocOwi9j1jQ9YKMAqznYPxB71TLc3kj7jjx7vQ/UAY09MMQVCc2KkSXKL74Jhioly5tRxH GUutBdOdBw7JJssbsf5UJ/IYYXgalexIhg7Jqk2JiMYPQyssV/lzWXEPPsvhBueAz9E0yAao6yb2 Ua2QoBDJ376NEE8oewudLQQyKbLubNsMPu++HA6/WLetlGZ2Df8APypa4b/s4swk0kxsoNjciNLD 1SeeKQfWO/phcE17Ybdrh+MScHucLtafC3rZBftlexlNk2XJUs4YPW00TjUtwrRzv0W4/apF0cn0 teytJjka2QjpXAtc5gXOoG4FTx473cLeHuVR00tsEFNdJpI8LZLdYGPC2SqW/Z04VpZJXqat5hBT yUepYGMbx+8u8K18k6SLJFBRTcmRmj3JaNdS6hqhla5zHBhs62Rtex7N6kje1kjS9uJt8xe1xwvn ZXK4I7SYFnzIrmatl6w5PBC0+Z6qXmGkrEeCOorJkjeZQsEkmnVJI0etl1EsuU2xHVT7LdGIcUr2 4SGlvRO91za4y3Z56ZFa3YklDSbZbNz2GFji5pLHXcNA3CAS056nLo9YVB+03NEnrK6aNtcUlbWy RPZlDpJUSOjhXVWAZCpsyqRfcA7Y01OwsiYx2oAB7gsxUSCSV726EkjvKaKeDEpUCcIafDSlCkrs MmWOupGZlRC0yOzHSoD08oAYnYAy8sC/72nFSpbiicB8zUco6Bsph4j44EPPcb6FlcDz0Kzfdtgc yAusCqTVUWkzgtMkjnWV1zG//NkCtOde1vtJQA23w/IWOlnRwjsV0aK7XbTwJJlf93Z9Ty856WSE VJVjqkhnciKFRqOmnWF2pVOle5PH37xKqcP2PtqLb8lZsOsZgEodzYI0cwdI6C77gS6nNpyzJIlk /OOLDlwV06HitpKVKqnZqlZ41nUhrD7UIQ6B2Bjp02LB1OkXsNTBTw/ZmwfqNpyUE8dnRXBFtzSQ S8jInO4IOeXBVJy9gvftVSvbU4UAmpswU358aQ1Pd0WmRNUMhXTqLzUwcHUxKpSx7d7H0lyEgmoq R+zphlG4ujN73Y45j/lDXZgWzxkp1NU87cHXX583oM9mbjhaeq5bsFimUhixAVWW5DEnYDwvjrNK /C7NTTtxNvwVpa/tOolNjWU4P/dX8+hHqNsHhI3ihRaTuRJwf/Z201MoeqzFeoYe40UUQCi10eWv bMC4Pi6JTEg90Id8YOWekhw85ISTuByPc3MDf9yMzSxRtxPeAOrPz/bxUv0HZNktJ0jWc27yzVU0 ykDx92eT3a5F/hhW/S+K0m0KWOwZHi/6Cf8AM4H1Q+baVJHbC7Ee23kLJ/y/iCiiLJRQwU7tHG7C GljhawLL3tCKDsdrMTsRttfMcp+UE8dCDRuc0lwaDbTI3AGgysbjuN1UdXQucTT5XAJyz3oZ/wDq k91cs7mnni1a+6CGZovHcFg/U3NtJ6EXy3JuXaMFRzlbUOlGHotJvhF7ndcu3FxuTpfJMjq3yEO1 wnepUq+22FPiSYC6jUyBAbi+yyOr7eIZQ3TbfGm/37pDPzDIZHZ/cMFrcbY8Vt+YBtuvYHQP2jGw XcCqXf2snbDTy5XSQRyB3kr0bSAbhYqecs2/lI8Sm1yC4BtfGqp6xlfLG+IOAZiJxNc3MjCBmBfU 6XGSs09ZDUB3NuuRa/Vn+y5FyzXONEFNZYMuHJVrbCpVcXs99k2JYMnql/v01FWtBI9ZQCCKkoUr axKRommZDULKKeRt43m1fE8UcbNolwZA5oY6qJc9vRsL5HU2F79ny6c+0fshy1aerq6uq4pnjoc3 mypzJJS1HKk77meMTxqEpniSnDPrR2lmhHKIKXY4DrU0ckhIAw5i+9RT7WvYNS5LNS09PVVFS8sD 1EqzxKnKike1GysI4yXliWVpEKXjKqLgsQIiFahkLxchQrDJ/r54YrCdKM4YQlCd0pNQK2vdXFvP uNsP1+eECR2iMMmommRVBuGR4XvvpDoVDn006gdxYhOpfHjHY3Q1z8JUS8P8HSTS8lUYyhJS0YF3 PJVudGi9XlEaSEItyxWwviZWnPAF/mei6c+zRxomcZVT5ZLRwrRJA9JmdWs7mVjSCLlxxJHEJebW QiORWDlbSyhSz7PzKpoqSh2kJZMGPEXsuzMYjdzmvzwm7cOWt9M1Uexv3W33vv8A3+BC/sD8ZzwS VuUSE82kNkjZF5hp5jJcl7g8qN3ibSunSlQircOVUfynDqaqp6+kcGxSkiU5AOI+25AuSRiH3ZkE W1VSoY+SzmaEZqXOOOyFsyp6+IwGG6BqNhGWeZon50DvHE8jpLI142CiKNIZ3vckjFig27Qw1cUD JBaxxO6Tj2GwtfPXTLsvSZSyRPxtzHhcLnVATr1bq0bCwIIKuNzqU7hlO1iNjfa4x1a1kUvkugXZ xGlfTw1IC3ZAHH8Lrsw+/f640ETw5oKASR2cQizgszTjnTNNT6HSJ4dBEUqKihXOpWWU3sNYJF1J JkuC3AeU3KVlDVsoaVkcjnsLg/E0lrgbWLRmBbM3tfQaOthqOKSdnOSEtsbWtYEWGeevC/rqgDN+ Aq2SV2SBtKudEheKJGW9iSjONmUC6qqqNx3xg6zltsKGFrZ6pgfYXaMTyHbx0WuzByzz42Uf0Mpd kwnryA/ARP2d5FU0skTPApaZniuaoWRdpGGmEyRsdMbOurTZ1C6wGJxjeUnKbZG1tnVEVNO68YD7 iNwIN7D9RrTYk2da5AJIBsidBSSwva5zNcs3bstwuOseF0Ycecujp31sYxPWRoGYgR3SNmRW5qMz GR1BAiK2KL3mswY3yGpafa2zhtEy/wAQYm2uLNIF8Lsr3N77jaxAtqm1Nq1NBKymgpy8Pc0uNnZN vZxAGZI10sLZ5lO3EfAlTLFIFlClizrzNkubErIxHM729mCMAFG3ieUP5Y7LZtJ14nGzi11gC45n NoaSDnnmWnPeclsJ9mVksXRFssrmw9/IrnZ/aJV7rU5fRMYmeGjeaRofhL1UugpfSpOlaWM6iqk6 /hFsd55J7RG0aaSdrHMYJC1geMLi1rWnERuuXEAXP2652F3ZOz30cbjIRicRe2mXXlfXgFUwU9v9 bY3ICO3vknTKeDppt44ZpQfGKGSRfL40Qp53uwAsb2thrnNGpVGorqem/XlYz+85rT4E3RNT9g9U SLw6L+Mk9OgHzXmtJ90ZPpiF1VEN6Bv5U7NaLiXF/dY8+eEN/wAyKqPsvq0WOL38RxI4dESsqysL XLcyKKOFY1k1Em6sh1MTq3OIfrY+tD3craM3LIpCf7rBfvL727u5b5uyl2V0fMmZHkMskeid0lkb rPIj1Kq8xsLyOpc23OwxGa1u4earf73f00zu97R6NKU5n2UGchpcykncKqK80EkzKq30xq8tcWEa kkhRZRqawFzdn1o4KM8sHjSl/wDs/wDzWqHsEX/81R86Nh+VUfywoqxwTTy1cP8A4p7pB/4L1uwW RbaKqlf/AK+fF9wEMoPj1YWt432k+padynj5cU//ALsErezA7/uYfJex9mNVG6fYx1CBkL+71kSs yhhrReeVdZGj1KG5DqpIJV7FTIJWaopFyw2ZIOm9zP78b/Voe3/MlHDucGjlVp4ZqdCwDc+FkRze 7aZGUROWUau4bMwZtxvicuDtCi0VTT1zf+ElY82v0XBx7S0G47wEOdtWXCkrfeIHV4mfnxSRsCr2 OiZNSm2pxoeQHoZ3U3IOJQMgrEBLmYXjPT29u5Tt7BnbKuXZl7q+k0deI4l1EhY5u8aJxpZQusF6 Q6bkkwEnu4w3Krk3SbXjZJUsxGO/Vk618xZ2VgdQLXUhddpyuR8Pup59pytXJc8yjP1jVKWf/cMy ALKhFtIllYkyF/dyJdV+mWICQDZg7OTtFV7Gdskx/wANhD2Nu7KxLjY3xf1D7v5t9ykp5cyAB2fP mavJFnEJt9kQf5ZTY+oJvjHs5C7Gb9kTm/3ZZB6vK8aob2rmB7aHZatBmczxoVpqwe9xdLCRyRVR 6ge83vGqY7CyzxjHbtmANpI42knA0MzJcbNFgSTmcrC5zNiq+K5Pz58G5CfAna7NRRmGM90uz/Is FB8P5cF2vc0WCrvYHG5V1uFPaEpq+ninhpZ5UkAZlEbHlOhGuOR6cSqGjf4hexXfcMNXyTD/AGa7 RpZzIaxjbXAIaXZaaOwjMdeSi+kYLtc31/ZGuQcaSTMyGBICCwVXcuXFtpApRCEJtYOEJsdrEE4/ lFyOZsiISsldIBbEbBtrm3E/nUdaR0eAgtb5Jv4uzmSUxqlbFGySggRoGJkT/lkI/QqwvHIsguRd SBilsF1LTl/1NI6TnBhJJI6BtuI1uMi2xsMir7J3Ps0jTTKya877MJqqnnjrXlqbvTtTBwkEcMqm QCoIVQyqquuoO1iLnfSLfQXJSv2NSiaCgaGm2ItbjdcgHUm4JtkLG503JNoQyPY1wvcH1y37uKiX 2hO0SHK2jhVGzDNJk5sdJ7xK1NTxklfeKuVpOUsGsOEiiUFiNOqIFSS+y4X1kjyIzHEP5i0NLidw bbF1km3YVbmqoKODnp3AAd+fAcT1D0CqdxVwk+YT+9V00fMKxoKehgSnhiRCxWFW0liu7EsRzDdr yN3Su7hc2nZzcQy68yuc13LCR9xRxAD+p+feGDLxJGmWoSmny2lpe8lPAhG4d15rr435s5dwbbXV l8thsI3TSO1Ky76naNecEsz3X/lb0Qd1sLLA99/FKYeKp6mwjR3HgzEqg6dNrnr4JpPmMCZ6uOL7 3ZrW7K/s/qKg4ngRjrF3Hu9yEXZJ2LVE27y6RttGoH4nUfqLYzk23AMmNXV9n/2dUEec139psPAW 9SivLvZWDfHI5NvGR/yvbA87amJW2g5IbOiFmwM72g+ZuUQZV7LVMgBKazYX1C9z/wCr9beGKM+2 qk6Ot2IrHybomC3NN/wj2SjMPZ5pyDphVfVRYj6i36OBn+26pp+8+K8/k1QPH6DP8DfZAWc+zsy7 pJIvl3tQPoQ5b8LYJwcqZGkB9j2rN1vIHZs4No8J4ty8tPJRXxNHPRXMqFox/wA2MHu9d5Ijdgo2 3RpPkAMb3Z+1YKywabO4H8H3XJts/wBnslPd9O7E3gcj46HyW/KOIxIAwYMp6EG4PyI8fxHjg6Bb VcnqaF0LixwII3FP2X8TOmwY6TsVJurDxBU3BHoQR4WxKEKlo43dIjPcRkR3hDnahwHA9LNUpEIm jALxxpaJ9alRJHEvcgkjKgsYAkbxc7Wmq0mCEDi7I6BbHk1t2tNYKGpeZGODi1zjd7SM7F56T2u0 AeS4G1nYbhQZSXaIMGKyQvp1qxDINQZJFYEEFJArBgQRpNiL4uOYHNIIuND2LqWLDJ2rp1xNm3+1 nDMsgAesWDVIi21LW0HekjUFjpFSFYKC1+VVLuCb4wcJNFWc2Tle3aDofS6UdF99ylT2L+1UZplN DM+lpo4/dp22DNJTfZ630270sQjl6D9oMVKkczK6LcDl2HMeWS9LGAdE2+3H2VLWZc9Qi2nomNQp 2uYrWqkLFSQgiCzkAjU1KgvYkEvseptLzR0dl37vbvUBAaLhcy6zMmBsF2sOo6/rp9MbLAlspr7C u0emyismZq6gqMrnLvLEteoliksQs8ESIyFnWweNygHdCMiwIrZmvoJKmLDE4NeN5F8t49vRKyVx aMcbrjqVqqP228jDAR1lOhuFUmmqqmQje1gwiRNtr8wgdN9sZCbkb9Y3BWSOeN7QQ0eWo35rxqJB pHYcSCfYKWsh7YMukjWT3ytmRrnl09FUgLvvqGW0jSqT1s87FvM74b/uxSUFmimBtoT0/W48k6Oq bKPvPZk32KcKPt+y2M9ylzNn6a14ZzmRz853y0sfmXOCTKItb0GBo4DCPLL0U+Nmt/MH8qqvt28Q 0JeDMr1VLUTCKlZKugqKf3lIebIksYmjWRRDzGWRmj0EPD3kKHWYpIJGtItl2jXuPUsXyioZa8MN P0i3F0chkbZi9s8gLam+WljTHiPtLTUscTLLK5GkK4KDbYtILqPKwuTcCw6i8IDq7IIJsvk5PMf4 7Sxo4ix7ADY9+QTl2f8AZdPUzDn3Y2DKgU6ADuGVfLpZmJNjsbMMAtq1Qhj6C7ZsPZFPTm0bc+Op Pf7WCttwh2YiJRta1utvxxzSeodIV0uCANCknKMuVdhYeH6+n9TioEZjbZPEVB5b4fhJ0Vptkv8A cRbwHibkD8ziJ8ZKsXCaa+qVfJj02I/zwLmhIT2i6RswcWKMPUW8P16Yy9TLze4q8ILhDnaF2bR1 MTqB3tO23+NwcX9lbVMM7XXyQqtoRJG4WzsqKcb9nEtAXliWxVrvFq7kg3Jup3VhGrsrrYlV/eGx +ktn1rKljbm9964JtzYcdQCyRtiNDvHuOo5d+ac+EuO4JVjfXu2wiAJcHoVaw0oAf3mIUjcayQpM tgcexcQqOT1cZzCxuQ/nJ6NuI3uPUM+NhmHnLO0+OSQUM2lIZ6dXALKI0LmeF11kKxZoXLMzsQTC lhGAFBCns0lu5a2LYTKCISQXLgc3bzob2GQFxkBoDmTqoL4So9M0lOxDhxLCWU3V2hYrrUjYqyrc G5vqvvi7CLuwnej1WTzYkbuse4q1f9m/2vCgrqnLZ5VSCqF0MjhUWphsB8W154GCkk7tGg64yu2a AyASMHSbkbcOPcfVWTIHMDvny6mP2L68ZTm3EORMQkIm99pVAOlIyVvbwCilnoV8B9ixGwIUNtQE siqeIse0Z/8AkO5Tl2NgPz5vV53pwwKsAVIIYHcMCLFSPFSDY+hOAzHlpuNyjsuQnbHwIcsrKqiK syxSHksb9+FwJIG1ybuxhZNbAkc0SLclDjqdPMJ4myt/mF+/QjqzBt1WUGmRVeoeHR5Ysc2oTOU3 Z9lPLKW8mP5YrStwlXYH4wbqZewf2gpKCQsmaLlzcsxvzaCWtilVir3KRE2kVlspKXGp+8A5Brys EowuKjfT2OIMv3geuqll/axeRtL8YVraunIyCKljXzJlYNKFtc92Jm8ApNhiu2ii0JJ8f9PJQvEo zEI/xX9CFC/bz2gLmDIUzCuzJIo1HOzCNY5VZncukaJsILcsqSAxYuCO6uLjImMFmJYsbXXeACeH +pUccEZGZKinRQvMaQJFrICF3BWNHLEDSZSo3O5NrG9jDMQ1hcdAi8GJ7wxupXQfsEjFQslWNtLi NVPUhkVtTXJOre29jcEEDSCeabbcQRHu1W32SzIu7lNMMOq4tY+oxjHtzW2hbdJWywi/Tx/V8RAZ oqxiW0dGR4m1/P8AD7sW2tyU3Nr6Y32sfu/ywpAspQwrbQZHfe3X7vpgVUkWKstswXKfaLIAPAfr rjFzwl7lHJUnctqcPDc/K30xWj2e7pOv2dyjNXoCFE3tFZJDG9NOynUY5FBUXuy6dKsnTvKXUOTZ RfrtbsHJUljHxkm2RHf/AKBYHbLMbmu7R6KgfavBHT5lVRxroiSSI6Omg+7wyzqB4fbmbYWHgLCw HaKR5khY47wubV8PNTuZw9VFPaPmWqWJvBIoo/nbUzH/AMmYfT1xYLcOaqx5tLUirpSGWxI7wN1J BFxvYjcXt4HxxOToq7RcG/BTV2dZFBIBpKayLNFOA8Mt+oLEEqT5kSD+XBimZG72KxO0554jvtuI 1HzuRPw7xNUZTmdPmMasSsbw8mqmkaN43Rk5IqLyMIRdWTTq5ZRAEUAKB20dlsqegch+eo96ubP2 p/w+F5ueIG7rbln4X4ro52T+2HQ1xSGUnL6trBYallEcx32pqtfsJSQCdGpZVWxZFJxhqzYE9Pm0 XHn4b+6/XZFINoRSjX23a7xrbMAE6Eoj7VvZXoc1lSpqoRLKsSRK4Yi6Kzuo7pse9I2/lbyGIKTa FRSMMbDle+itubiN1xaXjCNfX6r/AEJ/LHQedaFX+leUL8QcVcxrgeFgAOn163+YH4XNKR2MorBD zbc0myvJr7kb481iWSXcEtbKu+gt1b+hw7DmFEJOiVs93ZL2/wBfn9cPw2TMQOqbpcykXcbFe8GB +EruGF97ggH6YhcCcrK3GW3BBXSnszzA0397EK76Vp6tYwtmtMgm0gDY6FlCmyhrxN8eOX1UYl5s E8W37Ml0kEwySEDg63aL/lIf/u7khAabL6ixJ76xMo22F9aab/8Aqv06+DTsYPPQkCsR7WMY6bCi Thz2zsvmIR3eB9riaIoN+o1fDt4ltI9TijPsSoYLtAPYfwi1Pt2mcbOJHaFLeR8awzDVHLHKvmjA j5XHpgDI18Js8EduS1EU8UwuxwPYl71txcKbedtvqfK2KT5rhXBYb0G8e+0NR5cPtZby22ijUs5P gAB3QT17zL9cSwbNnrf0xYcTohFbXQ09+cPcNfZV+zv22aqrJWlplp0uBzpzqIubAk25QuxAFma5 2BJIxqafkpDEMc7nP6gLD3WPk2+57sETQ3rcc/DT1R12T0FZWMrtmrksmpWptLxOOulX1vACAR3V jV2FyGsLCnVikpxgEI79fdEYmzyjG6Xwtb2Uo9vNPy4qZ3YM8MsRLlb3sQW1Ad2zqCp22Jv0BVhu z3YXTMbldp7tbeF1bfCJDE46Y2943+Nlzk9rqiEWZVEqm6zxUtSBY93mRBHUXPQtE5Gw0q4UfDfH WOTkpfs+K+648Cue8q6cQbSkaDkbHxCh/iRLqT5b/j/gcauVvRWMhdZyTyy3WM/yj7xsfxBxFqE+ 1nEJdk+fFCLEgg/Lph7XkKrLAHDMKfOA+1tJVFPUqJIyAAx+JPVTg1BVA9GRYav2U6M87T5Hh7Ig 4i4danUkWq6FhuCAxQHwIYEEAeDXt54I4sAzGJqBR/xXXacEo3jK/sUQcL9rdZDGEpc2rYILkrEJ kkEd+qqamOWRV6WTXpX90AHFeTZdHOecIHeAfXNSN2tV0/8ADfHc9WIeTSG+Az1Od1Vj/ZqP+EYC c03gukipk4pTBlaL0UD6YXmwE0zOOpW4pj1k3Ekde9miP/7I7/VgD+BwwjMdqmYbtd2H0TjnFHpP zxM+OyqQy3Q9WwXuPO4+/Fe1kSa62a6M+z9WO09PUuQfe8noZiLEAMoVZlQG90WWzDckCTSSbXPI q9oic+IfyvPqV2aImZsczt7G+QRZ209hxrJY5EkMca25iopBlANzCCrXjV/35IiktgLHwxUpa3mS Q4X4dXv6J01FzgyNlBPaB2ZQu7saKmp4WK6lFNG0oNlEnKqmhMp6M0chkRk5gBWYxC+vj2qzAGgX PzwWbdsGQPL+cy7/AEvZYdlmTCOpEsC8mMyi8MfN5YQse6Q7sg0oR8IW7KOgYqQe1ZGyRG4RvZ8L opGhpurrZDxGr3QgEDz8dr+X6N+uOW1oc0XC3jqc4cbSq1dr3Zfy5vfIoDJJzdTFacSiMKyOgVBY AEghiY5S2p9xe2NJye2leLmpCLi1rnx+cEG2nQAnnACb62WzsoQvOkyJoKNcQMdMUdyWF4+WGZY3 d5Y45pHRXC7WC6NVWbcfHGWZZ/ONkBpOTlM+QS3dluuPa58fDJTzwZwLS08sk0aoKmU6p3R7cxty TIsZCFgSe8EsoKjwxgKyrknwtkNwNOrqv8C07KYR3LG4ePX4/wCq0dreSvUIY1jMrNqGgaRcOpiL EttaPm8y3XubBrWKUjnBzi3UgjxV1jGWYH6X9FQX21ezqVs0mEUXMHu1CDpdAqlYQmka3UAaVUgD bveuO5cnWEUTW20JC4vyrqIztBzr6gHO+/RQpN2TVhFvdmPdsdMsDHdbdEmLdfS+NXzb3C1vRYr6 qFrr4x5+yDp8veIKkiPG6sLpIjIwDWIurgNYnVY2t18sVLECxV/EHHE03B4ZrLORaSQeGtvzx46r zc2gpXltbba/yPn6H1/PEjTZVJWXU29kfafy2EUnfibYqem+3iNtvG18FKeoI6J0WO2ns8OHORjp DzS/jHgIpKwj3jNmWxNrH5bYtPiN+johMNWC3p6qC1zFvAfj/rgViK6BzQW1cwbyH3/5DHsSTmwt cmYt5gfT/wCWG3TwwJJVVJ2JJPeQ9NtmB/h2+/DLqUNFiBwPojjPzdVP66YJTDJZ6lPSIQrPiiQj LCr6eyF28wT0cdJPJDDU0V0h1sFMtOx7pi1EX0bROiFiOXE5/bDHNdu0EjJjIwEtdnkL2O8d+o7e pdg2BXwz0gikcA9mWZ1G47s9xtwVq5JtS7bHw2/PcH6eNrYwxF9FtI4wdUBZzkPMN3Ab6fnfbf6+ W2JGYhvVz6Zq8Th5bLZQoUE90AXPh02te3h5+uHlpdqUzm2s0CUcM0hE7gkW0ppUeIKi7G9jquSL dB5HqRNdThzbdiKRuPNEn5mjVYurAeh+eAVPFgdcDqUZdcYSU2u29yAPkLHf8b3OC+EEXKstjFsk uyLKFjvpQL5nxPzJ6+HXFaYXyVKXggPtr7c4MpenacSGORJheOxKsugqNLMoIc3XVqsp03FmLJqt kbEkrGExkAgjXLXrF9OFs1mdobZh2eWiYEgg2sAeFsjbXju7Mxzv4z45euqaisJjVp5SwCkvoUBU iQlUuTHAsaEhwCUB2Dbdto6YU0LIW6NFu06k95uVxOvqfrJ3zuH3G9uA0A8PNe5fWSgArK9+7b7K W1rAn9qSQ+ogbaO710kNYiCRohLoWHUBOma8UGaMwVcRqYCO44VEqID4SU8jSHvKN9Ldx7FWFiRh 7v4gs5VWwCF2OLI8Nx6iFCfHeSmKU7h0fvxSqCFlTpq0nvI4YFXjfvRuCpvsWGyNwusjMLg5g801 0r32OGJzgiDJ6+xF+ot9d/ixM0qhNHfRdPfY69l6kzrLYK+rSbmtLWRo0eZVsKyRwVEkKNyaWqij VgUZDdWZtGstZwqSNqS8uBvkbZEjcDu7UBdQCI2jDba9JrXG5F9SMhwH5uTyrEn6/wBb4atLZZB/ 1sP6DCpLLMt+rn+n+GFSWSPMH2P+H9SMRO0U0YuUe5nJeMfP+mCshu1ZqBtnlDUzYpFFWqQezPLF gjfMZEDsHMVEjLcPKBeWo02OoQqQqncLIZLgsiAsw9Ek9ijle50ghZ2uPAbh36+HWupfZjnXOpqa c9ZIIHPzZAWFxf8Aev8AXHDayL6eoezcHEea+jdlzGopo5N5aCe22aQ8R5qqXubD9dcVmuutI4hr blN0udg6UCGzkXb+Eef1/riw0Aqi83N0UvlOhw1wToTfxPl6WAsL3t88LUQeit00mKIjtTnOjKGC +Wo+m35f1xnXxYSQ3tXmGN5Bdxso0q+Nmik5MyBQT3JBfS9v3b9A9vAnfwvbZzRdhtnbUK6JWtdZ 2V9DuUjZBLcX8Nrb/r8MVmNLn5qrVCxyVQv7Q+s+0okABIRyO8drlh8AQkn1uB5g7W7NyXjwxPPW uO8q33ljHV+SqnDOSouXRF23K2tcdbvMABv5Dfyxur21XP7Hcn2kyapcApBVOOoMVJJIDfppMdNL seoAY39dW0oYVHibxC21XCNUq3ejzEAD4noK8L0G/wDw8Sg7Hqxvvt4BQHcD4H2SHDbUeI90BZqy ShoGZQ99Ueq6tFJsCpDnWqzALGwN+8Imt9nvFJHfLf7+6dG4s6X8u/51IBp38PHy8R8x1H1xQ32V 86XTlBL9/hhyruCtl2b5fnFZQ5eMsq+VBBDVwVEfNVCk75jXVe4MbXLUlVSNe/RgLbY0uyZI2ROD nWOI7r3yGf47kDqhS86fqI8Ryseqw6xvuqkrU/L9fXGfujZatgqj6Y9dNwrM1B8/19bYW69ZI8yl 7p38P154icclNGLOCNZprxD6Yv3u1BAyzymamo2kZIkF5HdI4x/E8jBEX6uwGIDwCt3DQXHQXJ7B mVNfa5SrC60cZJho41plYBSHkQ3qpzcAa5armaiB3giNt4yyDcNyq0dzeR2rjc/gDqA0Vy/Yi4wW oy9IC13gdoyLC4UkvHcKemliB1vp63xyjlDT4anHbJwv36Fdl5NVlqcM3tJHdqEl7TOOokmkVmJZ JFRU23NlbmODsVGo2W2+lib7A5+GBzhcLT1e0Q12FKV9o6misCG3sCNG9xttcdd+nkCCRbE7YHBS N2jFbO6PuGe1WKeOORGVh8JDnQ0YvYCRDuPQ3KkDYtivK6RgsBcotTSxStJxWCbuIvaIgWVowQ0a sQ7g7MUALKgAJZRcD+Y9LixNA07zmqrKmJmROY3qOO0XtvSQorUwMTGxEh0s/QjStiwG4IJF9wR4 HE8FCSS6+fUqlTtECzbZdakfscz5zDKp1EJOiQM5BcxsqyaZGXZnjBaMsPi06vG+Ks0bWP6O+3rn 6XV2GZ0jBi3X/b2S/jv2SKPOQaqr56zQrKoVJnjV0b7SPmoAzsoJbSYnhJDHqNJx33k/s4Q00TZW /fnrbX0NrLhXKOudNVvdE7JuWgOndxunnsF9mLLKSCCtGXQRTFtKM2uWZLtoB5tQ8jazbdlttcee NhUQMgqXQ07RkNTnu46+aw5e+WIOlJzOl/xonXtJruRI7LUoosSUdWYGwP7twAR3Rs+9/ACx1NA0 ywDFEct4t88kGl6BuHgdR+flZdnnEfvLBotTAX1FSO8wAPUbeI9BfFKos1pxkeysxXceipKyzhjm yIkqQmQKzksocxqDYsHtqjO9gQ6k77jfAGeWNjDLHe17Ddc8OvryV+KNznc2619/zcgnj7sdoM5p 5aDkRzxvzStYI4xJHJ3gtTRzEatUbHaYFllAYHmo5Dtnhc0Y6oW06HDtto7fbIjqOi084xAwG447 iOrPNvXvXHTtf9nnMMlcJXUctOC2lJ7B6ac963Kqoi0JZgrNy2dZQu7RrjMOjIBcMxxHqeF7i17Z 5LTNe1/2+G/51jLrSHhLtNqKVGjhqZ4ULlysMmlWYqql2Hi5CqL+SqPDEBaCq8kMbzd4BKAVkxIr pCzU48mlbQMKmrRVnY/L9eOGO0UjNQiiCrvEPkuLTT0UMe2zz2o59n1dFS9YRqFHTy1CLa4editP SRsPI1Ewk8LLA7Xspw6L7r8P9PnYq1X+mGf1EDuGZ9AO9IeIK8EksL21XZyGJ2N2dixJJ3JJvfck 7485W4m2FlZ32UuBKuhjbMJklp4Z3WGkpTC4qK1k+0lqtDgcmkp4A9nkRedLJGgIVl5uZ27TMfT3 kyI+2+8n8Wz7vHR7Gq3NqMMWYt0raC3XvN/DxtMXG/ZfBW1EdRc/bW5qoQb2XSH13sNRRR3LsSCF tYkc25x8ILQuitayd4c7vS/j/sVSOMEIkoUKDHLcFAAO7FUp9olxv9qzJ/MiqcXKe0gsTYo/HSRP OED584Z9RUcScPRHc0tSoIAARCbH91tWgoGBPUO/UW22xN9M8aEK/wD7Ia7d4I74P4FDtGq06xKg sJJFVpn6DSF3QXAF5Co+Be5cBgPljEdy45oqNmxQMDnAZKQeIeyKnZbtGpbToVnALC5uSGcMb67W 8LKo2A7ufdM9rugShU4hc03aLph4eodNRDSkNywyDukaZDLIBK7enesNKsQPiADXGg2ZTtmlYZN7 gD4rMVs7o4383uaSPBWg7TqcU78xdgYbEeBKEAAjxJVrfJR5bfRGy3c7HgduPquG1HRdccFuzKnB gpgBpHcfSOguCenoTh8LyJ5STfUKjMAQ0KH+1zLYVSVmJ1G5Jvve1tgPljVUVTK1oG6yEzxR58U8 ez3khpqWGKNQ1VUBpLt0hjJuZZT4KtwB/EbDAOtDXuL5TaNmvFzj/KOtWYbizWDpHyHEoh44iAR6 dXYxtvVzHaSsIv8AYg9Vg6jSLXUkb6mLT7PuZBO9oxD9Nu5n/N1u6zv7MoaoNLDC09E/ed7urqam ugzX3aIzWAJW0SAWAFrKAPADbpbbFySEVUoh3A9I+qrc5zTMfgFvq6FJ15MoE8cif7xHKoeFw3VG icFWU77MDiq9gAOQyNhxUrHEEEE31UQZx/Z05PVO0wpJYNR3jpqqWKG46lItRVL+UYRNrhRc3z0l NA02I8CR5CwRNlXORkfEA+ZBK426/wBfoYALUWWxX/X6OFTbLJp/n9+PJMKwmfY/Lzw06J7QbpfR VwCC5A2HU4c11m5qtJGS82Cs12HezZmFZSA09G7e8zJM00z+7wpDCkqU7l5R9ojM9RITAkrBXpWs ytqjvxxOwYra+m7xPAbwg09QwT4Do0bhfM2v1ZC2p3Ea62t7HvYDgy6Wkq6qUVtRrj0RctRQpKxu JFRlM0xhAuhmdUaTTIYV0qqkYqJhuXm5F7jTs6/PzVSWukIDWgAGwvqevPTy6tNbGds2Rr7zQHYo tNXIvzZ6Vnv5lrC/ibH1xyrlk6S8Mm6779vRt5Aro/JSNg51g4N/7rqGeLr0BBEZNHI67xhQYH1i 0IOoMVlYtouNILspZBpBx9M4VLbE9IeY/b5dbCYGA3H2+ikLL87WqDqqlgq/EStiSP2bKW1XA0tu umxUhiejCxzCjUFVjzCiPjHhqaN2MFMWLX0hZ+WCf4W0qG3F+txb8Z2zOtmSFo27QqGNs0A9qkTs +y00yapikbEDurIW3NgbMQDcPfYXOx6dMC5A57vnwJZ6qSUfxP2/dDHav2nI0bFGuEa1kJ16rd3u W7y2vcdSLkarb2KSkLn9IZeSzNbVgNs0oh7PeFihgZh9tJLTKBYLy1aSMCML1B6Fu8w1A2Nutyjm 5ytijj0D299jcnwCr1MfN0Ur364HeYyU7dtL62RPW33jH0NssYIy5cMnN32TlxTLoVFH7qIPuXC0 TcZJ4kqpObFV944y41DFGv3unluQNvWx+6+NeCI2iyCO6RsVPHZrQBKeWfYM55a/yxQnlqq+hYO/ zf5Yx9fIZKhkO5ufecz+B3ItH0YnP3nLuHy6BuManWVjHS4v/XGnomYGl5QmU4rNCS8ZR6jFEPhD Rjb1sbfPp+jh9EcDXyHU3TZxctb1hbBmVpVjJ21vf0Vd7/dZR6k+lk5omEvGthbtPy6a59nhvWfB HOV5PVVC81WWCMkiNGW7FQdnO4tq328gPG+M/LPR0zubeC928g5X4dyIRQzzNxg4RuHUvzuq/wCu mMcFuCFs1frrh2iZZXr7BP7N9pqeLMMxNQiOFkSip9KTImxU1rurOhkW94IUSRFYXlR7pGZgoGud aV1jw/f1t4rPVW0y39FoIzGLXwHDgTrwVk+EfZ1yYIIYsvotr3applqnJvc65qwTTWNzusgC2ACg bAz9BAxuTAe3M+aD/Wzyn9QjsyHgLIY/2Dp6GqVYKKigbe0kNHBrcagbxSrEHRfAgMvhsbLazDTQ tIwsAPYhdVU1B6LnkjturN5NxHKDHc2jkglFyN1lBW0Z3K2KFmB8fh/dxJLAx27MEH/p4+OR8U+J 7xa5yLT45ZflEnF9GBSxOvWOaA28rMQbfQ/lgOJCKl1949kY5ocyLbiow9o3igwU9PW7mOGqhE1h c8upvTn6LNJBIfSM4xnK2gFRRdHVrg4eYt5+i2XJip5qrsdHNI8M/wAL6gaKriaNgskUiEMpAZWV h4qdj+vLbg0cjon3GRC67I1r22OYVbu0PM5sod4ZGOhh/u09rJOg03MmkC8ysSGDEgncA67LuqYM rGY267xw/bgs26R9M7Ce5NOWe0RoN7lj0sSwuNwWF2I0swLC9vlvsr9nnciTdrWCGM/9oewcByQS WOo7bjVa7XYgC/d9LeK4lj2bc5hQy7WJFrqQPZ87LpqgpXVCukKuGgRiyvO1iDUTAkHQOgBF3J1E bKMCtq1bIWmCGxJyd1dXb6KXZ0DpXc9JpqOvr7FafgGHnVkI/djEs7eVoxoX5HnSRkA9Qp8jiXkv SGSqEm5oJ7z0QPMnuUfKWrEdIY97iB3DM+lu9HPEbcyohXrd/wAt9/xx3+Ic3Tk9S4o515LLzjur JL28L/1xa2cwANuq1Q4klRhlsPMdDbcFj8rAi3yvv9cHJjhBCFxnEQVJ3Z/XF6KFd7mNSbde+AxI 9QTfGaqWBtWXn5ZX43l8AHUhWSgMbqGHfv3vL0I9CN/Tx3GD4lEkZLdNyo2LXAHXek2bHS5c72YM B5kDb8LYlizjDeIsmSGzsR3Zp37MeENcplk8izX6IvWxv+OKO1Kzm4cEfYO1SUUGOTE/4Ec5vxuA 1rhQAAB5DwwBgoCW3tc71dmqulkbBfnERfXGZatuSp+9nH2MK/Pu/CI6eluy+91JZY5GXZo6ZFUy TyA3BKARqQQ0it3TaZC57S8acUMqK1kDg05u4e/Ds9NV2qyHhGSIQvzQ8oijSoQjTHUMqBWdV/dJ YMRfffrjRSVccgcxzbC5LTvbf8LIRwuaQ9pztZw3FR/2ydl3KDVcKnSf2kY2KH95gB5dSB18N7Yf SVWI82/UeadLDhGNuhUOZRWmYGxUuu6EnYnyv/CwsD9DvpAweyFihg6eW/ciPg/taAblyqQt9MiM N1t4n1HUHxHTZsWXwY24m67ioGVIa7C4Zbwp8Qh6eSMG47h89iRY7Hy32xlp2Hng4jitLA4FhATH xXwMlZSz0bk6J4ZYmI2KagQHXyZGsynwIBxBUwiaN0bt4t4q5TSmCRsjdQb+HyypX2DdoMtHNJl1 R3ZoZHiYfzIbd3Va6MNLKSBqR0bo2OA7V2c5ribWcDY+/ZwXaaSqD2gj7SLj5x3HrVpsykhrIjFN EkiNa8cihgehtsSLg+Ibr0PQ4zLJXwuuw2I3hXJGNeLEXCiDMPZIy46iFmW4UaeezINKsmrcayxV t9TMLqCADfUeZtuoIsSL9iGmhj1z8Vp4Y7CaClkWRYI2dCCrspkdfk0pNvO6jw9MRzbSqJWlpebd WStwUsTDcNzUlZlxHcXvpVRe1vADxO9h47EHp8iEEZc5GRJYIv8AZcpGeCbMHFve3UUw8qWHUsL7 MQefI09QGAW8MsAIumO28n9nilgBI6Tsz+B+e8rk/KCu5+pLBo3Lv3+x7EdUSaqr0RSf6f1b6Y38 mVLnvWJa683Yk1bHr1HzJ/wxajOCwUDjiuUJZLkekzMOmkn6sT0+7BOWW+EHUlUI22xEIq7JBalp /wDsxA7eSAH8RgHX5zO7SrtH+i3sHovOLl1MrgfDZX9QT3T9G228GJPTFmjOAFpOuY+fNEycXOId 6aHobsNugB+vn+vEYvCSzclWcLlEssphhsv7SVtI/wCn4mPoNIAv4avHoRVhNPd32tF+/Qe/crBc Y47DV2X5KT0HCgIuYxKTuXba/ooPRR4fXqbkvkqzewdhHAfNUxsDbZtueK47exN7Jf8AfUvvFSzJ lsMmmQKxD1sgCt7pGy95IwrKZpRZlR1RCHk1xZyhopJ+m4dAef7cfDjbUbT2i2mAjZ9506uv28Tw PWv+/IaaOKNYVhhhREjEaCNIlXuosaKAqqLAWWwA641sNE91ww67lhH1LR0pB2n55p2qO0KdEWYB ZIT/ABC5Hlcje3qCcQjZ9O+QxG4eOCtfVTBgkGbUXcGccR1sbrpCtY6kbcbgm4v1GxwGraB9HIDe 43FFKSpbUNItmqw8X8KikqRIg+xlvqUf8pujhfDQbhh5FiBsNtZTu5xmE6oRPFzUmJuh8kZ8VdlE U8QcErKFBWRbAkW7obazL6MDY36HDKepfHLh3cFPU0bJor77a/Ne9b+wXO2s9HL+0RSqt4SIpuhH qouvU7AbnfHtqw2AmZpfzVXY8xuYJPuHmNykHLW2O+4ZlI9QdvoVt9QP4sCpMjnvF0bafWyqt7c3 Y4Ry87px9pEESuVQe9ENo6uw2vD8Eht+xZWZgtNjC7cocY59o6nZa8D3enYtxsKssfp3HXNvbvHf u68gOkhnsy7UDKiG/eAFwT16eu4+f9L45HV0gaTZdAjkuFLFVxHrXUu1vjsdx9Df16i354FCOxVh Csk51ai1wbWsSbXvdSL9bavhAu3gALG8GZJt7JXkHCD5nMKJSwpwFevlDEGOK/8Aw0ZU3WaoIKAi xRBLIDeIAnti7LNVOCR0Rmfbv9Lm97INtbaQpYsj0jkPfsHrYWzVvHkWJNgEjjSyqosFVVsFVRsA oFgB6DHaI47kMbvXJXSWBcUL8BtqEs56u1h6ADw++30wYrwGuZCNwQ+kddrpTvTdLXaVb5tb78Wx HicFXMlgUvo6G0LHxe59bdB+G/1xWfJinAG5TNbaInisuzpLU8Y8ucv/AIyyL+QGIKz9dw7PMAp9 J+g3vHgSF7Vw7nyNwf8AD8TiVh6KQjNL8ryTbUbX8f8AEX8+vp08MV5J88I7k9seVyklVmyF2Js3 KXQo8SXIZh9bR/diVkLwwAZYjfuGn5VUyNLyT/KLd+/8L2Kimk7xk5d+iC/dHhex64Uvhj6Ibi60 uCV/SJt1IL7EeyKHL8voqFSjNBAiSOmweU9+ol2J+OZpHs17bDwxDGZICGNFgLbrXsNbcTqeslNm LahzpCczffp1X6gk+Y5LcujE2KsAQ1wbkENbztsfA2GNIyYYQ5qE8wcRDtCFq7LM391dqSbvU8h7 pO6p6jrYeY/Qi2jAalgqIspG+alo3fTu5l/2FHVPwT7rUF1/ZmKRgR03GgD6a7jr44DurfqqbA77 sQB9fwirKXmZ7jQi/wA8UM5rkYmSQ2uVbV9DdT9LG/0xcxYC3rT7YgbrzJZdETRE7x3Av1KHdf8A xbu/UYmLcUjXcfVNb0WFvD0UdZRxQY6mOYgqiuFY+ats3TwAN/ocHp6fnKd0Y1Iy7Rosu2o5qpbI RkDY9hU1yTiGZkPwSWYHyNrHf7sZMNM0AeNW5HsWqLubmIOjk8mMMGVlBuCGUgEOCLG4OxVh1Frd R44HObl1H5ZW8Z7/AJmqIe0H7PTZS/vVMD7g7AELcmgdj3Yzvf3ZmNkY3CkiJuqF+bbW2X9O7nG5 xk/4Sd3Yd3A5cF0TZG1vqhzch/iD/N19o38deKR8HdpGxBZVFgH1XI3+RGx9T4n6ZB9Hney1bZck 8ZPza6eOip1XUxLux7yQxqLPM5BuFRmAt1ZmRVN3DYIUeznzvEbNT5dZ+ZobWVzKaMyP0HmeAV0e z/guKhiWCK5F9UsjbyTubBpZT1LEAKBchECIuyjHUqOgjo4ubj7zvJ4n5kMhYABcsqq2SrlMkn7A cB8z7SkfaZnGlBGOrnp6Dc/ebfoY1OyYA55kdoPVBK6WzcA1KXZUOXBGvmCfv3xBL/FqXOUrTgha 1B5XWQv8TW/z8vvvg19gLjuCGfcbcSi3iKr0mNB0AA/C2A9KzEHPOqJTvsWtWfBm0TDyllH3nV// AFiOs/WvxA9vwpaT9K3An3/KXJFf9fjiEmyntdeV+dCJHfwVWY+oAufwGPMh5xwbxUUkoY0u4IV7 NMhIiE8m8srNMVt+z1m6Rnc6pI49Kkg6dSmw8SRr6jE/mmZNbl221PVfVDNnwYY+efm5xxdl9B1k DLuRLUlr7uqfykAm3mTfr8sUW4LZNJ61fdivm4DqTRxV2PrM3Op5jDMdyBssn8rJ8J/9wHQi5xLT 7VfC3m523b4/uqUmzWyOxwus7q392h9UBzLU07aZI9VvEdD9D08+v1xoGvgnbiYVUDJYzZwWVfUi WzqNxuyeKnx+WHxAx9E+Kkks8XHgpdyzNObToepClT5jTpPXGQlh5qqI3E38bo1A/HEOrJCOXVWl xf4HvG31BH+WDUrMUZtqMx3KviwuBOhyWcEeuGW4+2iYxTfzFCCslvKSLTIPRx4jEQdgmZ/S7pDv 1Hccu5NjdiY4H7mmx7tD3ix70G1HBoMbXAJGo/QfPBxtXaQDchM1KHRm+qKM0j59NTyXs4AUn+ZO 6fvZcC4D9PVSR7j6HP0Vp55+mY6/SHqMkuyLNzJG19pYxf8A6gPPrt1v9D5YgqYRHICPtcnQzGRh B+5qUUNUlUjKyq8bKySRsAysGFmR1OxUg+oIOKdXShoMcguDx3j5qpaeoOISMNiM+xUQ7bfZbrqS dkpKaWrpHJNO8TIzwht/d6jmOrIY2JAlf7JkCkyK5ZV51JsqWN+GNpLdx17jvy47xY3JuunUu2oJ YwZnhrt+Rt2iwPhx3WVn/Zi7IP7qpbSFWrZir1TqdQUj9nSRN+9HCCd12kleaQAK6quu2fs76dt3 DpHX27vfisZtTaP1cvQPQGTfybcT6WGdrqUqLMSzjewB3+7x/XXz8Dr4g2Mk6oHG8l4QbX1XPqJN +6lkH9fxvg5EwU9K3ic0Oe/nZ3cBkjLOquygDwH9MBKdl3ElFJXWGSZeD1uwfwC3+p/X54vVuTMH EqnSZuxcFhmtXzHv5ev69cOhZzcaSV+N6LOEYrRt6uW+8Af0wGrDeQW4W9UVpMmHtSqsntiJjSVK 91go87Sc5tT1RHhBOfuRjaw/Rweo4v4rCeIQOvlPMSEf0n0Rx2d5e6U0HMtzTGjMo3EZYA6AfEr0 J6XvbbAKtlbJUOwizb+KKUMbo4G4zd1u4JLmtQqt3mUE7951BPrZmBtt1At18sTsfYWukfE5xu0E p3rpCD1P34qsAIzCkdrqlurnROz2LLYBrbkfzef54g/QnDWaHd7Ky087EXP1G9AGZ5Wti1rNbqNi fQ+eNJFK69tyGyNFr70+8LL9nbwuf6YHVZ/i3VmnFmIXz02Uekq2/wDL/PBenzfn/T+FSqjZnePV OuS/8RKPCWhV5B5tGSisPJtDWJ8QF8sDp8qdh3tksOw528UxmVS6380YJ7RkD79gWCvZD8rfhici 7wpCbMK+4aN6dh4B5LfVifzJwlVlVA9Q9FXpP/TkdZ9UP8K1JEot4mx9QR44JVjA6E37VSpzhmuF jlspiq5YV/Z/EAd9JO5A/l36b4WVomoWTO+7RNaTHVujbpqijO6w28Oo/P54EQMAOSIyvNkkzCoK hAP3luT4j0HgB9L+uJYgHuJO4pJXYAAN4S7LYtKMw62P9cQynE8NOiljGFhI1QHwRJfvnqWufmTf GirxY4RpZB6Y5Yt9/wAotz+Y6fofywGp2jGicrjhSfIpLRufl+WJKgXlAUcRswlIsjNySevTE9R0 W2CghNzcqQ8nWwYev9MZuY3cCj0WQITPnr/1xbp1XmUd8bzHkz/9mX/2HGggHSBQipzYW9SkPsnz xpaCnmaxcwBz5E6b+d7X9cZbaTA2re0aXRbZchkpI3O1ICrDnVSalzNKdbtuSeijwRB0VFGwUdB5 kknhFVUyVchllNz5AcBwA/c3JJPcKeBlOzmo8gPPrPX80X//2Q== ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/jpeg Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/web/20230304175119/https://lh3.googleusercontent.com/a-/AFdZucqd_8OCr4UzYz8ee-ADkq3RZkGm4WsfllvDyIaUqmw=s96-c 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 gbuv7ffNf//Z ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/web/20230304175119/https://lh6.googleusercontent.com/-YwH92uN1LWM/AAAAAAAAAAI/AAAAAAAAASE/jtnTg5haWO0/s172-c/photo.jpg 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 ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://web.archive.org/web/20230304175119/https://lh3.googleusercontent.com/a-/AOh14GgfPvU3KTB6JR6cAzXVllcMzOIQWYCUUezwSaXTtwk=s96-c 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 l1t9588Gt2+6/O4v+eu/5WWX6cmpDX/0+eFTHWGIb8bD510goUUiTb33IyMj11577S/+4i++//3v B3DxxRffcsstY2Njd9555549ex5++OHR0dG9e/f29/c/+OCDRHTHHXfs3Lmz0Whs2bLlggsuqNfr F1xwwUMPPaSqN91000vcoH3xS77t+NV31y/4UucnHnA39sv3mOzffQH//T781juSy3eWbRGLR/yT P4b0EVi8dejBlRoe6//Ida/5qd5JVHVycvKSSy6pPpmfnx8ZGWm1Wn19fVmWhQ+998YY59xNN90U x7GqRlH0zW9+M4qi6oLw4sYbb7zmmmv27dt3991333nnnS9lgy9Vg6zB+95Sm/mFxmvW0/0rujGB KK747c6hKQ9AW2f9wzvhHoEFHFz05r7XHn3D6/5DMzknz0ZEBw4c2LNnz+7duw8dOjQ1NTU3N/fB D37wrrvuArC4uHjvvfceO3bs4x//+Gte85rbb7/97rvvPn369D333HPkyBGUP0YDMDg4+NBDDy0t Lf3hH/7hM888Mzg4GLDsJQ397o2nD+e3/dfV9b+4gvevPPeCU1VZO53/BfK/Qn4f/NTD3+beEydO nDhx4vjx43Nzc2fOnAlFgcXFRefcXXfdtbKysnfv3k6nEy5eXl7eu3fv7Oysqq6urrZarWqeo0eP Li8vq+qBAwf27dv30jf13RRQGA89mT35fF69lbkD/tiXVNx3POEv/dIvfTfW9R2OfwTR/MLCwvDw +aD+9zb+EQjo5R2vBKsvMl4R0IuMVwT0IuPlFNCDDz4I4Atf+ELvh0ePHs2ybP/+/U8//fTLtK5z xssJ0o888sjy8vJtt93Wbre/9rWvEdG11157zz33vP3tb5+ZmbHWLi4uht7V66677uVa5MupQceP H282mwsLC3v27LnttttuvvnmmZmZq6++emRkBMDS0lKapjfeeGO73X4ZF/lyCmhsbOy1r33t17/+ 9U2bNj3++OMPP/zw1q1bp6en5+fnw3/6EmKI70K48BLGy2liWv3PpUCn04miyBgT+CvzPxTv8QpR fJHxD+Wg/sGOVwT0IuMVAb3IeEVALzJeEdCLjP8LKQXeZ+E6B/AAAAAASUVORK5CYII= ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230131013150cs_/https://developers.google.com/static/site-assets/styles/landing.css @charset "utf-8"; .dgc-hero-promo-full-bleed, .dgc-hero-promo-full-bleed-black-text { padding= : 0px; } .dgc-hero-promo-full-bleed-black-text .devsite-landing-row-item-description= -content { color: black; } .dgc-hero-promo-full-bleed .devsite-landing-row-inner, .dgc-hero-promo-full= -bleed-black-text .devsite-landing-row-inner { padding: 0px 2.5rem; } .dgc-hero-promo-full-bleed-black-text a { color: black !important; } .dgc-hero-promo-full-bleed img, .dgc-hero-promo-full-bleed-black-text img {= border-radius: 0.6rem; } .dgc-hero-promo-full-bleed .dgc-hero-promo-full-bleed-button { background-c= olor: transparent !important; border: 1px solid var(--tenant-inverted-text-= color, white) !important; color: var(--tenant-inverted-text-color, white) != important; } .dgc-hero-promo-full-bleed-black-text .dgc-hero-promo-full-bleed-button { b= ackground-color: transparent !important; border: 1px solid var(--tenant-pri= mary-text-color, black) !important; color: var(--tenant-primary-text-color,= black) !important; } .dgc-hero-promo-full-bleed-button:hover, .dgc-hero-promo-full-bleed-button:= focus { background-color: rgba(0, 0, 0, 0.15) !important; } @media screen and (max-width: 870px) { .dgc-hero-promo-full-bleed, .dgc-hero-promo-full-bleed-black-text { paddi= ng: 24px 0px; } } @media screen and (max-width: 600px) { .dgc-hero-promo-full-bleed, .dgc-hero-promo-full-bleed-black-text { paddi= ng: 1px 0px 36px; } } .dgc-hero-promo-animated figure { border-radius: 0.6rem; background-image: = url("/web/20230131072923im_/https://developers.google.com/homepage-assets/i= mages/build-anything-with-google.png") !important; background-size: contain= !important; } .dgc-hero-promo-animated img { animation: 4s ease 0s 1 normal none running = heroPromo; } @keyframes heroPromo {=20 0%, 50% { opacity: 0; } 100% { opacity: 1; } } .dgc-hero-offset-inner > div:first-child { margin-inline-start: -10vw; min-= width: 50vw; width: 880px; } .dgc-hero-offset-inner > div:last-child { background-color: var(--tenant-ba= ckground-1); border-radius: 8px; box-shadow: grey 0px 0px 30px -10px; paddi= ng: 32px; z-index: 1; } .dgc-hero-offset > div { padding: 0px 48px; } .dgc-hero-offset img { border-radius: 8px; height: 400px; object-fit: cover= ; } @media screen and (max-width: 1310px) { .dgc-hero-offset-inner > div:first-child { margin-inline-start: -14vw; wi= dth: 78vw; } .dgc-hero-offset-inner > div:last-child { width: 40vw; } .dgc-hero-offset-inner h3 a { display: inline-block; font-size: 24px; lin= e-height: 28px; } } @media screen and (max-width: 840px) { .dgc-hero-offset > div { padding: 0px; } .dgc-hero-offset-inner { display: flex !important; } .dgc-hero-offset-inner > div:first-child { margin-inline-start: 0px; widt= h: 100% !important; } .dgc-hero-offset img { border-radius: 0px; height: 50vh; } .dgc-hero-offset-inner > div:last-child { width: calc(100% - 64px); margi= n-top: -144px !important; padding: 32px !important; } } .dgc-hero-fullscreen { --dgc-hero-grid: '. . . .' 2fr '. heading . .' '. item . .' '. . . .' 1fr / 80px 8fr 10fr 80px; --dgc-hero-heading-font-size: 58px;= --dgc-hero-heading-line-height: 64px; --dgc-hero-margin: 0 calc(-50vw + 50= %); } .dgc-hero-fullscreen .devsite-banner-announcement { display: none; } @media screen and (max-width: 1000px) { .dgc-hero-fullscreen { --dgc-hero-grid: '. .' 4fr 'heading .' 'item .' '. .' 1fr / 2fr 1fr; --dgc-hero-margin: 0; } } @media screen and (max-width: 600px) { .dgc-hero-fullscreen { --dgc-hero-grid: '.' 5fr 'heading' 'item' '.' 1fr / 1fr; --dgc-hero-heading-font-size: 36px; --dgc-hero-heading= -line-height: 40px; } } .dgc-hero-fullscreen .devsite-wrapper { overflow: unset !important; } .dgc-hero-fullscreen-row { overflow: hidden; padding: 0px; position: relati= ve; z-index: 1; background: transparent !important; } .dgc-hero-fullscreen-row::after, .dgc-hero-fullscreen-row .devsite-landing-= row-html { height: calc(-48px + 100vh); } .dgc-hero-fullscreen-row::after { background: url("/web/20230131072923im_/h= ttps://developers.google.com/homepage-assets/images/io-promo.svg") 55% top = / cover; content: ""; position: absolute; top: 0px; width: 100vw; } .dgc-hero-fullscreen-row .devsite-landing-row-html { display: grid; grid: v= ar(--dgc-hero-grid); margin: var(--dgc-hero-margin); } .dgc-hero-fullscreen-row h2, .dgc-hero-fullscreen-item { z-index: 1; } .dgc-hero-fullscreen-row h2 { color: white; font-size: var(--dgc-hero-headi= ng-font-size); grid-area: heading; line-height: var(--dgc-hero-heading-line= -height); } .dgc-hero-fullscreen-item { background: var(--tenant-background-1); border:= var(--tenant-primary-border); border-radius: 8px; grid-area: item; padding= : 16px; } .dgc-hero-fullscreen-row + .dgc-logo-garden { bottom: -30vh; position: stic= ky; } .dgc-hero + .devsite-landing-row:not(.dgc-recs) { border-top: 2px solid rgb= (241, 243, 244); } .dgc-hero img { aspect-ratio: 720 / 416; } .dgc-hero .devsite-landing-row-item .devsite-landing-row-item-body h3 { fon= t-size: 32px; line-height: 40px; } .dgc-hero .devsite-landing-row-item-image { margin: 40px auto; } .dgc-hero .devsite-landing-row-item-buttons { padding-top: 38px; } .dgc-recs-fallback { padding-top: 46px; } .dgc-recs-carousel { padding-bottom: 16px; } @media screen and (max-width: 600px) { .dgc-recs-carousel { padding: 16px 26px; } } .dgc-recs-fallback h2 { display: flex; font-size: 16px; line-height: 24px; = margin-block: 0px 24px; } .dgc-recs-fallback[header-position=3D"top"] .devsite-landing-row-header + .= devsite-landing-row-group { margin: 0px; } .dgc-recs-fallback .devsite-landing-row-item-no-media h3 { font-size: 20px;= line-height: 28px; } .dgc-recs-fallback .devsite-landing-row-item-icon-container[size], .dgc-rec= s-fallback [size] .devsite-landing-row-item-icon { height: 32px; width: 32p= x; } .dgc-logo-garden .devsite-landing-row-item-custom-image-icon { width: 64px;= } .dgc-logo-garden-cta { padding-bottom: 100px; } @media screen and (max-width: 600px) { .dgc-hero-fullscreen-row + .dgc-logo-garden { bottom: -70vh; } .dgc-logo-garden-cta { margin-top: 40px; } } .dgc-programs.devsite-landing-row-item { overflow: visible; } .dgc-programs .devsite-landing-row-item-image { position: relative; } .dgc-programs .devsite-landing-row-item-image::before { background: center = center / contain no-repeat; content: ""; display: block; height: 160px; pos= ition: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: = 160px; } .dgc-programs--events .devsite-landing-row-item-image::before { background-= image: url("/web/20230131072923im_/https://developers.google.com/site-asset= s/images/home/events-graphic.png"); } .dgc-programs--community .devsite-landing-row-item-image::before { backgrou= nd-image: url("/web/20230131072923im_/https://developers.google.com/site-as= sets/images/home/community-graphic.png"); } @media screen and (max-width: 840px) { .dgc-programs .devsite-landing-row-item-media { overflow: visible !import= ant; } } .devsite-directory__wrapper { padding: 0px 12px; } .devsite-directory__content { display: grid; gap: 24px; grid-template-colum= ns: repeat(var(--directory-columns, 4), 1fr); } .devsite-directory__content__item { background-color: rgb(255, 255, 255); m= argin: 0px; padding: 0px; } .experts-row { overflow: hidden; } .experts-directory__item__profile { padding: 20px 20px 0px; text-align: cen= ter; } .experts-directory__item__profile-pic-holder { background-size: cover; bord= er-radius: 50%; display: block; height: 100px; margin: 0px auto 20px; overf= low: hidden; position: relative; width: 100px; } .experts-directory__item__name { margin: 0px; } .experts-directory__item__name h3 { font-size: 12px; font-style: normal; fo= nt-weight: 500; padding-top: 15px; text-align: center; } .experts-directory__item__location, .experts-directory__item__experience { = margin-top: 0px; } .experts-directory__item__expertise { color: gray; } .experts-directory__item__view-profile { margin: auto auto 16px; } @media screen and (max-width: 1000px) { .devsite-directory__content { --directory-columns: 2; } } @media screen and (max-width: 500px) { .devsite-directory__content { --directory-columns: 1; } } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230131013150cs_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/css/app.css @charset "utf-8"; [theme=3D"developers"] { --devsite-primary-color: #1a73e8; --devsite-second= ary-color: #185abc; } [foreground=3D"developers"], [theme=3D"developers"] [foreground=3D"theme"] = { --devsite-foreground-color: #1a73e8; --devsite-foreground-button-backgrou= nd-hover: #e8f1fd; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #c6dcf9; --devsite-foreground-bu= tton-border-color-active: #e8f1fd; --devsite-foreground-button-color: #1a73= e8; --devsite-foreground-button-primary-background: #1a73e8; --devsite-fore= ground-button-primary-background-hover: #185abc; --devsite-foreground-butto= n-primary-color: #fff; } [theme=3D"blue-grey"] { --devsite-primary-color: #607d8b; --devsite-seconda= ry-color: #455a64; } [theme=3D"blue-grey-dark"] { --devsite-primary-color: #455a64; --devsite-se= condary-color: #37474f; } [theme=3D"cyan"] { --devsite-primary-color: #12b5cb; --devsite-secondary-co= lor: #098591; } [theme=3D"deep-orange"] { --devsite-primary-color: #ff5722; --devsite-secon= dary-color: #e64a19; } [theme=3D"deep-purple"] { --devsite-primary-color: #673ab7; --devsite-secon= dary-color: #512da8; } [theme=3D"google-blue"] { --devsite-primary-color: #1a73e8; --devsite-secon= dary-color: #185abc; } [theme=3D"google-green"] { --devsite-primary-color: #1e8e3e; --devsite-seco= ndary-color: #137333; } [theme=3D"google-red"] { --devsite-primary-color: #d93025; --devsite-second= ary-color: #b31412; } [theme=3D"google-yellow"] { --devsite-primary-color: #f9ab00; --devsite-sec= ondary-color: #ea8600; } [theme=3D"indigo"] { --devsite-primary-color: #3f51b5; --devsite-secondary-= color: #303f9f; } [theme=3D"orange"] { --devsite-primary-color: #e8710a; --devsite-secondary-= color: #c26401; } [theme=3D"pink"] { --devsite-primary-color: #e52592; --devsite-secondary-co= lor: #b80672; } [theme=3D"purple"] { --devsite-primary-color: #9334e6; --devsite-secondary-= color: #7627bb; } [theme=3D"teal"] { --devsite-primary-color: #009688; --devsite-secondary-co= lor: #00796b; } [theme=3D"blue"] { --devsite-primary-color: #1a73e8; --devsite-secondary-co= lor: #185abc; } [theme=3D"green"] { --devsite-primary-color: #1e8e3e; --devsite-secondary-c= olor: #137333; } [theme=3D"light-blue"] { --devsite-primary-color: #0288d1; --devsite-second= ary-color: #01579b; } [theme=3D"light-green"] { --devsite-primary-color: #8bc34a; --devsite-secon= dary-color: #689f38; } [theme=3D"navy"] { --devsite-primary-color: #3f51b5; --devsite-secondary-co= lor: #303f9f; } [theme=3D"pale-blue"] { --devsite-primary-color: #12b5cb; --devsite-seconda= ry-color: #098591; } [theme=3D"google-yellow"], [theme=3D"light-green"] { --devsite-header-foreg= round-lower: rgba(0,0,0,.87); --devsite-header-foreground-lower-hover: #202= 124; --devsite-header-foreground-lower-active: #202124; } [theme=3D"cyan"] [background=3D"theme"], [theme=3D"google-yellow"] [backgro= und=3D"theme"], [theme=3D"light-green"] [background=3D"theme"], [theme=3D"o= range"] [background=3D"theme"] { --devsite-background-button-white-color: #= 202124; --devsite-link-color: #202124; --devsite-text-color: #202124; --dev= site-text-color-hover: hsla(210,6%,63%,.5); } [theme=3D"cyan"] { --devsite-background-color: #43cde6; } [theme=3D"google-yellow"] { --devsite-background-color: #fcc934; } [theme=3D"light-green"] { --devsite-background-color: #aed581; } [theme=3D"orange"] { --devsite-background-color: #fcad70; } [theme=3D"white"] { --devsite-primary-color: #fff; --devsite-secondary-colo= r: #202124; --devsite-cta-background: var(--devsite-link-color); --devsite-= feedback-icon-background: var(--devsite-link-color); --devsite-header-borde= r: 1px solid #bdc1c6; --devsite-header-foreground-lower: var(--devsite-seco= ndary-text-color); --devsite-header-foreground-lower-hover: var(--devsite-p= rimary-text-color); --devsite-header-foreground-lower-active: var(--devsite= -primary-text-color); --devsite-progress-background-color: #5f6368; --devsi= te-toc-border: #039be5; --devsite-user-avatar-background: var(--devsite-lin= k-color); --devsite-user-avatar-color: var(--devsite-inverted-text-color); = } [theme=3D"white"] .devsite-product-button-row { --devsite-button-border: 1p= x solid #dadce0; --devsite-button-border-hover: 1px solid #d2e3fc; --devsit= e-button-border-active: 1px solid #e8f0fe; --devsite-button-line-height: 34= px; } [theme=3D"cars-theme"] { --devsite-body-background: #fff; --devsite-header-= color-lower: #f7f9fa; --devsite-header-foreground-lower: rgba(32,33,36,.7);= --devsite-header-foreground-lower-hover: #202124; --devsite-header-foregro= und-lower-active: #202124; --devsite-header-foreground-lower-description: #= 202124; --devsite-header-link-color: #1a73e8; --devsite-header-link-color-a= ctive: #185abc; --devsite-lower-tab-marker-color-active: #3ddc84; --devsite= -page-border: 1px solid #dadce0; --devsite-page-border-radius: 8px; --devsi= te-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-marker-color: #3ddc84; } [theme=3D"cars-theme"] { --devsite-primary-color: #3ddc84; --devsite-second= ary-color: #00a956; } [foreground=3D"cars-theme"], [theme=3D"cars-theme"] [foreground=3D"theme"] = { --devsite-foreground-color: #3ddc84; --devsite-foreground-button-backgrou= nd-hover: #ecfcf3; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #cff6e0; --devsite-foreground-bu= tton-border-color-active: #ecfcf3; --devsite-foreground-button-color: #3ddc= 84; --devsite-foreground-button-primary-background: #3ddc84; --devsite-fore= ground-button-primary-background-hover: #00a956; --devsite-foreground-butto= n-primary-color: #fff; } [theme=3D"nest-theme"] { --devsite-header-icon-color-active: #bdc1c6; --dev= site-header-link-color: #039be5; --devsite-header-link-color-active: #0277b= d; --devsite-upper-tab-marker-color: #0096c8; } [theme=3D"nest-theme"] { --devsite-primary-color: #00afd8; --devsite-second= ary-color: #0096c8; } [foreground=3D"nest-theme"], [theme=3D"nest-theme"] [foreground=3D"theme"] = { --devsite-foreground-color: #00afd8; --devsite-foreground-button-backgrou= nd-hover: #e6f7fb; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #bfebf5; --devsite-foreground-bu= tton-border-color-active: #e6f7fb; --devsite-foreground-button-color: #00af= d8; --devsite-foreground-button-primary-background: #00afd8; --devsite-fore= ground-button-primary-background-hover: #0096c8; --devsite-foreground-butto= n-primary-color: #fff; } [theme=3D"stadia-theme"] { --devsite-header-link-color: #9b0063; --devsite-= header-link-color-active: #680039; --devsite-header-link-color-visited: #d0= 4791; } [theme=3D"stadia-theme"] { --devsite-primary-color: #9b0063; --devsite-seco= ndary-color: #680039; } [foreground=3D"stadia-theme"], [theme=3D"stadia-theme"] [foreground=3D"them= e"] { --devsite-foreground-color: #9b0063; --devsite-foreground-button-back= ground-hover: #f5e6ef; --devsite-foreground-button-border-color: #dadce0; -= -devsite-foreground-button-border-color-hover: #e6bfd8; --devsite-foregroun= d-button-border-color-active: #f5e6ef; --devsite-foreground-button-color: #= 9b0063; --devsite-foreground-button-primary-background: #9b0063; --devsite-= foreground-button-primary-background-hover: #680039; --devsite-foreground-b= utton-primary-color: #fff; } [theme=3D"youtube-theme"] { --devsite-primary-color: red; --devsite-seconda= ry-color: #c20000; } [foreground=3D"youtube-theme"], [theme=3D"youtube-theme"] [foreground=3D"th= eme"] { --devsite-foreground-color: red; --devsite-foreground-button-backgr= ound-hover: #ffe6e6; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #ffbfbf; --devsite-foreground-= button-border-color-active: #ffe6e6; --devsite-foreground-button-color: red= ; --devsite-foreground-button-primary-background: red; --devsite-foreground= -button-primary-background-hover: #c20000; --devsite-foreground-button-prim= ary-color: #fff; } body, dd, div, dl, figure, form, img, input, menu { margin: 0px; padding: 0= px; } body[no-overflow] { overflow: hidden; } iframe { border: 0px; } iframe:not([src]) { display: none; } .beta > :first-child, .caution > :first-child, .deprecated > :first-child, = .dogfood > :first-child, .experimental > :first-child, .key-point > :first-= child, .key-term > :first-child, .note > :first-child, .objective > :first-= child, .preview > :first-child, .quickstart-left > :first-child, .quickstar= t-wide > :first-child, .special > :first-child, .success > :first-child, .w= arning > :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: 0px; } .beta > :last-child, .caution > :last-child, .deprecated > :last-child, .do= gfood > :last-child, .experimental > :last-child, .key-point > :last-child,= .key-term > :last-child, .note > :last-child, .objective > :last-child, .p= review > :last-child, .quickstart-left > :last-child, .quickstart-wide > :l= ast-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 > .expa= ndable:last-child > :last-child, td > :last-child, td > :last-child > li:la= st-child { margin-bottom: 0px; } html { box-sizing: border-box; } *, ::after, ::before { box-sizing: inherit; } .clearfix::after, .quickstart-step::after { clear: both; content: ""; displ= ay: table; height: 0px; visibility: hidden; } :root { --devsite-code-font-family: Roboto Mono,monospace; --devsite-primar= y-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-h1= -margin: 40px 0 20px; --devsite-h2-margin: 40px 0 20px; --devsite-h3-margin= : 32px 0 16px; --devsite-h4-font: 500 16px/24px var(--devsite-primary-font-= family); --devsite-h5-font: 700 14px/24px var(--devsite-primary-font-family= ); --devsite-h6-font: 500 14px/24px var(--devsite-primary-font-family); --d= evsite-background-0: #e8eaed; --devsite-background-1: #fff; --devsite-backg= round-2: #f8f9fa; --devsite-background-3: #f1f3f4; --devsite-background-4: = #e8eaed; --devsite-background-5: #dadce0; --devsite-primary-text-color: #20= 2124; --devsite-primary-text-rgba: rgba(0,0,0,.87); --devsite-secondary-tex= t-color: #5f6368; --devsite-secondary-text-rgba: rgba(0,0,0,.65); --devsite= -tertiary-text-color: #bdc1c6; --devsite-tertiary-text-rgba: rgba(0,0,0,.26= ); --devsite-inverted-text-color: #fff; --devsite-inverted-text-color-hover= : hsla(0,0%,100%,.7); --devsite-inverted-text-rgba: hsla(0,0%,100%,.7); --d= evsite-primary-border: 1px solid #dadce0; --devsite-secondary-border: 1px s= olid #e8eaed; --devsite-elevation-key-shadow-color: rgba(60,64,67,.3); --de= vsite-elevation-ambient-shadow-color: rgba(60,64,67,.15); --devsite-elevati= on-inset-shadow-color: hsla(210,6%,63%,.5); --tenant-background-1: #fff; --= tenant-background-2: #f8f9fa; --tenant-background-3: #f1f3f4; --tenant-prim= ary-text-color: #202124; --tenant-secondary-text-color: #5f6368; --tenant-i= nverted-text-color: #fff; --tenant-primary-border: 1px solid #dadce0; --ten= ant-secondary-border: 1px solid #e8eaed; --devsite-link-background: #d2e3fc= ; --devsite-link-background-active: #e8f0fe; --devsite-link-color: #1a73e8;= --devsite-contrast-link-color: #185abc; --devsite-button-background-hover:= #e4eefc; --devsite-button-background-active: #c8ddf9; --devsite-button-col= or: #1a73e8; --devsite-button-primary-color: #fff; --devsite-caution-notice= -background: #feefe3; --devsite-caution-notice-color: #bf360c; --devsite-ke= y-point-notice-background: #e8eaf6; --devsite-key-point-notice-color: #3f51= b5; --devsite-key-term-notice-background: #f3e8fd; --devsite-key-term-notic= e-color: #9334e6; --devsite-note-notice-background: #e1f5fe; --devsite-note= -notice-color: #01579b; --devsite-status-notice-background: #eceff1; --devs= ite-status-notice-color: #546e7a; --devsite-success-notice-background: #e0f= 2f1; --devsite-success-notice-color: #00796b; --devsite-warning-notice-back= ground: #fce8e6; --devsite-warning-notice-color: #d50000; --devsite-notice-= margin: 16px 0; --devsite-notice-padding-block: 16px; --devsite-notice-padd= ing-inline: 60px 24px; --devsite-book-nav-background: var(--devsite-backgro= und-1); --devsite-card-background: var(--devsite-background-1); --devsite-c= ard-header-background: var(--devsite-background-3); --devsite-checkbox-bord= er-radius: 2px; --devsite-checkbox-icon-canvas-border-radius: 50%; --devsit= e-checkbox-icon-canvas-offset-x: -9px; --devsite-checkbox-icon-canvas-offse= t-y: -9px; --devsite-checkbox-icon-canvas-size: 36px; --devsite-checkbox-ma= rgin-block: -2px 2px; --devsite-checkbox-margin-inline: 0 8px; --devsite-ch= eckbox-offset-x: 3px; --devsite-checkbox-offset-y: -3px; --devsite-checkbox= -size: 18px; --devsite-feature-tooltip-background-color: #1a73e8; --devsite= -feature-tooltip-offset-y: 3px; --devsite-input-background: var(--devsite-b= ackground-1); --devsite-input-border: var(--devsite-secondary-border); --de= vsite-item-gap: 24px; --devsite-mdc-line-height: 56px; --devsite-scrollbar-= thumb-background: hsla(207,5%,52%,.26); --devsite-select-background-image: = url('data:image/svg+xml;utf8,'); --devsite-select-border-radius: 2px; } [lang=3D"ar"], [lang=3D"fa"] { --devsite-nav-item-line-height: 18px; } devsite-appearance-selector { --devsite-appearance-selector-menu-transform:= translate3d(-10px,0,0); } [dir=3D"rtl"] devsite-appearance-selector { --devsite-appearance-selector-m= enu-transform: translate3d(calc(46px - 100%),0,0); } devsite-bookmark { --devsite-bookmark-background: 0; --devsite-bookmark-bac= kground-focus-legacy: var(--devsite-background-4); --devsite-bookmark-backg= round-hover-legacy: var(--devsite-background-3); --devsite-bookmark-icon-co= lor: var(--devsite-secondary-text-color); --devsite-bookmark-icon-color-sav= ed: var(--devsite-link-color); --devsite-bookmark-icon-color-saved-hover: #= 174ea6; --devsite-dropdown-list-toggle-background-hover: var(--devsite-back= ground-3); --devsite-dropdown-list-toggle-border: var(--devsite-primary-bor= der,0); --devsite-dropdown-list-toggle-border-hover: var(--devsite-primary-= border); --devsite-dropdown-list-toggle-height: 36px; } devsite-book-nav { --devsite-book-nav-input-height: 32px; --devsite-nav-div= ider-background: #eceff1; } .devsite-book-nav-toggle[aria-expanded] { --devsite-book-nav-toggle-backgro= und: var(--devsite-background-3); --devsite-book-nav-toggle-background-hove= r: var(--devsite-background-4); } .devsite-book-nav-toggle:not([aria-expanded]) { --devsite-book-nav-toggle-b= ackground: var(--devsite-background-1); --devsite-book-nav-toggle-backgroun= d-hover: var(--devsite-background-3); } devsite-carousel { --devsite-carousel-gap: 16px 24px; --devsite-carousel-gr= id: 1fr 40px/40px 1fr 40px; --devsite-carousel-item-flex: 0 0 var(--devsite= -carousel-item-width,auto); --devsite-carousel-marker-margin-inline: -18px = 0; --devsite-carousel-marker-size: 12px; --devsite-carousel-markers-gap: 0 = 4px; --devsite-carousel-markers-grid-column: 2; --devsite-carousel-markers-= grid-row: 2; --devsite-carousel-next-grid-column: 3; --devsite-carousel-pre= v-grid-column: 1; --devsite-carousel-prev-next-grid-row: 2; --devsite-carou= sel-slideshow-grid-column: 1/-1; --devsite-carousel-slideshow-grid-row: 1; = } devsite-carousel[data-items-per-slide] { --devsite-carousel-item-gap: 0 24p= x; } devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-carousel-item-g= ap: 0 8px; } [template=3D"page"] devsite-carousel[data-full-width], [template=3D"page"] = devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-carousel-gap: 1= 6px 40px; --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0; --devsite-ca= rousel-margin-inline: -40px; --devsite-carousel-markers-grid-column: 3; --d= evsite-carousel-next-grid-column: 4; --devsite-carousel-prev-grid-column: 2= ; --devsite-carousel-slideshow-grid-column: 1/-1; --devsite-carousel-slides= how-padding-inline: 40px; } [template=3D"page"] devsite-carousel[data-items-per-slide=3D"auto"] { --dev= site-carousel-ghost-item-width: 32px; --devsite-carousel-slideshow-scroll-p= adding: 0 40px; } devsite-catalog { --devsite-button-icon-content: "cancel"; --devsite-button= -icon-margin-x-end: 8px; --devsite-button-icon-margin-x-start: 8px; --devsi= te-catalog-grid: "sidebar main" 1fr/1fr 3fr; --devsite-chips-gap: 8px; --de= vsite-dynamic-content-margin: 0; --devsite-input-border-radius: var(--devsi= te-card-border-radius); --devsite-input-height: 40px; --devsite-input-paddi= ng: 7px 16px; --devsite-input-width: 100%; --devsite-notice-margin: 16px 0;= --devsite-notice-padding-block: 16px; --devsite-notice-padding-inline: 60p= x 24px; --devsite-catalog-sidebar-button-display: none !important; } [layout=3D"docs"] devsite-catalog { --devsite-catalog-grid: "sidebar main" = 1fr/1fr 2fr; } [layout=3D"docs"] devsite-catalog:not([items-across]), devsite-catalog[temp= late=3D"activity"]:not([items-across]) { --devsite-columns: 2; } devsite-catalog .catalog-filter-chip { --devsite-button-sibling-gap-x: 0; } [dir=3D"ltr"] devsite-catalog .catalog-filter-chip { --devsite-button-paddi= ng: 0 0 0 12px; } [dir=3D"rtl"] devsite-catalog .catalog-filter-chip { --devsite-button-paddi= ng: 0 12px 0 0; } devsite-code, devsite-content { --devsite-code-background: #f1f3f4; --devsi= te-code-color: #37474f; --devsite-var-color: #d01884; } devsite-code { --devsite-code-buttons-toggle-dark-display: inline; --devsit= e-code-buttons-toggle-light-display: none; --devsite-code-comments-color: #= b80672; --devsite-code-keywords-color: #1967d2; --devsite-code-numbers-colo= r: #c5221f; --devsite-code-strings-color: #188038; --devsite-code-types-col= or: #9334e6; --devsite-github-link-icon: url('data:image/svg+xml;utf8,'); } devsite-code[dark-code] { --devsite-code-background: #283142; --devsite-cod= e-buttons-color: hsla(0,0%,100%,.7); --devsite-code-buttons-hover: #fff; --= devsite-code-buttons-toggle-dark-display: none; --devsite-code-buttons-togg= le-light-display: inline; --devsite-code-color: #eceff1; --devsite-code-com= ments-color: #ff8bcb; --devsite-code-keywords-color: #78d9ec; --devsite-cod= e-numbers-color: #fbc02d; --devsite-code-strings-color: #9ccc65; --devsite-= code-types-color: #d7aefb; --devsite-github-link-icon: url('data:image/svg+= xml;utf8,'); --devsite-s= crollbar-thumb-background: hsla(0,0%,100%,.7); --devsite-var-color: #ff8bcb= ; } devsite-content { --devsite-compare-yes-color: #34a853; --devsite-compare-n= o-color: #dd2c00; --devsite-confidential-results-background: hsla(27,93%,94= %,.5); --devsite-search-results-breadcrumb-color: #1e8e3e; --devsite-select= -sibling-gap-x: 16px; --devsite-steps-title-border-focus: 1px solid #174ea6= ; --devsite-steps-title-color: #174ea6; --devsite-dropdown-list-border-radi= us: var( --devsite-dropdown-list-toggle-border-radius ); --devsite-dropdown-list-min-width: 194px; --devsite-dropdown-list-togg= le-background-hover: var(--devsite-background-2); --devsite-dropdown-list-t= oggle-border-radius: 4px; --devsite-dropdown-list-toggle-color: var(--devsi= te-secondary-text-color); --devsite-dropdown-list-toggle-color-hover: var(-= -devsite-primary-text-color); } devsite-device { --devsite-device-border-color: #ddd; } devsite-dynamic-content { --devsite-progress-background: #dadce0; --devsite= -progress-background-2: #dadce0; --devsite-progress-background-4: #dadce0; = --devsite-progress-bar-color: #f9ab00; } devsite-dynamic-content .completed { --devsite-progress-bar-color: #1e8e3e;= } devsite-dynamic-hero { --devsite-background-text-decoration: none; } devsite-footer-linkboxes { --devsite-footer-linkboxes-grid-template-columns= : repeat(auto-fit,minmax(85.4px,1fr)); --devsite-footer-linkboxes-padding: = 0 24px; } devsite-footer-utility devsite-language-selector { --devsite-language-selec= tor-menu-inset-inline: auto 0; --devsite-language-selector-menu-transform: = translate3d(0,calc(-100% - 36px),0); } devsite-header devsite-language-selector { --devsite-select-color: #3c4043;= } devsite-multiple-choice { --devsite-multiple-choice-answer-border-bottom: v= ar(--devsite-primary-border); --devsite-multiple-choice-answer-border-top: = 0; --devsite-multiple-choice-background: var(--devsite-background-2); --dev= site-multiple-choice-border: 0; --devsite-multiple-choice-border-radius: 0;= --devsite-multiple-choice-correct-background: #f8fbf9; --devsite-multiple-= choice-correct-color: #137333; --devsite-multiple-choice-incorrect-backgrou= nd: #fef9f9; --devsite-multiple-choice-incorrect-color: #d32f2f; --devsite-= multiple-choice-overflow: visible; --devsite-multiple-choice-question-backg= round: var( --devsite-secondary-text-color ); --devsite-multiple-choice-question-color: var(--devsite-inverted-text-= color); } devsite-nav-buttons { --devsite-button-primary-background-selected: #174ea6= ; } devsite-playlist { --devsite-playlist-icon-color: #0d652d; --devsite-playli= st-max-width: 936px; --devsite-playlist-padding-x: 40px; } [type=3D"playlist"] { --devsite-card-image-object-fit: contain; } devsite-playlist devsite-bookmark { --devsite-bookmark-background-focus-leg= acy: rgba(138,180,248,.12); --devsite-bookmark-background-hover-legacy: rgb= a(138,180,248,.12); --devsite-bookmark-icon-arrow-color: #dadce0; --devsite= -bookmark-icon-color: #dadce0; --devsite-bookmark-icon-color-saved: #8ab4f8= ; --devsite-bookmark-icon-color-saved-hover: #d2e3fc; --devsite-dropdown-li= st-toggle-background-hover: hsla(220,9%,87%,.24); --devsite-dropdown-list-t= oggle-border: 1px solid #5f6368; --devsite-dropdown-list-toggle-border-hove= r: 1px solid #5f6368; --devsite-dropdown-list-toggle-color-hover: #dadce0; = } devsite-quiz { --devsite-quiz-correct-background: #e6f4ea; --devsite-quiz-c= orrect-border-color: #e6f4ea; --devsite-quiz-correct-border-color-focus: #1= e8e3e; --devsite-quiz-correct-color: #1e8e3e; --devsite-quiz-error-backgrou= nd: #fce8e6; --devsite-quiz-error-border-color: #fce8e6; --devsite-quiz-err= or-border-color-focus: #d93025; --devsite-quiz-error-color: #d93025; --devs= ite-quiz-partially-correct-background: #feefe3; --devsite-quiz-partially-co= rrect-color: #e8710a; --devsite-quiz-partially-correct-indicator-background= : orange; --devsite-quiz-secondary-text-color: #5f6368; } devsite-recommendations-sidebar, devsite-recommended-content { --devsite-re= commendations-accent: #01579b; } devsite-recommended-content { --devsite-background-text-decoration: none; -= -devsite-checkbox-margin-block: 0; --devsite-checkbox-margin-inline: 0; --d= evsite-checkbox-size: 0; --devsite-h1-margin: 0; --devsite-h3-margin: 0; --= devsite-recommended-content-filters-overflow: scroll hidden; --devsite-reco= mmended-content-grid: "list-header" 24px "content"/1fr; --devsite-recommend= ed-content-item-show-all-display: flex; --devsite-recommended-content-toggl= e-display: none; } devsite-recommended-content[filters] { --devsite-recommended-content-grid: = "filters-header" 24px "filters" minmax(40px,auto) "list-header" 24px "conte= nt" /1fr; } devsite-recommended-content devsite-carousel { --devsite-carousel-button-co= lor: var(--devsite-secondary-text-color); --devsite-carousel-button-color-h= over: var(--devsite-primary-text-color); --devsite-carousel-marker-margin-i= nline: -16px 0; --devsite-carousel-marker-size: 8px; --devsite-carousel-mar= kers-background-focus: var( --devsite-secondary-text-color ); --devsite-carousel-markers-background-hover: var( --devsite-secondary-text-color ); --devsite-carousel-markers-gap: 0; --devsite-carousel-prev-next-box-sh= adow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px v= ar(--devsite-elevation-ambient-shadow-color); --devsite-recommended-content= -filters-overflow: initial; } [template=3D"landing"] devsite-recommended-content devsite-carousel { --dev= site-carousel-gap: 0; --devsite-carousel-grid: 1fr auto/24px 24px 1fr 24px = 24px; --devsite-carousel-margin-inline: -24px; --devsite-carousel-markers-g= rid-column: 2/-2; --devsite-carousel-markers-grid-row: 2; --devsite-carouse= l-next-grid-column: -1/-3; --devsite-carousel-prev-grid-column: 1/3; --devs= ite-carousel-prev-next-grid-row: 1; --devsite-carousel-slideshow-grid-colum= n: 2/-2; --devsite-carousel-slideshow-grid-row: 1; --devsite-carousel-slide= show-padding-inline: 24px; } devsite-recommended-content devsite-carousel[data-items-per-slide=3D"auto"]= { --devsite-carousel-gradient-background: var(--devsite-background-3); --d= evsite-carousel-gradient-display: block; --devsite-carousel-gradient-end-gr= id-column: 5; --devsite-carousel-gradient-grid-row: 1; --devsite-carousel-g= radient-start-grid-column: 1; --devsite-carousel-markers-display: none; --d= evsite-carousel-slideshow-margin-block: -8px; --devsite-carousel-slideshow-= padding-block: 8px; } devsite-book-nav, devsite-search { --devsite-searchbox-hover: #e8eaed; --de= vsite-searchbox-inactive: var(--devsite-background-3); --devsite-search-bor= der-radius: 2px; --devsite-search-form-background-active: var(--devsite-bac= kground-3); --devsite-search-height: 36px; --devsite-search-image-top: 6px;= --devsite-search-image-x: 8px; --devsite-search-field-border: 0; --devsite= -search-field-height: 36px; --devsite-search-field-padding-x-start: 40px; } devsite-select { --devsite-select-display: inline-block; } devsite-user { --devsite-notification-background: #1967d2; } google-codelab-about { --google-codelab-about-active-border-color: #1a73e8;= } table { --devsite-alt-table-cell-background: rgba(241,243,244,.75); --devsi= te-h2-border: 0; --devsite-responsive-table-first-column-background: #f1f3f= 4; --devsite-table-cell-background: hsla(0,0%,100%,.95); --devsite-table-he= ading-background: #e8eaed; } table.blue { --devsite-alt-table-cell-background: #f6f7fb; --devsite-table-= heading-background: 0; --devsite-responsive-table-first-column-background: = #f6f7fb; --devsite-table-row-background: #e8eaf6; --devsite-table-row-borde= r: 1px solid #c5cae9; } table.blue table { --devsite-table-heading-background: inherit; } table.cyan { --devsite-alt-table-cell-background: #f4fcfd; --devsite-table-= heading-background: 0; --devsite-responsive-table-first-column-background: = #f4fcfd; --devsite-table-row-background: #e4f7fb; --devsite-table-row-borde= r: 1px solid #a1e4f2; } table.cyan table { --devsite-table-heading-background: inherit; } table.green { --devsite-alt-table-cell-background: #f3faf9; --devsite-table= -heading-background: 0; --devsite-responsive-table-first-column-background:= #f3faf9; --devsite-table-row-background: #e0f2f1; --devsite-table-row-bord= er: 1px solid #b2dfdb; } table.green table { --devsite-table-heading-background: inherit; } table.orange { --devsite-alt-table-cell-background: #fff9f4; --devsite-tabl= e-heading-background: 0; --devsite-responsive-table-first-column-background= : #fff9f4; --devsite-table-row-background: #feefe3; --devsite-table-row-bor= der: 1px solid #fedfc8; } table.orange table { --devsite-table-heading-background: inherit; } table.pink { --devsite-alt-table-cell-background: #fef5fa; --devsite-table-= heading-background: 0; --devsite-responsive-table-first-column-background: = #fef5fa; --devsite-table-row-background: #fde7f3; --devsite-table-row-borde= r: 1px solid #fdcfe8; } table.pink table { --devsite-table-heading-background: inherit; } table.purple { --devsite-alt-table-cell-background: #faf6fe; --devsite-tabl= e-heading-background: 0; --devsite-responsive-table-first-column-background= : #faf6fe; --devsite-table-row-background: #f3e8fd; --devsite-table-row-bor= der: 1px solid #e9d2fd; } table.purple table { --devsite-table-heading-background: inherit; } .devsite-header-billboard { --devsite-h1-margin: 14px 0; } [background] { --devsite-background-button-border-color: transparent; --dev= site-background-button-color: var(--devsite-button-color); --devsite-backgr= ound-button-color-hover: var(--devsite-button-color); --devsite-background-= button-primary-background: var(--devsite-background-1); --devsite-backgroun= d-button-primary-background-hover: var( --devsite-link-background-active ); --devsite-background-button-primary-color: var(--devsite-button-color)= ; --devsite-background-button-primary-color-hover: var(--devsite-button-col= or); --devsite-background-button-white-background-hover: hsla(210,6%,63%,.3= ); --devsite-background-button-white-background-focus: hsla(210,6%,63%,.5);= --devsite-background-button-white-color: var(--devsite-inverted-text-color= ); --devsite-heading-color: var(--devsite-inverted-text-color); --devsite-i= con-color: var(--devsite-inverted-text-color); --devsite-icon-color-hover: = var(--devsite-inverted-text-color-hover); --devsite-link-color: var(--devsi= te-inverted-text-color); } .devsite-landing-row-cta { --devsite-button-border: 1px solid transparent; = --devsite-button-border-active: 1px solid transparent; --devsite-button-bor= der-hover: 1px solid transparent; --devsite-button-primary-background: var(= --devsite-background-1); --devsite-button-primary-background-hover: var( --devsite-link-background-active ); --devsite-button-primary-color: var(--devsite-button-color); --devsite= -button-primary-color-hover: var(--devsite-button-color); --devsite-button-= raised-background: var(--devsite-background-1); --devsite-button-raised-bac= kground-active: var( --devsite-link-background-active ); --devsite-button-raised-background-hover: var( --devsite-link-background-active ); --devsite-button-white-background-focus: hsla(210,6%,63%,.5); --devsit= e-button-white-background-hover: hsla(210,6%,63%,.3); --devsite-button-whit= e-color: var(--devsite-inverted-text-color); } [theme=3D"cyan"] .devsite-landing-row-cta, [theme=3D"google-yellow"] .devsi= te-landing-row-cta, [theme=3D"orange"] .devsite-landing-row-cta, [theme=3D"= pale-blue"] .devsite-landing-row-cta { --devsite-button-white-color: #20212= 4; --devsite-text-color: #202124; } [background=3D"theme"] { --devsite-background-color: var(--devsite-primary-= color); } [background=3D"grey"], [background=3D"white"] { --devsite-background-button= -border-color: #dadce0; --devsite-background-button-color: var(--devsite-bu= tton-color); --devsite-background-button-color-hover: var(--devsite-button-= color); --devsite-background-button-primary-background: var( --devsite-button-primary-background ); --devsite-background-button-primary-background-hover: var( --devsite-button-primary-background-hover ); --devsite-background-button-primary-color: var( --devsite-button-primary-color ); --devsite-background-button-primary-color-hover: var( --devsite-button-primary-color-hover ); --devsite-background-button-white-color: var(--devsite-button-color); = --devsite-icon-color: var(--devsite-secondary-text-color); --devsite-icon-c= olor-hover: var(--devsite-link-color); } [background=3D"blue-grey"] { --devsite-background-color: #607d8b; } [foreground=3D"blue-grey"], [theme=3D"blue-grey"] [foreground=3D"theme"] { = --devsite-foreground-color: #607d8b; --devsite-foreground-button-background= -hover: #eff2f3; --devsite-foreground-button-border-color: #dadce0; --devsi= te-foreground-button-border-color-hover: #d7dfe2; --devsite-foreground-butt= on-border-color-active: #eff2f3; --devsite-foreground-button-color: #607d8b= ; --devsite-foreground-button-primary-background: #607d8b; --devsite-foregr= ound-button-primary-background-hover: #455a64; --devsite-foreground-button-= primary-color: #fff; } [background=3D"blue-grey-dark"] { --devsite-background-color: #455a64; } [foreground=3D"blue-grey-dark"], [theme=3D"blue-grey-dark"] [foreground=3D"= theme"] { --devsite-foreground-color: #455a64; --devsite-foreground-button-= background-hover: #eceff0; --devsite-foreground-button-border-color: #dadce= 0; --devsite-foreground-button-border-color-hover: #d1d6d8; --devsite-foreg= round-button-border-color-active: #eceff0; --devsite-foreground-button-colo= r: #455a64; --devsite-foreground-button-primary-background: #455a64; --devs= ite-foreground-button-primary-background-hover: #37474f; --devsite-foregrou= nd-button-primary-color: #fff; } [background=3D"cyan"] { --devsite-background-color: #12b5cb; } [foreground=3D"cyan"], [theme=3D"cyan"] [foreground=3D"theme"] { --devsite-= foreground-color: #12b5cb; --devsite-foreground-button-background-hover: #e= 7f8fa; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #c4edf2; --devsite-foreground-button-border-= color-active: #e7f8fa; --devsite-foreground-button-color: #12b5cb; --devsit= e-foreground-button-primary-background: #12b5cb; --devsite-foreground-butto= n-primary-background-hover: #098591; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"deep-orange"] { --devsite-background-color: #ff5722; } [foreground=3D"deep-orange"], [theme=3D"deep-orange"] [foreground=3D"theme"= ] { --devsite-foreground-color: #ff5722; --devsite-foreground-button-backgr= ound-hover: #ffeee9; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #ffd5c8; --devsite-foreground-= button-border-color-active: #ffeee9; --devsite-foreground-button-color: #ff= 5722; --devsite-foreground-button-primary-background: #ff5722; --devsite-fo= reground-button-primary-background-hover: #e64a19; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"deep-purple"] { --devsite-background-color: #673ab7; } [foreground=3D"deep-purple"], [theme=3D"deep-purple"] [foreground=3D"theme"= ] { --devsite-foreground-color: #673ab7; --devsite-foreground-button-backgr= ound-hover: #f0ebf8; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #d9ceed; --devsite-foreground-= button-border-color-active: #f0ebf8; --devsite-foreground-button-color: #67= 3ab7; --devsite-foreground-button-primary-background: #673ab7; --devsite-fo= reground-button-primary-background-hover: #512da8; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"google-blue"] { --devsite-background-color: #1a73e8; } [foreground=3D"google-blue"], [theme=3D"google-blue"] [foreground=3D"theme"= ] { --devsite-foreground-color: #1a73e8; --devsite-foreground-button-backgr= ound-hover: #e8f1fd; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #c6dcf9; --devsite-foreground-= button-border-color-active: #e8f1fd; --devsite-foreground-button-color: #1a= 73e8; --devsite-foreground-button-primary-background: #1a73e8; --devsite-fo= reground-button-primary-background-hover: #185abc; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"google-green"] { --devsite-background-color: #1e8e3e; } [foreground=3D"google-green"], [theme=3D"google-green"] [foreground=3D"them= e"] { --devsite-foreground-color: #1e8e3e; --devsite-foreground-button-back= ground-hover: #e9f4ec; --devsite-foreground-button-border-color: #dadce0; -= -devsite-foreground-button-border-color-hover: #c7e3cf; --devsite-foregroun= d-button-border-color-active: #e9f4ec; --devsite-foreground-button-color: #= 1e8e3e; --devsite-foreground-button-primary-background: #1e8e3e; --devsite-= foreground-button-primary-background-hover: #137333; --devsite-foreground-b= utton-primary-color: #fff; } [background=3D"google-red"] { --devsite-background-color: #d93025; } [foreground=3D"google-red"], [theme=3D"google-red"] [foreground=3D"theme"] = { --devsite-foreground-color: #d93025; --devsite-foreground-button-backgrou= nd-hover: #fbeae9; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #f6cbc9; --devsite-foreground-bu= tton-border-color-active: #fbeae9; --devsite-foreground-button-color: #d930= 25; --devsite-foreground-button-primary-background: #d93025; --devsite-fore= ground-button-primary-background-hover: #b31412; --devsite-foreground-butto= n-primary-color: #fff; } [background=3D"google-yellow"] { --devsite-background-color: #f9ab00; } [foreground=3D"google-yellow"], [theme=3D"google-yellow"] [foreground=3D"th= eme"] { --devsite-foreground-color: #f9ab00; --devsite-foreground-button-ba= ckground-hover: #fef7e6; --devsite-foreground-button-border-color: #dadce0;= --devsite-foreground-button-border-color-hover: #feeabf; --devsite-foregro= und-button-border-color-active: #fef7e6; --devsite-foreground-button-color:= #f9ab00; --devsite-foreground-button-primary-background: #f9ab00; --devsit= e-foreground-button-primary-background-hover: #ea8600; --devsite-foreground= -button-primary-color: #fff; } [background=3D"indigo"] { --devsite-background-color: #3f51b5; } [foreground=3D"indigo"], [theme=3D"indigo"] [foreground=3D"theme"] { --devs= ite-foreground-color: #3f51b5; --devsite-foreground-button-background-hover= : #eceef8; --devsite-foreground-button-border-color: #dadce0; --devsite-for= eground-button-border-color-hover: #cfd4ed; --devsite-foreground-button-bor= der-color-active: #eceef8; --devsite-foreground-button-color: #3f51b5; --de= vsite-foreground-button-primary-background: #3f51b5; --devsite-foreground-b= utton-primary-background-hover: #303f9f; --devsite-foreground-button-primar= y-color: #fff; } [background=3D"orange"] { --devsite-background-color: #e8710a; } [foreground=3D"orange"], [theme=3D"orange"] [foreground=3D"theme"] { --devs= ite-foreground-color: #e8710a; --devsite-foreground-button-background-hover= : #fdf1e7; --devsite-foreground-button-border-color: #dadce0; --devsite-for= eground-button-border-color-hover: #f9dcc2; --devsite-foreground-button-bor= der-color-active: #fdf1e7; --devsite-foreground-button-color: #e8710a; --de= vsite-foreground-button-primary-background: #e8710a; --devsite-foreground-b= utton-primary-background-hover: #c26401; --devsite-foreground-button-primar= y-color: #fff; } [background=3D"pink"] { --devsite-background-color: #e52592; } [foreground=3D"pink"], [theme=3D"pink"] [foreground=3D"theme"] { --devsite-= foreground-color: #e52592; --devsite-foreground-button-background-hover: #f= ce9f4; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #f9c9e4; --devsite-foreground-button-border-= color-active: #fce9f4; --devsite-foreground-button-color: #e52592; --devsit= e-foreground-button-primary-background: #e52592; --devsite-foreground-butto= n-primary-background-hover: #b80672; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"purple"] { --devsite-background-color: #9334e6; } [foreground=3D"purple"], [theme=3D"purple"] [foreground=3D"theme"] { --devs= ite-foreground-color: #9334e6; --devsite-foreground-button-background-hover= : #f4ebfd; --devsite-foreground-button-border-color: #dadce0; --devsite-for= eground-button-border-color-hover: #e4ccf9; --devsite-foreground-button-bor= der-color-active: #f4ebfd; --devsite-foreground-button-color: #9334e6; --de= vsite-foreground-button-primary-background: #9334e6; --devsite-foreground-b= utton-primary-background-hover: #7627bb; --devsite-foreground-button-primar= y-color: #fff; } [background=3D"teal"] { --devsite-background-color: #009688; } [foreground=3D"teal"], [theme=3D"teal"] [foreground=3D"theme"] { --devsite-= foreground-color: #009688; --devsite-foreground-button-background-hover: #e= 6f5f3; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #bfe5e1; --devsite-foreground-button-border-= color-active: #e6f5f3; --devsite-foreground-button-color: #009688; --devsit= e-foreground-button-primary-background: #009688; --devsite-foreground-butto= n-primary-background-hover: #00796b; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"blue"] { --devsite-background-color: #1a73e8; } [foreground=3D"blue"], [theme=3D"blue"] [foreground=3D"theme"] { --devsite-= foreground-color: #1a73e8; --devsite-foreground-button-background-hover: #e= 8f1fd; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #c6dcf9; --devsite-foreground-button-border-= color-active: #e8f1fd; --devsite-foreground-button-color: #1a73e8; --devsit= e-foreground-button-primary-background: #1a73e8; --devsite-foreground-butto= n-primary-background-hover: #185abc; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"green"] { --devsite-background-color: #1e8e3e; } [foreground=3D"green"], [theme=3D"green"] [foreground=3D"theme"] { --devsit= e-foreground-color: #1e8e3e; --devsite-foreground-button-background-hover: = #e9f4ec; --devsite-foreground-button-border-color: #dadce0; --devsite-foreg= round-button-border-color-hover: #c7e3cf; --devsite-foreground-button-borde= r-color-active: #e9f4ec; --devsite-foreground-button-color: #1e8e3e; --devs= ite-foreground-button-primary-background: #1e8e3e; --devsite-foreground-but= ton-primary-background-hover: #137333; --devsite-foreground-button-primary-= color: #fff; } [background=3D"light-blue"] { --devsite-background-color: #0288d1; } [foreground=3D"light-blue"], [theme=3D"light-blue"] [foreground=3D"theme"] = { --devsite-foreground-color: #0288d1; --devsite-foreground-button-backgrou= nd-hover: #e6f3fa; --devsite-foreground-button-border-color: #dadce0; --dev= site-foreground-button-border-color-hover: #c0e1f4; --devsite-foreground-bu= tton-border-color-active: #e6f3fa; --devsite-foreground-button-color: #0288= d1; --devsite-foreground-button-primary-background: #0288d1; --devsite-fore= ground-button-primary-background-hover: #01579b; --devsite-foreground-butto= n-primary-color: #fff; } [background=3D"light-green"] { --devsite-background-color: #8bc34a; } [foreground=3D"light-green"], [theme=3D"light-green"] [foreground=3D"theme"= ] { --devsite-foreground-color: #8bc34a; --devsite-foreground-button-backgr= ound-hover: #f3f9ed; --devsite-foreground-button-border-color: #dadce0; --d= evsite-foreground-button-border-color-hover: #e2f0d2; --devsite-foreground-= button-border-color-active: #f3f9ed; --devsite-foreground-button-color: #8b= c34a; --devsite-foreground-button-primary-background: #8bc34a; --devsite-fo= reground-button-primary-background-hover: #689f38; --devsite-foreground-but= ton-primary-color: #fff; } [background=3D"navy"] { --devsite-background-color: #3f51b5; } [foreground=3D"navy"], [theme=3D"navy"] [foreground=3D"theme"] { --devsite-= foreground-color: #3f51b5; --devsite-foreground-button-background-hover: #e= ceef8; --devsite-foreground-button-border-color: #dadce0; --devsite-foregro= und-button-border-color-hover: #cfd4ed; --devsite-foreground-button-border-= color-active: #eceef8; --devsite-foreground-button-color: #3f51b5; --devsit= e-foreground-button-primary-background: #3f51b5; --devsite-foreground-butto= n-primary-background-hover: #303f9f; --devsite-foreground-button-primary-co= lor: #fff; } [background=3D"pale-blue"] { --devsite-background-color: #12b5cb; } [foreground=3D"pale-blue"], [theme=3D"pale-blue"] [foreground=3D"theme"] { = --devsite-foreground-color: #12b5cb; --devsite-foreground-button-background= -hover: #e7f8fa; --devsite-foreground-button-border-color: #dadce0; --devsi= te-foreground-button-border-color-hover: #c4edf2; --devsite-foreground-butt= on-border-color-active: #e7f8fa; --devsite-foreground-button-color: #12b5cb= ; --devsite-foreground-button-primary-background: #12b5cb; --devsite-foregr= ound-button-primary-background-hover: #098591; --devsite-foreground-button-= primary-color: #fff; } [background=3D"cyan"] { --devsite-background-color: #43cde6; } [background=3D"google-yellow"] { --devsite-background-color: #fcc934; } [background=3D"light-green"] { --devsite-background-color: #aed581; } [background=3D"orange"] { --devsite-background-color: #fcad70; } [background=3D"grey"], [background=3D"light-green"] { --devsite-link-color:= unset; } [background=3D"grey"] { --devsite-background-color: var(--devsite-backgroun= d-3); --devsite-heading-color: var(--devsite-primary-text-color); --devsite= -text-color: var(--devsite-primary-text-color); --devsite-text-color-hover:= var(--devsite-secondary-text-color); } [background=3D"light-green"] { --devsite-background-button-white-color: #20= 2124; --devsite-icon-color: #202124; --devsite-icon-color-hover: #5f6368; -= -devsite-text-color: #202124; --devsite-text-color-hover: #5f6368; } [foreground=3D"light-green"] { --devsite-foreground-button-primary-color: #= 202124; } .devsite-landing-row-item-labels [background=3D"light-green"]:not([foregrou= nd]) { --devsite-text-color: #202124; } [background=3D"cyan"], [background=3D"google-yellow"], [background=3D"orang= e"], [background=3D"pale-blue"], [theme=3D"cyan"] [background=3D"theme"], [= theme=3D"google-yellow"] [background=3D"theme"], [theme=3D"orange"] [backgr= ound=3D"theme"], [theme=3D"pale-blue"] [background=3D"theme"] { --devsite-b= ackground-button-white-color: #202124; --devsite-heading-color: #202124; --= devsite-icon-color: #202124; --devsite-icon-color-hover: #5f6368; --devsite= -link-color: #202124; --devsite-text-color: #202124; --devsite-text-color-h= over: #5f6368; } [background=3D"white"] { --devsite-background-color: var(--devsite-backgrou= nd-1); --devsite-heading-color: var(--devsite-primary-text-color); --devsit= e-link-color: unset; --devsite-text-color: var(--devsite-primary-text-color= ); --devsite-text-color-hover: var(--devsite-secondary-text-color); } [foreground=3D"cyan"], [foreground=3D"google-yellow"], [foreground=3D"orang= e"], [foreground=3D"pale-blue"] { --devsite-foreground-button-primary-color= : #202124; } [foreground=3D"theme"] { --devsite-icon-color: var(--devsite-primary-color)= ; } [foreground=3D"theme"] .devsite-heading-link { --devsite-icon-color: var(--= devsite-secondary-text-color); --devsite-icon-color-hover: var(--devsite-li= nk-color); } [foreground=3D"white"] { --devsite-icon-color: var(--devsite-inverted-text-= color); --devsite-text-color: var(--devsite-inverted-text-color); } .devsite-landing-row-item-labels [background]:not([foreground]) { --devsite= -text-color: #fff; } .devsite-landing-row-item-labels [background=3D"cyan"]:not([foreground]), .= devsite-landing-row-item-labels [background=3D"google-yellow"]:not([foregro= und]), .devsite-landing-row-item-labels [background=3D"orange"]:not([foregr= ound]), .devsite-landing-row-item-labels [background=3D"pale-blue"]:not([fo= reground]) { --devsite-text-color: #202124; } [layout=3D"docs"] { --devsite-banner-margin: -40px -40px 40px; } [layout=3D"docs"], [layout=3D"docs"][template=3D"landing"] { --devsite-bann= er-message-padding: 20px 40px; } [layout=3D"full"], [template=3D"landing"] { --devsite-banner-message-paddin= g: 20px 24px; } [layout=3D"full"] { --devsite-banner-margin: -40px calc(50% - 50vw) 40px; -= -devsite-main-content-max-width: 1600px; --devsite-main-content-padding: 40= px 80px; } [template=3D"404"], [template=3D"offline"] { --devsite-404-links-columns: 4= ; --devsite-404-search-margin: 0 0 160px; --devsite-main-content-padding: 0= 80px; } [layout][template=3D"landing"], [layout][template=3D"playlist"], [layout][t= emplate=3D"profile"], [layout][template=3D"quiz"], [layout][template=3D"top= ic"] { --devsite-banner-margin: 0; --devsite-main-content-max-width: none; = --devsite-main-content-padding: 0; } [layout=3D"full"]:not([template=3D"landing"]) { --devsite-notice-margin: 16= px calc(50% - 50vw); --devsite-notice-padding-block: 16px; --devsite-notice= -padding-inline: calc(50vw - 50% + 36px) calc(50vw - 50%); } [layout=3D"full"] devsite-content, [template=3D"landing"] devsite-content {= --devsite-breadcrumb-list-display: none; --devsite-breadcrumb-list-padding= : 20px 24px; } [layout=3D"full"][template=3D"search"] devsite-content { --devsite-breadcru= mb-list-padding: inherit; } .devsite-landing-row { --devsite-landing-group-padding: 0 24px; --devsite-l= anding-row-padding: 40px 0; } [layout=3D"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; } .devsite-landing-row-1-up { --devsite-1-up-grid-template-columns: repeat(12= ,1fr); --devsite-1-up-no-media-description-grid-column: 1/span 8; --devsite= -custom-image-icon-font-size: 256px; --devsite-custom-image-icon-max-height= : 256px; --devsite-custom-image-icon-width: 256px; } .devsite-landing-row-2-up, .devsite-landing-row-50 { --devsite-custom-image= -icon-font-size: 192px; --devsite-custom-image-icon-max-height: 192px; --de= vsite-custom-image-icon-width: 192px; } .devsite-landing-row-3-up, .devsite-landing-row-67 { --devsite-custom-image= -icon-font-size: 128px; --devsite-custom-image-icon-max-height: 128px; --de= vsite-custom-image-icon-width: 128px; } .devsite-landing-row-4-up, .devsite-landing-row-75, [layout=3D"docs"] .devs= ite-landing-row-2-up { --devsite-custom-image-icon-font-size: 96px; --devsi= te-custom-image-icon-max-height: 96px; --devsite-custom-image-icon-width: 9= 6px; } .devsite-landing-row-2-up { --devsite-landing-row-group-grid: auto-flow/rep= eat(2,1fr); } .devsite-landing-row-3-up { --devsite-landing-row-group-grid: auto-flow/rep= eat(3,1fr); } .devsite-landing-row-4-up { --devsite-landing-row-group-grid: auto-flow/rep= eat(4,1fr); } [header-position=3D"left"], [header-position=3D"right"] { --devsite-landing= -row-group-grid: auto-flow/repeat(2,1fr); } [size=3D"small"] { --devsite-icon-size: 24px; } [size=3D"medium"] { --devsite-icon-size: 48px; } [size=3D"large"] { --devsite-icon-size: 96px; } [size=3D"xlarge"] { --devsite-icon-size: 144px; } .devsite-landing-row-logos [size] { --devsite-custom-image-icon-font-size: = 96px; --devsite-custom-image-icon-max-height: 96px; --devsite-custom-image-= icon-width: 96px; --devsite-icon-size: 96px; } [background][size] { --devsite-icon-margin-block: 0; --devsite-icon-margin-= inline: 0; } [background][size=3D"small"] { --devsite-icon-canvas-size: 28px; --devsite-= icon-size: 18px; } [background][size=3D"medium"], [size=3D"medium"] { --devsite-icon-canvas-si= ze: 56px; } [background][size=3D"medium"] { --devsite-icon-size: 36px; } [background][size=3D"large"] { --devsite-icon-canvas-size: 112px; --devsite= -icon-size: 72px; } [background][size=3D"xlarge"] { --devsite-icon-canvas-size: 168px; --devsit= e-icon-size: 108px; } [icon-position^=3D"bottom"] { --devsite-icon-canvas-margin-block: 8px 0; } [icon-position=3D"bottom"] { --devsite-icon-canvas-margin-inline: 0; --devs= ite-icon-margin-inline: 0; } [icon-position=3D"bottom-right"] { --devsite-icon-canvas-margin-inline: 20p= x 0; --devsite-icon-margin-inline: 0 4px; } [icon-position=3D"right"] { --devsite-icon-canvas-margin-block: 0; --devsit= e-icon-canvas-margin-inline: 20px 0; --devsite-icon-margin-block: 0; --devs= ite-icon-margin-inline: 0; } [icon-position=3D"top"] { --devsite-header-icon-canvas-margin-block: 0 20px= ; --devsite-header-icon-canvas-margin-inline: 0; } [icon-position=3D"top"] [size=3D"small"] { --devsite-icon-canvas-margin-blo= ck: 0 12px; } [icon-position=3D"top"] [size=3D"medium"] { --devsite-icon-canvas-margin-bl= ock: 0 16px; } [icon-position=3D"top"] [size=3D"large"] { --devsite-icon-canvas-margin-blo= ck: 0 24px; } [icon-position=3D"top"] [size=3D"xlarge"] { --devsite-icon-canvas-margin-bl= ock: 0 32px; } .devsite-landing-row-header-centered, .devsite-landing-row-header-centered = [icon-position=3D"top"] { --devsite-header-icon-canvas-margin-inline: auto;= } .devsite-landing-row-item-centered { --devsite-icon-margin-inline: auto; } @media screen and (max-width: 1253px) { [layout] devsite-catalog { --devsite-catalog-grid: "main"/1fr; --devsite-= catalog-sidebar-button-margin: 0 0 16px; --devsite-columns: 2; --devsite-ca= talog-sidebar-button-display: inline-block !important; } devsite-recommended-content { --devsite-columns: 3; } } @media screen and (max-width: 1440px) { [template] devsite-recommended-content devsite-carousel[data-items-per-sl= ide=3D"auto"] { --devsite-carousel-gap: 0; --devsite-carousel-ghost-item-wi= dth: 16px; --devsite-carousel-gradient-start-grid-column: 2; --devsite-caro= usel-gradient-end-grid-column: -2; --devsite-carousel-gradient-width: 80px;= --devsite-carousel-grid: minmax(40px,auto) /0 48px 1fr 48px 0; --devsite-c= arousel-slideshow-scroll-padding: 0 24px; } } @media screen and (max-width: 840px) { [template=3D"page"] devsite-carousel[data-full-width], [template=3D"page"= ] devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-carousel-gap:= 16px 24px; --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0; --devsite-= carousel-margin-inline: -24px; --devsite-carousel-markers-grid-column: 3; -= -devsite-carousel-next-grid-column: 4; --devsite-carousel-prev-grid-column:= 2; --devsite-carousel-slideshow-grid-column: 1/-1; --devsite-carousel-slid= eshow-padding-inline: 24px; } [template=3D"page"] devsite-carousel[data-items-per-slide=3D"auto"] { --d= evsite-carousel-ghost-item-width: 16px; --devsite-carousel-slideshow-scroll= -padding: 0 24px; } devsite-footer-utility devsite-language-selector { --devsite-language-sel= ector-menu-inset-inline: 0 auto; } devsite-playlist { --devsite-playlist-max-width: 768px; --devsite-playlis= t-padding-x: 40px; } devsite-recommended-content { --devsite-columns: 2; --devsite-recommended= -content-filters-margin-inline: -24px; --devsite-recommended-content-filter= s-padding-inline: 24px; --devsite-recommended-content-filters-width: calc(1= 00% + 48px); } [layout] { --devsite-banner-margin: -24px -24px 24px; } [layout][template] { --devsite-banner-message-padding: 20px 24px; } [layout=3D"full"] { --devsite-main-content-padding: 24px; } [template=3D"404"], [template=3D"offline"] { --devsite-404-links-columns:= 2; --devsite-404-search-margin: 0 0 80px; --devsite-main-content-padding: = 0 24px; } .devsite-landing-row, [class^=3D"devsite-landing-row-padding-"] { --devsi= te-landing-row-padding: 24px 0; } [layout=3D"docs"] .devsite-landing-row { --devsite-landing-group-padding:= 0 24px; } .devsite-landing-row-1-up { --devsite-1-up-grid-template-columns: repeat(= 2,1fr); --devsite-1-up-no-media-description-grid-column: 1/span 2; } .devsite-landing-row-1-up, .devsite-landing-row-2-up, .devsite-landing-ro= w-3-up, .devsite-landing-row-4-up { --devsite-custom-image-icon-font-size: = 128px; --devsite-custom-image-icon-max-height: 128px; --devsite-custom-imag= e-icon-width: 128px; } .devsite-landing-row-3-up, .devsite-landing-row-4-up { --devsite-landing-= row-group-grid: auto-flow/repeat(2,1fr); } [icon-position^=3D"bottom"] { --devsite-icon-canvas-margin-block: 0; --de= vsite-icon-canvas-margin-inline: 20px 0; --devsite-icon-margin-inline: 0 4p= x; } } @media screen and (max-width: 600px) { :root { --devsite-item-gap: 16px; } [layout][template] { --devsite-banner-message-padding: 16px; } [layout=3D"full"] { --devsite-main-content-padding: 16px; --devsite-notic= e-margin: 16px -40px; --devsite-notice-padding-block: 16px; --devsite-notic= e-padding-inline: 76px 40px; } [layout=3D"full"] devsite-content, [template=3D"landing"] devsite-content= { --devsite-breadcrumb-list-padding: 20px 16px; } [template=3D"404"], [template=3D"offline"] { --devsite-404-search-margin:= 0 0 40px; --devsite-main-content-padding: 0 16px; } [template] devsite-carousel[data-full-width], [template] devsite-carousel= [data-items-per-slide=3D"auto"] { --devsite-carousel-gap: 16px 16px; --devs= ite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0; --devsite-carousel-margin-in= line: -16px; --devsite-carousel-markers-grid-column: 3; --devsite-carousel-= next-grid-column: 4; --devsite-carousel-prev-grid-column: 2; --devsite-caro= usel-slideshow-grid-column: 1/-1; --devsite-carousel-slideshow-padding-inli= ne: 16px; } [template] devsite-carousel[data-items-per-slide=3D"auto"] { --devsite-ca= rousel-ghost-item-width: 8px; --devsite-carousel-slideshow-scroll-padding: = 0 16px; } devsite-content { --devsite-select-sibling-gap-x: 0; --devsite-select-sib= ling-gap-y: 16px; } devsite-footer-linkboxes { --devsite-footer-linkboxes-grid-template-colum= ns: 1fr; --devsite-footer-linkboxes-padding: 0 16px; } devsite-playlist { --devsite-playlist-max-width: 100%; --devsite-playlist= -padding-x: 24px; } [template] devsite-recommended-content devsite-carousel { --devsite-carou= sel-margin-inline: -16px; --devsite-carousel-markers-display: none; --devsi= te-carousel-prev-next-display: none; --devsite-carousel-slideshow-grid-colu= mn: 1/-1; --devsite-carousel-slideshow-padding-inline: 16px; --devsite-caro= usel-slideshow-scroll-padding: 0 16px; --devsite-carousel-item-width: 70vw = !important; } devsite-recommended-content devsite-carousel[data-items-per-slide=3D"auto= "] { --devsite-carousel-gradient-display: none; --devsite-carousel-item-fle= x: initial; } devsite-select { --devsite-select-display: block; } .devsite-landing-row, [class^=3D"devsite-landing-row-padding-"] { --devsi= te-landing-group-padding: 0 16px; --devsite-landing-row-padding: 16px 0; } [layout=3D"docs"] .devsite-landing-row { --devsite-landing-group-padding:= 0 16px; } .devsite-landing-row-1-up, .devsite-landing-row-2-up, .devsite-landing-ro= w-3-up { --devsite-item-display: block; } .devsite-landing-row-2-up, .devsite-landing-row-3-up, .devsite-landing-ro= w-4-up, .devsite-landing-row[header-position] { --devsite-landing-row-group= -grid: auto-flow/1fr; } } :root { --devsite-headline-font-family: Google Sans,Noto Sans,Noto Sans JP,= Noto Sans KR,Noto Naskh Arabic,Noto Sans Thai,Noto Sans Hebrew,Noto Sans Be= ngali,sans-serif; --devsite-heading-color: #202124; --devsite-display-font:= 400 44px/52px var(--devsite-headline-font-family); --devsite-h1-font: 400 = 32px/40px var(--devsite-headline-font-family); --devsite-h1-letter-spacing:= 0; --devsite-h1-margin: 48px 0 24px; --devsite-h2-border: 0; --devsite-h2-= font: 400 24px/32px var(--devsite-headline-font-family); --devsite-h2-lette= r-spacing: 0; --devsite-h2-margin: 48px 0 24px; --devsite-h2-padding: 0; --= devsite-h3-font: 400 20px/28px var(--devsite-headline-font-family); --devsi= te-table-heading-font: 500 14px/20px var(--devsite-primary-font-family); --= devsite-wordmark-font: 400 22px/32px var(--devsite-headline-font-family); -= -devsite-button-background-hover: #e8f0fe; --devsite-button-background-acti= ve: #e8f0fe; --devsite-button-border: 1px solid #dadce0; --devsite-button-b= order-hover: 1px solid #d2e3fc; --devsite-button-border-active: 1px solid #= e8f0fe; --devsite-button-border-radius: 4px; --devsite-button-box-shadow: n= one; --devsite-button-box-shadow-active: 0 1px 2px 0 var(--devsite-elevatio= n-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-co= lor); --devsite-button-font: 500 14px/36px var(--devsite-headline-font-fami= ly); --devsite-button-line-height: 34px; --devsite-button-padding: 0 24px; = --devsite-button-text-transform: none; --devsite-background-button-color: #= d2e3fc; --devsite-background-button-color-hover: #d2e3fc; --devsite-button-= disabled-background: transparent; --devsite-button-disabled-border: 1px sol= id #f8f9fa; --devsite-button-disabled-color: #9aa0a6; --devsite-button-disa= bled-line-height: 34px; --devsite-button-primary-background: #1a73e8; --dev= site-button-primary-background-hover: #1765cc; --devsite-button-primary-bac= kground-active: #185abc; --devsite-button-primary-box-shadow-hover: 0 1px 2= px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-= elevation-ambient-shadow-color); --devsite-background-button-primary-backgr= ound-hover: #e8f0fe; --devsite-background-button-primary-color: #d2e3fc; --= devsite-background-button-primary-color-hover: #d2e3fc; --devsite-button-wh= ite-background-hover: #e8f0fe; --devsite-button-white-background-active: #e= 8f0fe; --devsite-button-white-box-shadow-active: 0 1px 2px 0 var(--devsite-= elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation-ambient-s= hadow-color); --devsite-button-raised-background-hover: #e8f0fe; --devsite-= button-raised-background-active: #e8f0fe; --devsite-button-with-icon-paddin= g: 0 15px; --devsite-button-material-icon-margin-x: -12px; --devsite-button= -white-material-icon-margin-x: 0; --devsite-card-border: var(--devsite-prim= ary-border); --devsite-card-border-radius: 8px; --devsite-card-box-shadow: = none; --devsite-card-content-border-radius: 7px 7px 0 0; --devsite-card-lis= t-item-border-radius: 0; --devsite-card-list-item-margin: 0; --devsite-card= -list-overflow: hidden; --devsite-feature-tooltip-border-radius: 8px; --dev= site-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,.38); --devsite-in= put-file-padding: 8px 24px; } @media screen and (max-width: 600px) { :root { --devsite-display-font: 400 24px/32px var(--devsite-headline-font= -family); --devsite-h1-font: 400 24px/32px var(--devsite-headline-font-fami= ly); } } .button-primary, .button-raised { --devsite-button-disabled-background: rgb= a(241,243,244,.38); --devsite-button-disabled-border: 0; } .devsite-article-body > :is(aside, .beta, .caution, .deprecated, .dogfood, = .experimental, .key-point, .key-term, .note, .objective, .preview, .special= , .success, .tip, .warning):not([class*=3D"attempt"]), .devsite-article-bod= y > :is(div, p, section) > :is(aside, .beta, .caution, .deprecated, .dogfoo= d, .experimental, .key-point, .key-term, .note, .objective, .preview, .spec= ial, .success, .tip, .warning):not([class*=3D"attempt"]) { --devsite-notice= -margin: 16px -40px; --devsite-notice-padding-block: 16px; --devsite-notice= -padding-inline: 76px 40px; } .devsite-breadcrumb-list { --devsite-font-family: var(--devsite-headline-fo= nt-family); } .devsite-header-billboard { --devsite-h1-font: 400 44px/52px var(--devsite-= headline-font-family); --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-product-button-row { --devsite-button-border: 0; --devsite-button-= border-hover: 0; --devsite-button-border-active: 0; } devsite-book-nav { --devsite-nav-divider-background: var(--devsite-backgrou= nd-3); --devsite-nav-heading-color-hover: var(--devsite-secondary-text-colo= r); --devsite-nav-title-background-active: var( --devsite-link-background-active ); --devsite-nav-title-background-hover: var(--devsite-background-3); --d= evsite-nav-title-color-hover: var(--devsite-primary-text-color); --devsite-= nav-title-margin-x: 8px; --devsite-nav-title-no-path-color-hover: var( --devsite-secondary-text-color ); } devsite-code { --devsite-code-button-size: 32px; } .devsite-article-body > devsite-code { --devsite-code-buttons-container-rig= ht: 40px; --devsite-code-margin: 16px -40px; --devsite-code-padding-block: = 24px; --devsite-code-padding-inline: 40px; } @media screen and (max-width: 840px) { .devsite-article-body > devsite-code { --devsite-code-buttons-container-r= ight: 24px; --devsite-code-margin: 16px -24px; --devsite-code-padding-inlin= e: 24px; } } @media screen and (max-width: 600px) { .devsite-article-body > devsite-code { --devsite-code-buttons-container-r= ight: 16px; --devsite-code-margin: 16px -16px; --devsite-code-padding-inlin= e: 16px; } } .devsite-article-body > devsite-code:last-child { --devsite-code-margin: 16= px -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-catalog { --devsite-button-icon-content: "clear"; --devsite-button-= icon-margin-x-end: 6px; --devsite-chips-gap: 16px 8px; } devsite-catalog .catalog-show-sidebar-button { --devsite-button-border-radi= us: 16px; --devsite-button-height: 32px; --devsite-button-line-height: 30px= ; } devsite-content { --devsite-search-term-color: #5f6368; --devsite-search-te= rm-weight: 400; } devsite-dialog { --devsite-border-radius: 8px; --devsite-feedback-buttons-p= adding: 16px 24px 8px; --devsite-heading-font: 400 18px/30px var(--devsite-= headline-font-family); --devsite-heading-text-align: center; } devsite-footer-linkboxes, devsite-footer-promos { --devsite-footer-heading-= font: 400 16px/26px var(--devsite-headline-font-family); --devsite-footer-h= eading-font-weight: 400; --devsite-footer-heading-margin: 1px 0 4px; --devs= ite-footer-list-heading-margin: 34px 0 0; } devsite-header { --devsite-button-line-height: 36px; --devsite-header-link-= background-active: var( --devsite-link-background-active ); --devsite-header-link-box-shadow-active: 0 1px 2px 0 var(--devsite-ele= vation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-shad= ow-color); --devsite-header-link-color: var(--devsite-link-color); --devsit= e-header-link-color-active: var(--devsite-link-color); } devsite-jump-to { --devsite-link-background: #fff; --devsite-link-backgroun= d-hover: #e8f0fe; --devsite-link-color: #1a73e8; } devsite-multiple-choice { --devsite-multiple-choice-answer-border-bottom: 0= ; --devsite-multiple-choice-answer-border-top: var(--devsite-primary-border= ); --devsite-multiple-choice-background: var(--devsite-background-1); --dev= site-multiple-choice-border: var(--devsite-primary-border); --devsite-multi= ple-choice-border-radius: 8px; --devsite-multiple-choice-overflow: hidden; = --devsite-multiple-choice-question-background: var(--devsite-background-4);= --devsite-multiple-choice-question-color: var(--devsite-primary-text-color= ); } devsite-catalog, devsite-nav-buttons { --devsite-button-background-selected= : var( --devsite-button-primary-background ); --devsite-button-border-selected: 0; --devsite-button-color-selected: = var(--devsite-inverted-text-color); --devsite-button-padding: 0 16px; } devsite-book-nav, devsite-search { --devsite-search-border-radius: 4px; --d= evsite-search-active-box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-sh= adow-color),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); --= devsite-search-active-overflow: hidden; --devsite-searchbox-before-display:= none; --devsite-search-form-background-active: #fff; --devsite-search-form= -text-active: var(--devsite-secondary-text-color); --devsite-popout-box-sha= dow: 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; --de= vsite-popout-z-index: auto; } @media screen and (max-width: 840px) { devsite-book-nav, devsite-search { --devsite-search-button-margin-before:= auto; --devsite-search-form-position: absolute; --devsite-search-form-posi= tion-end: 40px; --devsite-search-form-position-start: 0; --devsite-popout-d= isplay: block; --devsite-popout-position-start: 0; --devsite-popout-width: = auto; --devsite-search-content-padding-start: 40px; } } @media screen and (max-width: 600px) { devsite-book-nav, devsite-search { --devsite-search-content-padding-start= : 12px; } } devsite-appearance-selector, devsite-language-selector, devsite-select, sel= ect { --devsite-item-background-selected: #e8f0fe; --devsite-item-font-weig= ht-selected: 400; --devsite-list-border: 0; --devsite-list-border-radius: 4= px; --devsite-select-border: var(--devsite-primary-border); --devsite-selec= t-border-radius: 4px; --devsite-select-font: 500 14px/36px var(--devsite-he= adline-font-family); } devsite-select, select { --devsite-select-padding: 0 27px 0 15px; } input[type=3D"text"] { --devsite-input-border-radius: 4px; } devsite-selector { --devsite-border: 1px solid #dadce0; --devsite-border-ra= dius: 8px; --devsite-content-border-radius: 0 0 7px 7px; --devsite-link-hov= er: #5f6368; --devsite-tab-marker-color: #5f6368; --devsite-overflow-tab-ba= ckground: #f1f3f4; --devsite-overflow-tab-border-radius: 0 7px 0 0; --devsi= te-overflow-link-background-hover: #e8f0fe; } [dir=3D"rtl"] devsite-selector { --devsite-overflow-tab-border-radius: 7px = 0 0; } devsite-snackbar { --devsite-snack-max-width: 568px; --devsite-snack-min-wi= dth: 288px; --devsite-snackbar-inner-background: #202124; --devsite-snackba= r-inner-border-radius: 4px; --devsite-snackbar-inner-color: #ddd; --devsite= -snackbar-message-font: 500 14px/1 Roboto,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-font: 500 14px/1 var(--devsite-headline-f= ont-family); --devsite-snackbar-action-margin-left: auto; --devsite-snackba= r-action-margin-right: 16px; --devsite-snackbar-action-padding: 8px; --devs= ite-snackbar-link-color: #669df6; --devsite-snackbar-message-padding: 16px = 24px; } devsite-snackbar [type=3D"cookie-notification"], devsite-snackbar [type^=3D= "notification-"] { --devsite-snackbar-inner-flex-wrap: wrap; --devsite-snac= kbar-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=3D"cookie-notification"], devsite-snackbar [type^= =3D"notification-"] { --devsite-snackbar-message-padding: 24px; } } devsite-tabs { --devsite-tabs-wrapper-x: 6px; --devsite-link-font: 500 14px= /20px var(--devsite-headline-font-family); --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-pad= ding: 0 18px; --devsite-tab-marker-border-radius: 3px 3px 0 0; --devsite-ta= b-marker-height: 3px; --devsite-tab-marker-inset-x: 4px; --devsite-tab-mark= er-position-x: 22px; --devsite-upper-tab-font-weight: 500; } html { touch-action: manipulation; } body, html { color: var(--devsite-primary-text-color); font: 400 16px/24px = var(--devsite-primary-font-family); -webkit-font-smoothing: antialiased; he= ight: 100%; margin: 0px; text-size-adjust: 100%; } body { background-color: var(--devsite-background-1); } .devsite-book-nav-bg::after, body[layout=3D"docs"] { background-color: var(= --devsite-body-background,var(--devsite-background-0)); } body[sitemask--active] { overflow: hidden; } p { margin: 16px 0px; padding: 0px; } img, video { border: 0px; height: auto; max-width: 100%; } table img { max-width: 272px; } table :link, table :visited { word-break: normal; } .devsite-toast-content :link, .devsite-toast-content :visited { color: rgb(= 255, 255, 255); text-decoration: underline; } .devsite-toast-content a:focus { background: rgba(255, 255, 255, 0.3); bord= er-radius: 2px; margin: -4px; padding: 4px; text-decoration: none; } sup { line-height: 1; } dd, ol, ul { margin: 0px; padding-left: 40px; } td > dl > dd, td > ol, td > ul { padding-left: 20px; } ol { list-style: outside decimal; } 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: outside disc; } li, li p { margin: 12px 0px; padding: 0px; } dt { font: 700 16px/24px var(--devsite-primary-font-family); } dd, dt { margin: 16px 0px; } blockquote { background: var(--devsite-blockquote-background,var(--devsite-= background-3)); border-left: var(--devsite-blockquote-border-left,0); borde= r-radius: var(--devsite-blockquote-border-radius,0); margin: var(--devsite-= blockquote-margin,16px 0); padding: var(--devsite-blockquote-padding,8px); = quotes: none; } hr { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image:= initial; border-top: var(--devsite-primary-border); height: 0px; margin: v= ar(--devsite-hr-margin,16px 0); width: 100%; } .devsite-page-title ~ .devsite-article-body > p:first-child { margin-top: 2= 8px; } .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(1= 00% + 48px); } } @media screen and (max-width: 600px) { .devsite-article-body > hr.full-width { margin: 16px -16px; width: calc(1= 00% + 32px); } } abbr, acronym { border-bottom: 1px dotted var(--devsite-secondary-text-colo= r); 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: 0px; position: fixed; right: 0px; top: 0px; z-index: = 1011; } #app-progress .devsite-progress--indeterminate .devsite-progress--indetermi= nate-1, #app-progress .devsite-progress--indeterminate .devsite-progress--i= ndeterminate-3 { background-color: var(--devsite-progress-background-color,= var(--devsite-primary-color,var(--devsite-secondary-text-color))); } .devsite-article .material-icons { vertical-align: bottom; } .devsite-article-body .material-icons:not(:link):not(button), [template=3D"= landing"] .devsite-article .material-icons:not(:link):not(button) { cursor:= default; pointer-events: none; } .footnotes ol { padding-left: 16px; } .footnotes li { font: 400 13px/20px var(--devsite-primary-font-family); } #qv-wrapper, #table-of-contents, #tb-wrapper, .inline-toc, div.toc:not(.cla= ss):not(.group):not(.type):not(.interface), h2#contents, h2.toc, h3#content= s, h3.toc, ol.toc, section.toc, ul.toc { display: none; } @media screen and (max-width: 840px) { #app-progress { z-index: 1014; } } :link, :visited { color: var(--devsite-link-color); outline: 0px; text-deco= ration: var(--devsite-link-text-decoration,none); word-break: break-word; } a:hover { text-decoration: var(--devsite-link-text-decoration-hover); } a:focus { text-decoration: underline; } a:focus img { filter: brightness(75%); } .no-feedback devsite-feedback { display: none !important; } .preserve-case { text-transform: none; } a.external::after, a[href*=3D"man7.org"]::after, a[href*=3D"oracle.com"]::a= fter { font-style: normal; font-variant: normal; font-size-adjust: none; fo= nt-language-override: normal; font-kerning: auto; font-optical-sizing: auto= ; font-variation-settings: normal; font-weight: normal; font-stretch: norma= l; line-height: 1; font-family: "Material Icons"; font-feature-settings: "l= iga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibili= ty; text-transform: none; overflow-wrap: normal; content: "open_in_new"; fo= nt-size: 18px; margin-block: 0px; margin-inline: 4px 0px; vertical-align: t= ext-bottom; } [dir=3D"rtl"] a.external::after, [dir=3D"rtl"] a[href*=3D"man7.org"]::after= , [dir=3D"rtl"] a[href*=3D"oracle.com"]::after { transform: scaleX(-1); } a.download::before { font-style: normal; font-variant: normal; font-size-ad= just: none; font-language-override: normal; font-kerning: auto; font-optica= l-sizing: auto; font-variation-settings: normal; font-weight: normal; font-= stretch: normal; line-height: 1; font-family: "Material Icons"; font-featur= e-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: op= timizelegibility; text-transform: none; overflow-wrap: normal; content: "fi= le_download"; display: inline-block; font-size: 18px; margin-block: 0px; ma= rgin-inline: 0px 4px; vertical-align: text-bottom; } devsite-content { counter-reset: numbered-h2 0 numbered-h3 0; } h2.numbered { line-height: 48px; margin-top: 60px; padding-bottom: 19px; } h2.numbered ~ h3.numbered { line-height: 40px; } h2.numbered::before, h2.numbered ~ h3.numbered::before { background: var(--= devsite-tertiary-text-color); color: var(--devsite-inverted-text-color); di= splay: inline-block; margin-block: 0px; text-align: center; } h2.numbered::before { border-radius: 24px; content: counter(numbered-h2); c= ounter-increment: numbered-h2 1; counter-set: numbered-h3 0; height: 48px; = line-height: 48px; margin-inline: 0px 20px; width: 48px; } h2.numbered ~ h3.numbered::before { border-radius: 20px; content: counter(n= umbered-h2) "." counter(numbered-h3); counter-increment: numbered-h3 1; hei= ght: 40px; line-height: 40px; margin-inline: 0px 16px; min-width: 40px; pad= ding-inline: 4px; } .compare-better, .compare-no, .compare-worse, .compare-yes { font-weight: 7= 00; } .compare-better::before, .compare-blank::before, .compare-no::before, .comp= are-worse::before, .compare-yes::before { content: ""; display: inline-bloc= k; font-style: normal; font-variant: normal; font-size-adjust: none; font-l= anguage-override: normal; font-kerning: auto; font-optical-sizing: auto; fo= nt-variation-settings: normal; font-weight: normal; font-stretch: normal; f= ont-size: 24px; line-height: 1; font-family: "Material Icons"; font-feature= -settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: opt= imizelegibility; overflow-wrap: normal; margin-block: -4px 0px; margin-inli= ne: 0px 4px; text-transform: none; vertical-align: middle; width: 24px; } .compare-better::before, .compare-yes::before { color: var(--devsite-compar= e-yes-color); } .compare-no::before, .compare-worse::before { color: var(--devsite-compare-= no-color); } .compare-better::before { content: "thumb_up"; } .compare-no::before { content: "not_interested"; } .compare-worse::before { content: "thumb_down"; } .compare-yes::before { content: "check"; } .align-center { text-align: center; } .align-right { text-align: right; } .hanging-indent, .members.function td:first-child { padding-inline-start: 2= 5px; text-indent: -17px; } .bad-table { table-layout: fixed; } .bad-table td, .bad-table tr { overflow-wrap: break-word; } .bad-table pre { overflow-wrap: normal; } .screenshot { border: var(--devsite-secondary-border); padding: 3px; } .columns td, .columns th, .columns tr { background: 0px center; border: 0px= ; font: 16px/24px var(--devsite-primary-font-family); padding-block: 0px; } .columns tr { padding-inline: 0px; } .columns td, .columns th { padding-inline: 0px 20px; } .columns th { color: var(--devsite-primary-text-color); font-weight: 500; } .columns code, .columns pre { background: var(--devsite-background-3); } .inline:not(.expandable) { display: inline; } .inline-block { display: inline-block; } .block { display: block; } img.inline-icon { height: 1.2em; vertical-align: sub; } .no-select { user-select: none; } .wrap-code { white-space: normal; } .attempt-left, .attempt-right, aside.attempt-left, aside.attempt-right { ma= x-width: calc(50% - 20px); } .attempt-left, .video-wrapper-left, aside.attempt-left { margin-block: 0px = 40px; margin-inline: 0px 40px; } [dir=3D"ltr"] .attempt-left, [dir=3D"ltr"] .video-wrapper-left, [dir=3D"ltr= "] aside.attempt-left { float: left; } [dir=3D"rtl"] .attempt-left, [dir=3D"rtl"] .video-wrapper-left, [dir=3D"rtl= "] aside.attempt-left { float: right; } .attempt-right, .video-wrapper, aside.attempt-right { margin-block: 0px 40p= x; margin-inline: 40px 0px; } [dir=3D"ltr"] .attempt-right, [dir=3D"ltr"] .video-wrapper, [dir=3D"ltr"] a= side.attempt-right { float: right; } [dir=3D"rtl"] .attempt-right, [dir=3D"rtl"] .video-wrapper, [dir=3D"rtl"] a= side.attempt-right { float: left; } .clear { clear: both; } .attempt-left + .attempt-right, .attempt-left + .video-wrapper, .video-wrap= per-left + .attempt-right, .video-wrapper-left + .video-wrapper { margin-in= line: 0px; } .video-wrapper, .video-wrapper-full-width { overflow: hidden; position: rel= ative; } .video-wrapper, .video-wrapper-left { width: calc(50% - 20px); } .video-wrapper-full-width { margin: 16px 0px; width: 100%; } .video-wrapper embed, .video-wrapper iframe, .video-wrapper object, .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 { 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 0px; width: = 100%; } } body[pending] #gc-wrapper { margin-top: 0px !important; } body[ready] #gc-wrapper { display: flex; -webkit-box-flex: 1; flex: 1 0 0%;= -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directio= n: column; } .devsite-wrapper { min-height: 100vh; } body[ready] .devsite-wrapper { display: flex; -webkit-box-orient: vertical;= -webkit-box-direction: normal; flex-direction: column; min-height: 100%; o= verflow: hidden; } .full-bleed { margin: 0px; padding: 0px; } .devsite-book-nav-bg, devsite-book-nav { width: 269px; } 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] { transform: transla= teX(0px) !important; } } .devsite-sidebar { grid-area: 1 / 3; min-width: 0px; width: auto; } [has-sidebar] .devsite-sidebar { margin: 24px 0px 0px; margin-inline: -8px = 24px; } .devsite-sidebar[fixed] .devsite-sidebar-content { background-color: var(--= devsite-body-background,var(--devsite-background-0)); contain: content; dis= play: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; fl= ex-direction: column; max-height: var(--devsite-js-sidebar-max-height); max= -width: var(--devsite-js-sidebar-max-width); padding-inline-start: 8px; pos= ition: fixed; transform: translate3d(0,var(--devsite-js-sidebar-offset),0);= } .devsite-sidebar devsite-toc.devsite-toc, .devsite-sidebar devsite-toc > .d= evsite-nav-list { width: auto; } devsite-recommendations-sidebar.recommendations-rendered { margin-top: 20px= ; } body devsite-toc > .devsite-nav-list { width: auto; } .devsite-main-content { margin: 0px auto; max-width: var(--devsite-main-con= tent-max-width); padding: var(--devsite-main-content-padding); position: re= lative; width: 100%; } #contain-402 { z-index: 1004 !important; } body[pending] .devsite-main-content { min-height: calc(-456px + 100vh); } body[ready] .devsite-main-content { -webkit-box-flex: 1; flex-grow: 1; min-= height: auto; } body[layout=3D"docs"] .devsite-main-content { display: grid; gap: 24px; gri= d-template-columns: 1fr minmax(752px, 936px) 1fr; grid-template-rows: 1fr; = } body[layout=3D"docs"] .devsite-main-content[has-sidebar] { grid-template-co= lumns: 1fr minmax(752px, 936px) minmax(160px, 1fr); } body[layout=3D"docs"] .devsite-main-content[has-book-nav] { grid-template-c= olumns: minmax(269px, 1fr) minmax(752px, 936px) 1fr; } body[layout=3D"docs"] .devsite-main-content[has-book-nav][has-sidebar] { gr= id-template-columns: minmax(269px, 1fr) minmax(752px, 936px) minmax(160px, = 1fr); } .devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-conten= t[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-nav= ] ~ devsite-footer-utility { margin-block: 0px; margin-inline: 269px 0px; } @media screen and (max-width: 1253px) { body[layout=3D"docs"] .devsite-main-content[has-sidebar] { grid-template-= columns: 1fr minmax(752px, 936px) 1fr; } body[layout=3D"docs"] .devsite-main-content[has-book-nav], body[layout=3D= "docs"] .devsite-main-content[has-book-nav][has-sidebar] { grid-template-co= lumns: 269px 1fr 0px; } .devsite-sidebar { display: none; } } @media screen and (max-width: 840px) { body[layout=3D"docs"] .devsite-main-content { display: block; min-width: = 100%; } devsite-content-footer { padding: 0px 24px; } .devsite-main-content[has-book-nav] ~ .devsite-footer, .devsite-main-cont= ent[has-book-nav] ~ devsite-footer-promos, .devsite-main-content[has-book-n= av] ~ devsite-footer-utility { margin-inline: 0px; } } @media screen and (max-width: 600px) { devsite-content-footer { padding: 0px 16px; } } .devsite-icon::before, ::part(material-icon) { font-style: normal; font-var= iant: normal; font-size-adjust: none; font-language-override: normal; font-= kerning: auto; font-optical-sizing: auto; font-variation-settings: normal; = font-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1;= font-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font= -smoothing: antialiased; text-rendering: optimizelegibility; text-transform= : none; overflow-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"; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) { border-radius: var(--devsite-notice-border-radius,0); display: block;= font-size: 14px; margin: var(--devsite-notice-margin); padding-block: var(= --devsite-notice-padding-block); padding-inline: var(--devsite-notice-paddi= ng-inline); } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng)::before { font-style: normal; font-variant: normal; font-size-adjust: n= one; font-language-override: normal; font-kerning: auto; font-optical-sizin= g: auto; font-variation-settings: normal; font-weight: normal; font-stretch= : normal; font-size: 24px; line-height: 1; font-family: "Material Icons"; f= ont-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-ren= dering: optimizelegibility; text-transform: none; overflow-wrap: normal; ma= rgin-block: 0px; margin-inline: -36px 0px; } [dir=3D"ltr"] :is(aside, .beta, .caution, .deprecated, .dogfood, .experimen= tal, .key-point, .key-term, .note, .objective, .preview, .special, .success= , .tip, .warning)::before { float: left; } [dir=3D"rtl"] :is(aside, .beta, .caution, .deprecated, .dogfood, .experimen= tal, .key-point, .key-term, .note, .objective, .preview, .special, .success= , .tip, .warning)::before { float: right; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) :is(:link, :visited) { text-decoration: underline; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) :is(a:hover, a:focus) { background: rgba(255, 255, 255, 0.7); border-ra= dius: 2px; margin: -4px; padding: 4px; text-decoration: none; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) pre { background: rgba(255, 255, 255, 0.75); } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) code { border: 0px; font-weight: 700; padding: 0px; } aside var { background: inherit; font-weight: 700; padding: 0px; } :is(aside, .beta, .experimental, .note, .preview, .special, .tip), :is(asid= e, .beta, .experimental, .note, .preview, .special, .tip) :is(:link, :visit= ed) code, :is(aside, .beta, .experimental, .note, .preview, .special, .tip)= :is(code, :link, :visited) { background: var(--devsite-note-notice-backgro= und); color: var(--devsite-note-notice-color); } :is(aside, .note, .special, .tip)::before { content: "star"; } .beta::before, .experimental::before, .preview::before { content: url("data= :image/svg+xml;utf8,"); } .caution, .caution :is(:link, :visited) code, .caution :is(code, :link, :vi= sited) { background: var(--devsite-caution-notice-background); color: var(-= -devsite-caution-notice-color); } .caution::before { content: "error"; } .deprecated, .deprecated :is(:link, :visited) code, .deprecated :is(code, := link, :visited) { background: var(--devsite-status-notice-background); colo= r: var(--devsite-status-notice-color); } .deprecated::before { content: "not_interested"; } .dogfood, .dogfood :is(:link, :visited) code, .dogfood :is(code, :link, :vi= sited) { background: var(--devsite-status-notice-background); color: var(--= devsite-status-notice-color); } .dogfood::before { content: "pets"; } .key-point, .key-point :is(:link, :visited) code, .key-point :is(code, :lin= k, :visited) { background: var(--devsite-key-point-notice-background); colo= r: var(--devsite-key-point-notice-color); } .key-point::before { content: "lightbulb_outline"; } .key-term, .key-term :is(:link, :visited) code, .key-term :is(code, :link, = :visited) { background: var(--devsite-key-term-notice-background); color: v= ar(--devsite-key-term-notice-color); } .key-term::before { content: "font_download"; } :is(.objective, .success), :is(.objective, .success) :is(:link, :visited) c= ode, :is(.objective, .success) :is(code, :link, :visited) { background: var= (--devsite-success-notice-background); color: var(--devsite-success-notice-= color); } .objective::before { content: "school"; } .success::before { content: "check_circle"; } .warning, .warning :is(:link, :visited) code, .warning :is(code, :link, :vi= sited) { background: var(--devsite-warning-notice-background); color: var(-= -devsite-warning-notice-color); } .warning::before { content: "warning"; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) :is(:hover, :focus) code { background: transparent; } .devsite-no-page-title > :is(aside, .beta, .caution, .deprecated, .dogfood,= .experimental, .key-point, .key-term, .note, .objective, .preview, .specia= l, .success, .tip, .warning):first-child { clear: right; } .devsite-banner { font-style: ; font-variant-ligatures: ; font-variant-caps= : ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alterna= tes: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-s= tretch: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-ad= just: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ;= font-language-override: ; font-size: var(--devsite-banner-font-size,14px);= letter-spacing: var(--devsite-banner-letter-spacing,normal); margin: var(-= -devsite-banner-margin); } .devsite-banner :link, .devsite-banner :visited { text-decoration: underlin= e; } .devsite-banner-message { -webkit-box-align: center; align-items: center; d= isplay: flex; -webkit-box-pack: var(--devsite-banner-message-justify-conten= t,normal); justify-content: var(--devsite-banner-message-justify-content,no= rmal); margin: 0px auto; max-width: var(--devsite-banner-message-max-width,= 1488px); padding: var(--devsite-banner-message-padding); } .devsite-banner-message-text { margin-inline-end: var(--devsite-banner-mess= age-text-margin-x-end,auto); } .devsite-banner a:not(.button):focus, .devsite-banner[background] a:not(.bu= tton):focus { background: var(--devsite-inverted-text-rgba); border-radius:= 2px; margin: -4px; padding: 4px; text-decoration: none; } .devsite-banner[background=3D"white"] { border-bottom: var(--devsite-primar= y-border); } .devsite-banner-announcement, .devsite-banner-announcement :link:not(.butto= n), .devsite-banner-announcement :visited:not(.button) { background: var(--= devsite-banner-background,var(--devsite-note-notice-background)); } [layout=3D"docs"] .devsite-banner:first-of-type { border-radius: var(--devs= ite-banner-border-radius,0); } .devsite-banner-announcement[background] :link:not(.button), .devsite-banne= r-announcement[background] :visited:not(.button) { background: 0px center; = } .devsite-banner-confidential { background: var(--devsite-caution-notice-bac= kground); color: var(--devsite-caution-notice-color); } .devsite-banner-confidential .devsite-banner-message::before { content: "wa= rning"; font-style: normal; font-variant: normal; font-size-adjust: none; f= ont-language-override: normal; font-kerning: auto; font-optical-sizing: aut= o; font-variation-settings: normal; font-weight: normal; font-stretch: norm= al; font-size: 24px; line-height: 1; font-family: "Material Icons"; font-fe= ature-settings: "liga"; -webkit-font-smoothing: antialiased; text-rendering= : optimizelegibility; text-transform: none; overflow-wrap: normal; margin-i= nline-end: 16px; } .devsite-banner-translated { background: var(--devsite-background-3); color= : var(--devsite-secondary-text-rgba); } .devsite-banner-translated :link { text-decoration: none; } .devsite-banner .button, .devsite-banner button { -webkit-box-flex: 0; flex= : 0 0 auto; margin: -6px 0px; margin-inline-start: 16px; text-decoration: n= one; } .devsite-banner .material-icons { margin: -2px 0px; vertical-align: middle;= } .devsite-banner-translated-image { margin: 4px 0px -4px; margin-inline-end:= 24px; width: 122px; } .devsite-banner-heading { font-weight: 700; } @media screen and (max-width: 1253px) { .devsite-banner-translated .devsite-banner-translated-text { display: blo= ck; } } @media screen and (max-width: 840px) { [layout=3D"docs"] .devsite-banner-announcement { border-radius: 0px; } } @media screen and (max-width: 600px) { [layout][template] .devsite-banner-message { display: block; } .devsite-banner .button, .devsite-banner button { margin: 12px 0px 0px; m= argin-inline-start: 0px; } } [items-across=3D"1"] { --devsite-columns: 1; } [items-across=3D"2"] { --devsite-columns: 2; } [items-across=3D"3"] { --devsite-columns: 3; } [items-across=3D"4"] { --devsite-columns: 4; } .devsite-card-group { display: grid; gap: var(--devsite-item-gap,24px); gri= d: auto-flow/repeat(var(--devsite-columns,3),1fr); } .devsite-card-wrapper { min-width: 0px; } .devsite-card-wrapper[hidden] { display: none; } .devsite-card h3 { font: var(--devsite-h2-font); letter-spacing: var(--devs= ite-h2-letter-spacing); margin: 0px 0px 10px; } .devsite-card { background: var(--devsite-card-background); border: var(--d= evsite-card-border); border-radius: var(--devsite-card-border-radius); box-= shadow: var(--devsite-card-box-shadow); display: flex; -webkit-box-orient: = vertical; -webkit-box-direction: normal; flex-direction: column; height: 10= 0%; overflow: hidden; position: relative; transition: var(--devsite-card-tr= ansition,0); } .devsite-card-image { height: 100%; object-fit: var(--devsite-card-image-ob= ject-fit,cover); position: absolute; width: 100%; } .devsite-card-image-container { background-image: url("/web/20230131013155i= m_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762= d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic-content-car= d-default.png"); background-position: 50% center; background-repeat: no-rep= eat; background-size: cover; padding: 0px 0px 56.25%; } .devsite-card-image-no-background { overflow: hidden; position: relative; b= ackground-image: none !important; } .devsite-card-content-wrapper { display: flex; -webkit-box-flex: 1; flex: 1= 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-di= rection: column; } .devsite-card-buttons, .devsite-card-content, .devsite-card-skill { padding= : var(--devsite-card-content-padding,16px); } .devsite-card-content { -webkit-box-flex: var(--devsite-card-content-flex,1= 0); flex: var(--devsite-card-content-flex,1 0); word-break: break-word; } .devsite-card-category { background-color: var(--devsite-label-background-c= olor,transparent); border-radius: var(--devsite-label-border-radius,4px); c= olor: var(--devsite-label-color,inherit); font: var(--devsite-label-font,70= 0 12px/22px var(--devsite-primary-font-family)); letter-spacing: var(--devs= ite-label-letter-spacing,.3px); margin: var(--devsite-label-margin,0 0 16px= ); padding: var(--devsite-label-padding,0); text-transform: var(--devsite-l= abel-text-transform,uppercase); } .devsite-card-summary { -webkit-box-orient: vertical; -webkit-line-clamp: 4= ; color: var(--devsite-card-summary-color,inherit); display: -webkit-box; f= ont: 400 16px/24px var(--devsite-primary-font-family); margin: var(--devsit= e-card-summary-margin,16px 0 0); max-height: 96px; overflow: hidden; } .devsite-card-attribution { -webkit-box-align: center; align-items: center;= border-top: var(--devsite-card-attribution-border,var(--devsite-primary-bo= rder)); box-sizing: content-box; color: var(--devsite-card-attribution-colo= r,inherit); display: flex; font-size: var(--devsite-card-attribution-font-s= ize,12px); font-weight: var(--devsite-card-attribution-font-weight,normal);= gap: 0px 16px; -webkit-box-pack: center; justify-content: center; line-hei= ght: var(--devsite-card-attribution-line-height,16px); margin: var(--devsit= e-card-attribution-margin,0); min-height: var(--devsite-card-attribution-mi= n-height,40px); padding: var(--devsite-card-attribution-padding,16px); posi= tion: relative; } .devsite-card-icon-container { color: var(--devsite-secondary-text-color); = display: grid; height: 32px; place-content: center; width: 32px; } .devsite-card-icon-container[background] { background-color: var(--devsite-= background-color); border-radius: 50%; overflow: hidden; } .devsite-card-attribution-text-container { -webkit-box-flex: 1; flex: 1 1 0= %; text-align: end; } .devsite-card-icon-image { height: 32px; } .devsite-card-icon.material-icons { color: var(--devsite-foreground-color);= font-size: 32px; } .devsite-card-icon-container[background] .devsite-card-icon { font-size: 24= px; } .devsite-card-attribution-author, .devsite-card-attribution-date, .devsite-= card-attribution-name, .devsite-card-date, .devsite-card-duration { margin:= 0px; } .devsite-card-attribution-author + .devsite-card-attribution-date, .devsite= -card-attribution-name + .devsite-card-attribution-author { margin-top: 8px= ; } .devsite-card-section { display: flex; gap: 16px; -webkit-box-pack: justify= ; justify-content: space-between; } .devsite-card-attribution + .devsite-card-buttons, .devsite-card-content + = .devsite-card-buttons, .devsite-card-content + .devsite-card-section .activ= ity-card-icons, .devsite-card-content + .devsite-card-section .devsite-card= -buttons, .devsite-card-content + .devsite-card-skill, .devsite-card-skill = + .devsite-card-attribution, .devsite-card-skill + .devsite-card-buttons { = padding-top: 0px; } .devsite-card-date, .devsite-card-duration { color: var(--devsite-card-date= -color,var(--devsite-secondary-text-color)); font: var(--devsite-card-date-= font,400 12px/16px var(--devsite-primary-font-family)); letter-spacing: var= (--devsite-card-date-letter-spacing,.3px); } .devsite-card-icons { display: flex; flex-wrap: wrap; gap: 12px; padding: 1= 2px; } .devsite-card-icon { height: 32px; width: 32px; } .devsite-card-api-references { list-style: none; padding: 0px; } .devsite-card-api-references { color: var(--devsite-card-api-references-col= or,var(--devsite-secondary-text-color)); font-size: 14px; line-height: 18px= ; margin-top: 12px; } .devsite-card-api-references-item { margin: 0px; overflow: hidden; text-ove= rflow: ellipsis; white-space: nowrap; } .devsite-card-skill { -webkit-box-align: center; align-items: center; color= : var(--devsite-card-skill-color); display: flex; font: var(--devsite-card-= skill-font,14px/20px var(--devsite-primary-font-family)); -webkit-box-pack:= var(--devsite-card-skill-justify-content); justify-content: var(--devsite-= card-skill-justify-content); } .devsite-card-skill-icon { height: 24px; margin: var(--devsite-card-skill-i= con-margin,0 4px 0 -6px); width: 24px; } .devsite-card-skill-icon-filled { fill: currentcolor; } .devsite-card-skill-icon-unfilled { fill: var(--devsite-background-5); } .devsite-card-buttons { display: flex; -webkit-box-orient: horizontal; -web= kit-box-direction: reverse; flex-direction: row-reverse; margin: auto 0px 0= px; } [template=3D"activity"] .devsite-card h3 { margin-bottom: 4px; } .devsite-card-list { border: var(--devsite-card-border); border-radius: var= (--devsite-card-border-radius); list-style: none; overflow: var(--devsite-c= ard-list-overflow,visible); padding: 0px; } .devsite-card-list-item { border: var(--devsite-card-list-item-border,0); b= order-radius: var(--devsite-card-list-item-border-radius,2px); box-shadow: = var(--devsite-card-box-shadow,0 1px 2px 0 var(--devsite-elevation-key-shado= w-color),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)); marg= in: var(--devsite-card-list-item-margin,0 0 20px); } .devsite-card-list-item:not(:last-child) { border-bottom: var(--devsite-car= d-list-item-border,var(--devsite-card-border,0)); } .devsite-card-list-item:last-child { border-bottom: var(--devsite-card-list= -item-border,0); margin: 0px; } .devsite-card-list-link { -webkit-box-align: center; align-items: center; c= olor: var(--devsite-card-list-link-color,var(--devsite-link-color)); displa= y: inline-flex; font: var(--devsite-card-list-link-font,var(--devsite-h2-fo= nt)); letter-spacing: var(--devsite-h2-letter-spacing); padding: var(--devs= ite-card-list-link-padding,16px 20px); transition: background 0.2s, color 0= .2s; width: 100%; } .devsite-card-list-link:focus, .devsite-card-list-link:hover { background: = var(--devsite-card-list-link-background-hover,var(--devsite-link-background= -hover)); color: var(--devsite-card-list-link-color-hover,var(--devsite-lin= k-color)); text-decoration: none; } .devsite-card-list-link::after { font-style: normal; font-variant: normal; = font-size-adjust: none; font-language-override: normal; font-kerning: auto;= font-optical-sizing: auto; font-variation-settings: normal; font-weight: n= ormal; font-stretch: normal; font-size: 24px; line-height: 1; font-family: = "Material Icons"; font-feature-settings: "liga"; -webkit-font-smoothing: an= tialiased; text-rendering: optimizelegibility; text-transform: none; overfl= ow-wrap: normal; content: "arrow_forward"; margin-left: auto; opacity: 0; t= ransform: translateX(-20px); transition: opacity 0.2s, transform 0.2s, -web= kit-transform 0.2s; } .devsite-card-list-link:focus::after, .devsite-card-list-link:hover::after = { opacity: 1; transform: translateX(0px); } @media screen and (max-width: 840px) { .devsite-card-group, [items-across=3D"3"], [items-across=3D"4"] { --devsi= te-columns: 2; } } @media screen and (max-width: 600px) { .devsite-card-group { display: block; } .devsite-card-wrapper:not(:first-of-type) { margin-top: 16px; } .devsite-card-summary { font-size: 14px; line-height: 20px; max-height: 8= 0px; } } .pre-style, code, pre { background: var(--devsite-code-background); color: = var(--devsite-code-color); font: 400 100%/1 var(--devsite-code-font-family)= ; padding: var(--devsite-inline-code-padding,1px 4px); direction: ltr !impo= rtant; text-align: left !important; } code { border: var(--devsite-inline-code-border,0); border-radius: var(--de= vsite-inline-code-border-radius,0); font: 500 90%/1 var(--devsite-code-font= -family); word-break: break-word; } .pre-style code, pre code, table code { font-weight: 400; word-break: norma= l; } .pre-style, pre { font: 14px/20px var(--devsite-code-font-family); margin: = 16px 0px; overflow-x: auto; padding: 24px; position: relative; } .pre-style code, pre code { background: 0px center; border: var(--devsite-i= nline-nested-code-border,0); font-size: 14px; padding: 0px; } b code, strong code { font-weight: 700; } cite code, em code, i code { font-style: italic; } pre.devsite-code-highlight > code > span, pre.devsite-code-highlight > span= { filter: grayscale(1); } td > pre:only-child { padding: 0px; } td > devsite-code pre.inline-code, td > devsite-code:only-child pre { paddi= ng: 0px 64px 0px 0px; } td > devsite-code pre.inline-code, td > devsite-code:not([dark-code]):only-= child pre { background: 0px center; } td > devsite-code pre.inline-code ~ .devsite-code-buttons-container, td > d= evsite-code:only-child pre ~ .devsite-code-buttons-container { top: -6px; } h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { background: 0px cent= er; color: var(--devsite-primary-text-color); padding: 0px; } h1 code { color: rgb(128, 134, 139); } :is(:link, :visited) code, :is(pre, code) :is(:link, :visited), td :is(:lin= k, :visited) code, td code :is(:link, :visited) { color: var(--devsite-cont= rast-link-color); } body[layout] .devsite-main-content var span, var, var code { color: var(--d= evsite-var-color); -webkit-font-smoothing: auto; font-weight: 500; } pre.clear-for-copy { color-scheme: initial; forced-color-adjust: initial; m= ath-depth: initial; position: absolute; position-anchor: initial; text-size= -adjust: initial; appearance: initial; color: initial; font: initial; font-= palette: initial; font-synthesis: initial; position-area: initial; text-ori= entation: initial; text-rendering: initial; text-spacing-trim: initial; -we= bkit-font-smoothing: initial; -webkit-locale: initial; -webkit-text-orienta= tion: initial; -webkit-writing-mode: initial; writing-mode: initial; zoom: = initial; accent-color: initial; place-content: initial; place-items: initia= l; place-self: initial; alignment-baseline: initial; anchor-name: initial; = anchor-scope: initial; animation-composition: initial; animation: initial; = animation-trigger: initial; app-region: initial; aspect-ratio: initial; bac= kdrop-filter: initial; backface-visibility: initial; background: initial; b= ackground-blend-mode: initial; baseline-shift: initial; baseline-source: in= itial; block-size: initial; border-block: initial; border: initial; border-= radius: initial; border-collapse: initial; border-end-end-radius: initial; = border-end-start-radius: initial; border-inline: initial; border-start-end-= radius: initial; border-start-start-radius: initial; bottom: initial; box-d= ecoration-break: initial; box-shadow: initial; box-sizing: initial; break-a= fter: initial; break-before: initial; break-inside: initial; buffered-rende= ring: initial; caption-side: initial; caret-animation: initial; caret-color= : initial; caret-shape: initial; clear: initial; clip: initial; clip-path: = initial; clip-rule: initial; color-interpolation: initial; color-interpolat= ion-filters: initial; color-rendering: initial; columns: initial; column-fi= ll: initial; gap: initial; column-rule: initial; column-span: initial; cont= ain: initial; contain-intrinsic-block-size: initial; contain-intrinsic-size= : initial; contain-intrinsic-inline-size: initial; container: initial; cont= ent: initial; content-visibility: initial; corner-shape: initial; corner-bl= ock-end-shape: initial; corner-block-start-shape: initial; counter-incremen= t: initial; counter-reset: initial; counter-set: initial; cursor: initial; = cx: initial; cy: initial; d: initial; display: initial; dominant-baseline: = initial; dynamic-range-limit: initial; empty-cells: initial; field-sizing: = initial; fill: initial; fill-opacity: initial; fill-rule: initial; filter: = initial; flex: initial; flex-flow: initial; float: initial; flood-color: in= itial; flood-opacity: initial; grid: initial; grid-area: initial; height: i= nitial; hyphenate-character: initial; hyphenate-limit-chars: initial; hyphe= ns: initial; image-orientation: initial; image-rendering: initial; initial-= letter: initial; inline-size: initial; inset-block: initial; inset-inline: = initial; interactivity: initial; interest-delay: initial; interpolate-size:= initial; isolation: initial; left: -100vw; letter-spacing: initial; lighti= ng-color: initial; line-break: initial; list-style: initial; margin-block: = initial; margin: initial; margin-inline: initial; marker: initial; mask: in= itial; mask-type: initial; math-shift: initial; math-style: initial; max-bl= ock-size: initial; max-height: initial; max-inline-size: initial; max-width= : initial; min-block-size: initial; min-height: initial; min-inline-size: i= nitial; min-width: initial; mix-blend-mode: initial; object-fit: initial; o= bject-position: initial; object-view-box: initial; offset: initial; opacity= : initial; order: initial; orphans: initial; outline: initial; outline-offs= et: initial; overflow-anchor: initial; overflow-block: initial; overflow-cl= ip-margin: initial; overflow-inline: initial; overflow-wrap: initial; overf= low: initial; overlay: initial; overscroll-behavior-block: initial; overscr= oll-behavior-inline: initial; overscroll-behavior: initial; padding-block: = initial; padding: initial; padding-inline: initial; page: initial; page-ori= entation: initial; paint-order: initial; perspective: initial; perspective-= origin: initial; pointer-events: initial; position-try: initial; position-v= isibility: initial; print-color-adjust: initial; quotes: initial; r: initia= l; reading-flow: initial; reading-order: initial; resize: initial; right: i= nitial; rotate: initial; ruby-align: initial; ruby-position: initial; rx: i= nitial; ry: initial; scale: initial; scroll-behavior: initial; scroll-initi= al-target: initial; scroll-margin-block: initial; scroll-margin: initial; s= croll-margin-inline: initial; scroll-marker-group: initial; scroll-padding-= block: initial; scroll-padding: initial; scroll-padding-inline: initial; sc= roll-snap-align: initial; scroll-snap-stop: initial; scroll-snap-type: init= ial; scroll-target-group: initial; scroll-timeline: initial; scrollbar-colo= r: initial; scrollbar-gutter: initial; scrollbar-width: initial; shape-imag= e-threshold: initial; shape-margin: initial; shape-outside: initial; shape-= rendering: initial; size: initial; speak: initial; stop-color: initial; sto= p-opacity: initial; stroke: initial; stroke-dasharray: initial; stroke-dash= offset: initial; stroke-linecap: initial; stroke-linejoin: initial; stroke-= miterlimit: initial; stroke-opacity: initial; stroke-width: initial; tab-si= ze: initial; table-layout: initial; text-align: initial; text-align-last: i= nitial; text-anchor: initial; text-autospace: initial; text-box: initial; t= ext-combine-upright: initial; text-decoration: initial; text-decoration-ski= p-ink: initial; text-emphasis: initial; text-emphasis-position: initial; te= xt-indent: initial; text-justify: initial; text-overflow: initial; text-sha= dow: initial; text-transform: initial; text-underline-offset: initial; text= -underline-position: initial; text-wrap: nowrap; timeline-scope: initial; t= imeline-trigger: initial; top: -100vh; touch-action: initial; transform: in= itial; transform-box: initial; transform-origin: initial; transform-style: = initial; transition: initial; translate: initial; trigger-scope: initial; u= ser-select: initial; vector-effect: initial; vertical-align: initial; view-= timeline: initial; view-transition-class: initial; view-transition-group: i= nitial; view-transition-name: initial; visibility: initial; border-spacing:= initial; -webkit-box-align: initial; -webkit-box-decoration-break: initial= ; -webkit-box-direction: initial; -webkit-box-flex: initial; -webkit-box-or= dinal-group: initial; -webkit-box-orient: initial; -webkit-box-pack: initia= l; -webkit-box-reflect: initial; -webkit-line-break: initial; -webkit-line-= clamp: initial; -webkit-mask-box-image: initial; -webkit-rtl-ordering: init= ial; -webkit-ruby-position: initial; -webkit-tap-highlight-color: initial; = -webkit-text-combine: initial; -webkit-text-decorations-in-effect: initial;= -webkit-text-fill-color: initial; -webkit-text-security: initial; -webkit-= text-stroke: initial; -webkit-user-drag: initial; white-space-collapse: pre= serve; widows: initial; width: initial; will-change: initial; word-break: i= nitial; word-spacing: initial; x: initial; y: initial; z-index: initial; } pre.clear-for-copy * { color-scheme: unset; forced-color-adjust: unset; mat= h-depth: unset; position: unset; position-anchor: unset; text-size-adjust: = unset; appearance: unset; color: unset; font-family: var(--devsite-code-fon= t-family); font-feature-settings: unset; font-kerning: unset; font-language= -override: unset; font-optical-sizing: unset; font-palette: unset; font-siz= e: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; = font-synthesis: unset; font-variant: unset; font-variation-settings: unset;= font-weight: unset; position-area: unset; text-orientation: unset; text-re= ndering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -w= ebkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode:= unset; writing-mode: unset; zoom: unset; accent-color: unset; place-conten= t: unset; place-items: unset; place-self: unset; alignment-baseline: unset;= anchor-name: unset; anchor-scope: unset; animation-composition: unset; ani= mation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: u= nset; backdrop-filter: unset; backface-visibility: unset; background: unset= ; background-blend-mode: unset; baseline-shift: unset; baseline-source: uns= et; block-size: unset; border-block: unset; border: unset; border-radius: u= nset; border-collapse: unset; border-end-end-radius: unset; border-end-star= t-radius: unset; border-inline: unset; border-start-end-radius: unset; bord= er-start-start-radius: unset; inset: unset; box-decoration-break: unset; bo= x-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset= ; break-inside: unset; buffered-rendering: unset; caption-side: unset; care= t-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; c= lip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset;= color-interpolation-filters: unset; color-rendering: unset; columns: unset= ; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; c= ontain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size:= unset; contain-intrinsic-inline-size: unset; container: unset; content: un= set; content-visibility: unset; corner-shape: unset; corner-block-end-shape= : unset; corner-block-start-shape: unset; counter-increment: unset; counter= -reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: = unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset= ; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset= ; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: un= set; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unse= t; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset;= hyphens: unset; image-orientation: unset; image-rendering: unset; initial-= letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset;= interactivity: unset; interest-delay: unset; interpolate-size: unset; isol= ation: unset; letter-spacing: unset; lighting-color: unset; line-break: uns= et; line-height: unset; list-style: unset; margin-block: unset; margin: uns= et; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; mat= h-shift: unset; math-style: unset; max-block-size: unset; max-height: unset= ; max-inline-size: unset; max-width: unset; min-block-size: unset; min-heig= ht: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset;= object-fit: unset; object-position: unset; object-view-box: unset; offset:= unset; opacity: unset; order: unset; orphans: unset; outline: unset; outli= ne-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-c= lip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: = unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavio= r-inline: unset; overscroll-behavior: unset; padding-block: unset; padding:= unset; padding-inline: unset; page: unset; page-orientation: unset; paint-= order: unset; perspective: unset; perspective-origin: unset; pointer-events= : unset; position-try: unset; position-visibility: unset; print-color-adjus= t: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unse= t; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; r= x: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-t= arget: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-marg= in-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; = scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: uns= et; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: = unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: un= set; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: un= set; shape-outside: unset; shape-rendering: unset; size: unset; speak: unse= t; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray:= unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: u= nset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset;= tab-size: unset; table-layout: unset; text-align: unset; text-align-last: = unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-com= bine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unse= t; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset;= text-justify: unset; text-overflow: unset; text-shadow: unset; text-transf= orm: unset; text-underline-offset: unset; text-underline-position: unset; w= hite-space: pre; text-wrap-style: unset; timeline-scope: unset; timeline-tr= igger: unset; touch-action: unset; transform: unset; transform-box: unset; = transform-origin: unset; transform-style: unset; transition: unset; transla= te: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; = vertical-align: unset; view-timeline: unset; view-transition-class: unset; = view-transition-group: unset; view-transition-name: unset; visibility: unse= t; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-= break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webki= t-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: un= set; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-cl= amp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -we= bkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text= -combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fi= ll-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; = -webkit-user-drag: unset; widows: unset; width: unset; will-change: unset; = word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset;= } fieldset { border: 0px; margin: 0px; padding: 0px; } input[type=3D"radio"] { appearance: none; background: var(--devsite-backgro= und-1); border-radius: 2px; cursor: pointer; font-style: normal; font-varia= nt: normal; font-size-adjust: none; font-language-override: normal; font-ke= rning: auto; font-optical-sizing: auto; font-variation-settings: normal; fo= nt-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1; f= ont-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font-s= moothing: antialiased; text-rendering: optimizelegibility; text-transform: = none; overflow-wrap: normal; height: 18px; margin-block: -2px 2px; margin-i= nline: 0px 8px; outline: 0px; position: relative; transition: color 0.2s; v= ertical-align: middle; width: 18px; } input[type=3D"radio"] { color: var(--devsite-secondary-text-color); } input[type=3D"radio"] { border-radius: 50%; transition: none; } input[type=3D"radio"]:focus::before { background: var(--devsite-background-= 4); } input[type=3D"radio"]:checked { color: var(--devsite-link-color); } input[type=3D"radio"]:focus::before { background: var(--devsite-input-backg= round-focus,var(--devsite-link-background)); } input[type=3D"radio"]::after { content: "check_box_outline_blank"; position= : relative; top: -3px; z-index: 1; } [dir=3D"ltr"] input[type=3D"radio"]::after { right: 3px; } [dir=3D"rtl"] input[type=3D"radio"]::after { left: 3px; } input[type=3D"radio"]::after { content: "radio_button_unchecked"; } input[type=3D"radio"]:checked::after { content: "radio_button_checked"; } input[type=3D"radio"]::before { border-radius: 50%; content: ""; display: b= lock; height: 36px; position: absolute; top: -9px; transition: background 0= .2s; width: 36px; } [dir=3D"ltr"] input[type=3D"radio"]::before { left: -9px; } [dir=3D"rtl"] input[type=3D"radio"]::before { right: -9px; } input[type=3D"radio"]:disabled { color: var(--devsite-input-color-disabled,= var(--devsite-tertiary-text-color)); cursor: default; } input[type=3D"date"], input[type=3D"datetime-local"], input[type=3D"datetim= e"], input[type=3D"email"], input[type=3D"month"], input[type=3D"number"], = input[type=3D"password"], input[type=3D"search"], input[type=3D"tel"], inpu= t[type=3D"text"], input[type=3D"time"], input[type=3D"url"], input[type=3D"= week"], select[multiple], select[size], textarea { background: var(--devsit= e-input-background); border: var(--devsite-input-border); border-radius: va= r(--devsite-input-border-radius,2px); color: var(--devsite-input-color,var(= --devsite-primary-text-color)); font: var(--devsite-input-font,16px/20px va= r(--devsite-primary-font-family)); height: var(--devsite-input-height,auto)= ; margin: var(--devsite-input-margin,0); max-width: 100%; outline: 0px; pad= ding: var(--devsite-input-padding,7px); transition: border-color 0.2s; vert= ical-align: middle; width: var(--devsite-input-width,auto); } input[type=3D"date"]:focus, input[type=3D"datetime-local"]:focus, input[typ= e=3D"datetime"]:focus, input[type=3D"email"]:focus, input[type=3D"month"]:f= ocus, input[type=3D"number"]:focus, input[type=3D"password"]:focus, input[t= ype=3D"search"]:focus, input[type=3D"tel"]:focus, input[type=3D"text"]:focu= s, input[type=3D"time"]:focus, input[type=3D"url"]:focus, input[type=3D"wee= k"]:focus, select[multiple]:focus, select[size]:focus, textarea:focus { bor= der-bottom: var(--devsite-input-border-bottom-focus,2px solid var(--devsite= -link-color)); padding-bottom: var(--devsite-input-padding-bottom-focus,6px= ); } input[type=3D"date"]:disabled, input[type=3D"datetime-local"]:disabled, inp= ut[type=3D"datetime"]:disabled, input[type=3D"email"]:disabled, input[type= =3D"month"]:disabled, input[type=3D"number"]:disabled, input[type=3D"passwo= rd"]:disabled, input[type=3D"search"]:disabled, input[type=3D"tel"]:disable= d, input[type=3D"text"]:disabled, input[type=3D"time"]:disabled, input[type= =3D"url"]:disabled, input[type=3D"week"]:disabled, select[multiple]:disable= d, select[size]:disabled, textarea:disabled { background: var(--devsite-bac= kground-3); } body input[type=3D"file"] { height: auto; line-height: 1; padding: var(--de= vsite-input-file-padding,8px 16px); } select { appearance: none; background-color: var(--devsite-select-backgroun= d-color); border: var(--devsite-select-border,var(--devsite-secondary-borde= r)); border-radius: var(--devsite-select-border-radius); box-shadow: none; = color: var(--devsite-select-color,var(--devsite-primary-text-color)); curso= r: pointer; display: inline-block; font-style: ; font-variant-ligatures: ; = font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; fon= t-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font= -weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing:= ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variat= ion-settings: ; font-language-override: ; height: var(--devsite-select-heig= ht,36px); line-height: var(--devsite-select-line-height,34px); max-width: v= ar(--devsite-select-max-width,340px); min-width: 72px; outline: 0px; overfl= ow: hidden; padding: var(--devsite-select-padding,0 27px 0 7px); text-align= : left; text-indent: 0.01px; text-overflow: ellipsis; transition: backgroun= d-color 0.2s; vertical-align: middle; white-space: nowrap; background-image= : var(--devsite-select-background-image); background-position: 100% center;= background-repeat: no-repeat; } select:focus, select:hover { background-color: var(--devsite-select-backgro= und-color-hover,var(--devsite-background-3)); border: var(--devsite-select-= border-hover,var(--devsite-select-border,var(--devsite-secondary-border)));= color: var(--devsite-select-color-hover); } select:active { background-color: var(--devsite-select-background-color-act= ive,var(--devsite-background-4)); color: var(--devsite-select-color-active)= ; } select:disabled { background-color: var(--devsite-background-3); border-col= or: transparent; color: var(--devsite-tertiary-text-color); cursor: default= ; } select:disabled { background-image: url("data:image/svg+xml;utf8,"); } @media screen and (-ms-high-contrast:active) { select { background-image: url("data:image/svg+xml;utf8,"); } } @media screen and (-ms-high-contrast:black-on-white) { select { background-image: url("data:image/svg+xml;utf8,"); } } input[type=3D"checkbox"] { appearance: none; background: var(--devsite-back= ground-1); border-radius: var(--devsite-checkbox-border-radius); cursor: po= inter; height: var(--devsite-checkbox-size); margin-block: var(--devsite-ch= eckbox-margin-block); margin-inline: var(--devsite-checkbox-margin-inline);= outline: 0px; position: relative; transition: color 0.2s; vertical-align: = middle; width: var(--devsite-checkbox-size); } input[type=3D"checkbox"] { color: var(--devsite-secondary-text-color); } input[type=3D"checkbox"]:focus::before { background: var(--devsite-backgrou= nd-4); } input[type=3D"checkbox"]:checked, input[type=3D"checkbox"]:indeterminate { = color: var(--devsite-link-color); } input[type=3D"checkbox"]:checked:focus::before, input[type=3D"checkbox"]:in= determinate:focus::before { background: var(--devsite-input-background-focu= s,var(--devsite-link-background)); } input[type=3D"checkbox"]::after { content: "check_box_outline_blank"; font-= style: normal; font-variant: normal; font-size-adjust: none; font-language-= override: normal; font-kerning: auto; font-optical-sizing: auto; font-varia= tion-settings: normal; font-weight: normal; font-stretch: normal; font-size= : 24px; line-height: 1; font-family: "Material Icons"; font-feature-setting= s: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizeleg= ibility; text-transform: none; overflow-wrap: normal; position: relative; r= ight: var(--devsite-checkbox-offset-x); top: var(--devsite-checkbox-offset-= y); z-index: 1; } :host-context([dir=3D"rtl"]) input[type=3D"checkbox"]::after, [dir=3D"rtl"]= input[type=3D"checkbox"]::after { left: var(--devsite-checkbox-offset-x); = right: auto; } input[type=3D"checkbox"]:checked::after { content: "check_box"; } input[type=3D"checkbox"]:indeterminate::after { content: "indeterminate_che= ck_box"; } input[type=3D"checkbox"]::before { border-radius: var(--devsite-checkbox-ic= on-canvas-border-radius); content: ""; display: block; font-style: normal; = font-variant: normal; font-size-adjust: none; font-language-override: norma= l; font-kerning: auto; font-optical-sizing: auto; font-variation-settings: = normal; font-weight: normal; font-stretch: normal; font-size: 24px; line-he= ight: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -web= kit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-t= ransform: none; overflow-wrap: normal; height: var(--devsite-checkbox-icon-= canvas-size); position: absolute; top: var(--devsite-checkbox-icon-canvas-o= ffset-y); transition: background 0.2s; width: var(--devsite-checkbox-icon-c= anvas-size); } :host-context([dir=3D"ltr"]) input[type=3D"checkbox"]::before, [dir=3D"ltr"= ] input[type=3D"checkbox"]::before { left: var(--devsite-checkbox-icon-canv= as-offset-x); } :host-context([dir=3D"rtl"]) input[type=3D"checkbox"]::before, [dir=3D"rtl"= ] input[type=3D"checkbox"]::before { right: var(--devsite-checkbox-icon-can= vas-offset-x); } input[type=3D"checkbox"]:disabled { color: var(--devsite-input-color-disabl= ed,var(--devsite-tertiary-text-color)); cursor: default; } label { color: var(--devsite-secondary-text-color); display: block; font-si= ze: 12px; } input + label { color: var(--devsite-primary-text-color); display: inline; = font-size: 16px; } label[for] { cursor: pointer; } input:disabled + label { color: var(--devsite-input-color-disabled,var(--de= vsite-tertiary-text-color)); cursor: default; } devsite-book-nav .devsite-breadcrumb-list, devsite-content .devsite-breadcr= umb-list, devsite-header .devsite-breadcrumb-list { -webkit-box-align: cent= er; align-items: center; display: var(--devsite-breadcrumb-list-display); p= adding: var(--devsite-breadcrumb-list-padding); white-space: nowrap; } .devsite-search-project .devsite-breadcrumb-list, devsite-book-nav .devsite= -breadcrumb-list, devsite-header .devsite-breadcrumb-list { display: flex; = font-family: var(--devsite-font-family,var(--devsite-primary-font-family));= } devsite-header .devsite-breadcrumb-list { letter-spacing: var(--devsite-hea= der-lower-breadcrumb-letter-spacing,0); text-transform: var(--devsite-heade= r-lower-breadcrumb-text-transform,none); } devsite-content .devsite-breadcrumb-list { background: var(--devsite-breadc= rumb-list-background,var(--devsite-background-1)); display: var(--devsite-b= readcrumb-list-display,inline-flex); -webkit-box-flex: 1; flex: 1 1 0%; fle= x-wrap: wrap; font-size: var(--devsite-breadcrumb-list-font-size,13px); wid= th: var(--devsite-breadcrumb-list-width); } devsite-book-nav .devsite-breadcrumb-item, devsite-content .devsite-breadcr= umb-item, devsite-header .devsite-breadcrumb-item { -webkit-box-align: cent= er; align-items: center; display: flex; margin: 0px; padding: var(--devsite= -breadcrumb-padding); } devsite-book-nav .devsite-breadcrumb-guillemet, devsite-book-nav .devsite-b= readcrumb-link, devsite-header .devsite-breadcrumb-guillemet, devsite-heade= r .devsite-breadcrumb-link { color: var(--devsite-secondary-text-rgba); fil= l: var(--devsite-secondary-text-rgba); } devsite-book-nav .devsite-breadcrumb-guillemet:focus, devsite-book-nav .dev= site-breadcrumb-guillemet:hover, devsite-book-nav .devsite-breadcrumb-link:= focus, devsite-book-nav .devsite-breadcrumb-link:hover, devsite-header .dev= site-breadcrumb-guillemet:focus, devsite-header .devsite-breadcrumb-guillem= et:hover, devsite-header .devsite-breadcrumb-link:focus, devsite-header .de= vsite-breadcrumb-link:hover { color: var(--devsite-primary-text-rgba); } devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordma= rk-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-breadcrum= b-guillemet:focus .devsite-google-wordmark-svg-path, devsite-header .devsit= e-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path, devsite-hea= der .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path, devsi= te-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path = { fill: var(--devsite-primary-text-rgba); } devsite-book-nav .devsite-breadcrumb-guillemet, devsite-header .devsite-bre= adcrumb-guillemet { font-size: 24px; margin: 0px 4px; width: 24px; } devsite-content .devsite-breadcrumb-guillemet { color: var(--devsite-second= ary-text-color); font-size: 18px; margin: 0px 4px; width: 18px; } devsite-book-nav .devsite-breadcrumb-guillemet::before, devsite-content .de= vsite-breadcrumb-guillemet::before, devsite-header .devsite-breadcrumb-guil= lemet::before { content: "chevron_right"; } [dir=3D"rtl"] devsite-book-nav .devsite-breadcrumb-guillemet::before, [dir= =3D"rtl"] devsite-content .devsite-breadcrumb-guillemet::before, [dir=3D"rt= l"] devsite-header .devsite-breadcrumb-guillemet::before { content: "chevro= n_left"; } devsite-book-nav .devsite-breadcrumb-link, devsite-content .devsite-breadcr= umb-link, devsite-header .devsite-breadcrumb-link { display: inline-block; = transition: color 0.2s; } devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link, devsite-h= eader .devsite-product-description-row .devsite-breadcrumb-guillemet, devsi= te-header .devsite-product-description-row .devsite-breadcrumb-link { color= : var(--devsite-header-foreground-lower-hover,var(--devsite-inverted-text-c= olor)); fill: var(--devsite-header-foreground-lower-hover,var(--devsite-inv= erted-text-color)); } devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus, dev= site-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover, devsit= e-header .devsite-product-description-row .devsite-breadcrumb-guillemet:foc= us, devsite-header .devsite-product-description-row .devsite-breadcrumb-gui= llemet:hover, devsite-header .devsite-product-description-row .devsite-brea= dcrumb-link:focus, devsite-header .devsite-product-description-row .devsite= -breadcrumb-link:hover { color: var(--devsite-header-foreground-lower,var(-= -devsite-inverted-text-rgba)); fill: var(--devsite-header-foreground-lower,= var(--devsite-inverted-text-rgba)); } devsite-book-nav .devsite-breadcrumb-link:focus, devsite-book-nav .devsite-= breadcrumb-link:hover, devsite-header .devsite-breadcrumb-link:focus, devsi= te-header .devsite-breadcrumb-link:hover { text-decoration: none; } devsite-content .devsite-breadcrumb-link { color: var(--devsite-breadcrumb-= link-color,var(--devsite-secondary-text-color)); } devsite-content .devsite-breadcrumb-link:focus, devsite-content .devsite-br= eadcrumb-link:hover { color: var(--devsite-breadcrumb-link-hover,var(--devs= ite-link-color)); text-decoration: none; } .devsite-nav { font-size: var(--devsite-nav-font-size,13px); } .devsite-nav-list, .devsite-nav-responsive-tabs, .devsite-nav-section { lis= t-style-type: none; padding: 0px; } .devsite-nav-item { line-height: var(--devsite-nav-item-line-height,16px); = margin: 0px; } .devsite-nav-title { color: var(--devsite-nav-title-color,var(--devsite-pri= mary-text-color)); display: flex; padding: var(--devsite-nav-title-padding,= 4px 0); user-select: none; } .devsite-nav-title[href]:focus, .devsite-nav-title[href]:hover { color: var= (--devsite-nav-color-hover,var(--devsite-link-color)); text-decoration: non= e; } .devsite-nav-heading > .devsite-nav-title { color: var(--devsite-nav-headin= g-color,var(--devsite-secondary-text-rgba)); font-weight: 700; } .devsite-nav-active { font-weight: var(--devsite-nav-font-weight-active,500= ); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { .devsite-nav-active { font-weight: 700; text-decoration: underline; } } .devsite-nav-active, .devsite-nav-active.devsite-nav-title, .devsite-nav-ac= tive.devsite-nav-title > .devsite-nav-icon::before, .devsite-nav-deprecated= .devsite-nav-active.devsite-nav-title { color: var(--devsite-nav-color-act= ive,var(--devsite-link-color-active,var(--devsite-link-color))); } .devsite-nav-text { overflow: hidden; text-overflow: ellipsis; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-title-no-pa= th:focus, .devsite-nav-title-no-path:focus { color: var(--devsite-link-colo= r); } .devsite-nav-icon { cursor: default; font-size: 18px; margin: -1px 0px -1px= 4px; } [dir=3D"rtl"] .devsite-nav-icon { margin: -1px 4px -1px 0px; } .devsite-nav-icon::before { color: var(--devsite-secondary-text-color); con= tent: "info"; } .devsite-nav-icon[data-icon=3D"alpha"]::before, .devsite-nav-icon[data-icon= =3D"beta"]::before, .devsite-nav-icon[data-icon=3D"experimental"]::before, = .devsite-nav-icon[data-icon=3D"preview"]::before { content: url("data:image= /svg+xml;utf8,"); } .devsite-nav-deprecated .devsite-nav-title, .devsite-nav-deprecated.devsite= -nav-accordion .devsite-nav-title, .devsite-nav-icon[data-icon=3D"deprecate= d"]::before, .devsite-nav-icon[data-icon=3D"unsupported"]::before { color: = var(--devsite-secondary-text-color); } .devsite-nav-icon[data-icon=3D"deprecated"]::before, .devsite-nav-icon[data= -icon=3D"unsupported"]::before { content: "not_interested"; } .devsite-nav-icon[data-icon=3D"external"]::before { content: "open_in_new";= } [dir=3D"rtl"] .devsite-nav-icon[data-icon=3D"external"]::before { display: = inline-block; transform: scaleX(-1); } .devsite-nav-icon[data-icon=3D"forward"]::before { content: "arrow_forward"= ; cursor: pointer; } [dir=3D"rtl"] .devsite-nav-icon[data-icon=3D"forward"]::before { content: "= arrow_back"; } .devsite-nav-icon[data-icon=3D"limited"]::before { content: "verified_user"= ; } .devsite-nav-icon[data-icon=3D"new"]::before { content: "new_releases"; } .devsite-nav-icon[data-icon=3D"nightly"]::before { content: "nights_stay"; = } .button, .devsite-footer-utility-button > a, button, input[type=3D"button"]= , input[type=3D"file"], input[type=3D"image"], input[type=3D"reset"], input= [type=3D"submit"] { appearance: none; background: var(--devsite-button-back= ground,var(--devsite-background-1)); border: var(--devsite-button-border,0)= ; border-radius: var(--devsite-button-border-radius,2px); box-shadow: var(-= -devsite-button-box-shadow,0 1px 2px 0 var(--devsite-elevation-key-shadow-c= olor),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)); box-siz= ing: border-box; color: var(--devsite-button-color); cursor: pointer; displ= ay: inline-block; font-style: ; font-variant-ligatures: ; font-variant-caps= : ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alterna= tes: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-s= tretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adju= st: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; f= ont-language-override: ; height: var(--devsite-button-height,36px); letter-= spacing: var(--devsite-button-letter-spacing,0); line-height: var(--devsite= -button-line-height,36px); margin: var(--devsite-button-margin,0); margin-i= nline-end: var(--devsite-button-margin-x-end); max-width: var(--devsite-but= ton-max-width,none); min-width: 36px; outline: 0px; overflow: hidden; paddi= ng: var(--devsite-button-padding,0 16px); text-align: center; text-decorati= on: none; text-overflow: ellipsis; text-transform: var(--devsite-button-tex= t-transform,uppercase); transition: background-color 0.2s, border 0.2s, box= -shadow 0.2s; vertical-align: middle; white-space: nowrap; width: var(--dev= site-button-width,auto); } .button:focus, .button:hover, .devsite-footer-utility-button > a:focus, .de= vsite-footer-utility-button > a:hover, button:focus, button:hover, input[ty= pe=3D"button"]:focus, input[type=3D"button"]:hover, input[type=3D"file"]:fo= cus, input[type=3D"file"]:hover, input[type=3D"image"]:focus, input[type=3D= "image"]:hover, input[type=3D"reset"]:focus, input[type=3D"reset"]:hover, i= nput[type=3D"submit"]:focus, input[type=3D"submit"]:hover { background: var= (--devsite-button-background-hover); border: var(--devsite-button-border-ho= ver,0); color: var(--devsite-button-color-hover,var(--devsite-button-color)= ); font-weight: 500; text-decoration: var(--devsite-button-text-decoration-= hover,none); } .button:focus, .devsite-footer-utility-button > a:focus, button:focus, inpu= t[type=3D"button"]:focus, input[type=3D"file"]:focus, input[type=3D"image"]= :focus, input[type=3D"reset"]:focus, input[type=3D"submit"]:focus { box-sha= dow: var(--devsite-button-box-shadow-focus,none); } .button:active, .devsite-footer-utility-button > a:active, button:active, i= nput[type=3D"button"]:active, input[type=3D"file"]:active, input[type=3D"im= age"]:active, input[type=3D"reset"]:active, input[type=3D"submit"]:active {= background: var(--devsite-button-background-active); border: var(--devsite= -button-border-active,0); box-shadow: var(--devsite-button-box-shadow-activ= e,0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(-= -devsite-elevation-ambient-shadow-color)); transform: var(--devsite-button-= transform-active,none); } [foreground] .button, [foreground][background] .button { border-color: var(= --devsite-foreground-button-border-color,transparent); } [foreground] .button, [foreground] .button:active, [foreground] .button:foc= us, [foreground] .button:hover, [foreground][background] .button, [foregrou= nd][background] .button:active, [foreground][background] .button:focus, [fo= reground][background] .button:hover { color: var(--devsite-foreground-butto= n-color,var(--devsite-foreground-color,var(--devsite-primary-color,var(--de= vsite-button-color)))); } [foreground] .button:active, [foreground] .button:focus, [foreground] .butt= on:hover, [foreground][background] .button:active, [foreground][background]= .button:focus, [foreground][background] .button:hover { background: var(--= devsite-foreground-button-background-hover); border-color: var(--devsite-fo= reground-button-border-color-hover,transparent); color: var(--devsite-foreg= round-button-color-hover,var(--devsite-foreground-color,var(--devsite-prima= ry-color,var(--devsite-button-color)))); } [foreground] .button:active, [foreground][background] .button:active { back= ground: var(--devsite-foreground-button-background-active,var(--devsite-for= eground-button-background-hover)); border-color: var(--devsite-foreground-b= utton-border-color-active,transparent); } [background]:not(.devsite-landing-row-cards) .button { background: var(--de= vsite-background-button-background,var(--devsite-background-1)); border-col= or: var(--devsite-background-button-border-color,transparent); color: var(-= -devsite-foreground-button-color,var(--devsite-background-button-color,var(= --devsite-button-color))); } [background]:not(.devsite-landing-row-cards) .button:active, [background]:n= ot(.devsite-landing-row-cards) .button:focus, [background]:not(.devsite-lan= ding-row-cards) .button:hover { background: var(--devsite-background-button= -background-hover,var(--devsite-button-background-hover)); border-color: va= r(--devsite-background-button-border-color-hover,transparent); color: var(-= -devsite-foreground-button-color-hover,var(--devsite-foreground-button-colo= r,var(--devsite-background-button-color-hover,var(--devsite-button-color)))= ); } [background]:not(.devsite-landing-row-cards) .button:active { border-color:= var(--devsite-background-button-border-color-active,transparent); } .button.button-disabled, .button.button-disabled:active, .button.button-dis= abled:focus, .button.button-disabled:hover, [background] .button.button-dis= abled, [background] .button.button-disabled:active, [background] .button.bu= tton-disabled:focus, [background] .button.button-disabled:hover, [foregroun= d] .button.button-disabled, [foreground] .button.button-disabled:active, [f= oreground] .button.button-disabled:focus, [foreground] .button.button-disab= led:hover, body[theme] [background] .button.button-disabled, body[theme] [b= ackground] .button.button-disabled:active, body[theme] [background] .button= .button-disabled:focus, body[theme] [background] .button.button-disabled:ho= ver, body[theme] [foreground] .button.button-disabled, body[theme] [foregro= und] .button.button-disabled:active, body[theme] [foreground] .button.butto= n-disabled:focus, body[theme] [foreground] .button.button-disabled:hover, b= utton[disabled], button[disabled]:active, button[disabled]:focus, button[di= sabled]:hover, input[type=3D"button"][disabled], input[type=3D"button"][dis= abled]:active, input[type=3D"button"][disabled]:focus, input[type=3D"button= "][disabled]:hover, input[type=3D"file"][disabled], input[type=3D"file"][di= sabled]:active, input[type=3D"file"][disabled]:focus, input[type=3D"file"][= disabled]:hover, input[type=3D"image"][disabled], input[type=3D"image"][dis= abled]:active, input[type=3D"image"][disabled]:focus, input[type=3D"image"]= [disabled]:hover, input[type=3D"reset"][disabled], input[type=3D"reset"][di= sabled]:active, input[type=3D"reset"][disabled]:focus, input[type=3D"reset"= ][disabled]:hover, input[type=3D"submit"][disabled], input[type=3D"submit"]= [disabled]:active, input[type=3D"submit"][disabled]:focus, input[type=3D"su= bmit"][disabled]:hover { background: var(--devsite-button-disabled-backgrou= nd,#ddd); border: var(--devsite-button-disabled-border,0); box-shadow: none= ; color: var(--devsite-button-disabled-color,var(--devsite-tertiary-text-rg= ba)); cursor: default; line-height: var(--devsite-button-disabled-line-heig= ht,36px); pointer-events: none; } .button-blue, .button-green, .button-primary, .button-red, body devsite-foo= ter-utility .devsite-footer-utility-button > a { background: var(--devsite-= button-primary-background,var(--devsite-button-color)); color: var(--devsit= e-button-primary-color,var(--devsite-inverted-text-color)); line-height: va= r(--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:hov= er, .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, bod= y devsite-footer-utility .devsite-footer-utility-button > a:focus, body dev= site-footer-utility .devsite-footer-utility-button > a:hover { border: 0px;= } .button-blue:hover, .button-green:hover, .button-primary:hover, .button-red= :hover, body devsite-footer-utility .devsite-footer-utility-button > a:hove= r { box-shadow: var(--devsite-button-primary-box-shadow-hover,0 1px 2px 0 v= ar(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevat= ion-ambient-shadow-color)); } .button-blue:focus, .button-blue:hover, .button-green:focus, .button-green:= hover, .button-primary:focus, .button-primary:hover, .button-red:focus, .bu= tton-red:hover, body devsite-footer-utility .devsite-footer-utility-button = > a:focus, body devsite-footer-utility .devsite-footer-utility-button > a:h= over { background: var(--devsite-button-primary-background-hover); border: = var(--devsite-button-primary-border-hover); color: var(--devsite-button-pri= mary-color-hover,var(--devsite-inverted-text-color)); } .button-blue:active, .button-green:active, .button-primary:active, .button-= red:active, body devsite-footer-utility .devsite-footer-utility-button > a:= active { background: var(--devsite-button-primary-background-active); box-s= hadow: var(--devsite-button-primary-box-shadow-active,0 1px 2px 0 var(--dev= site-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambi= ent-shadow-color)); color: var(--devsite-button-primary-color-active,var(--= devsite-inverted-text-color)); } [background]:not(.devsite-landing-row-cards) .button-primary { background: = var(--devsite-background-button-primary-background,var(--devsite-background= -1)); color: var(--devsite-background-button-primary-color,var(--devsite-bu= tton-color)); } [background]:not(.devsite-landing-row-cards) .button-primary:active, [backg= round]:not(.devsite-landing-row-cards) .button-primary:focus, [background]:= not(.devsite-landing-row-cards) .button-primary:hover { color: var(--devsit= e-background-button-primary-color-hover,var(--devsite-background-button-pri= mary-color,var(--devsite-button-color))); } [background]:not(.devsite-landing-row-cards) .button-primary:focus, [backgr= ound]:not(.devsite-landing-row-cards) .button-primary:hover { background: v= ar(--devsite-background-button-primary-background-hover); } [background]:not(.devsite-landing-row-cards) .button-primary:active { backg= round: var(--devsite-background-button-primary-background-hover); } [foreground] .button-primary, [foreground][background] .button-primary { ba= ckground: var(--devsite-foreground-button-primary-background); color: var(-= -devsite-foreground-button-primary-color,var(--devsite-inverted-text-color)= ); } [foreground] .button-primary:active, [foreground] .button-primary:focus, [f= oreground] .button-primary:hover, [foreground][background] .button-primary:= active, [foreground][background] .button-primary:focus, [foreground][backgr= ound] .button-primary:hover { background: var(--devsite-foreground-button-p= rimary-background-hover); color: var(--devsite-foreground-button-primary-co= lor-hover,var(--devsite-foreground-button-primary-color,var(--devsite-inver= ted-text-color))); } .button-white { background: 0px center; line-height: var(--devsite-button-w= hite-line-height,36px); padding: 0px 8px; } .button-white, .button-white:active, .button-white:focus, .button-white:hov= er { border: 0px; color: var(--devsite-button-white-color,var(--devsite-but= ton-color)); } .button-white, .button-white:hover { box-shadow: var(--devsite-button-white= -box-shadow-hover,none); } .button-white:active, .button-white:focus, .button-white:hover { text-decor= ation: var(--devsite-button-white-text-decoration-hover,none); } .button-white:focus, .button-white:hover { background: var(--devsite-button= -white-background-hover,var(--devsite-button-background-hover)); } .button-white:focus { box-shadow: var(--devsite-button-white-box-shadow-foc= us,none); } .button-white:active { background: var(--devsite-button-white-background-ac= tive,var(--devsite-button-background-active)); box-shadow: var(--devsite-bu= tton-white-box-shadow-active,none); } [background]:not(.devsite-landing-row-cards) .button-white { background: tr= ansparent; } [background]:not(.devsite-landing-row-cards) .button-white, [background]:no= t(.devsite-landing-row-cards) .button-white:active, [background]:not(.devsi= te-landing-row-cards) .button-white:focus, [background]:not(.devsite-landin= g-row-cards) .button-white:hover { color: var(--devsite-background-button-w= hite-color,var(--devsite-inverted-text-color)); } [background]:not(.devsite-landing-row-cards) .button-white:hover { backgrou= nd: var(--devsite-background-button-white-background-hover); } [background]:not(.devsite-landing-row-cards) .button-white:focus { backgrou= nd: var(--devsite-background-button-white-background-focus); } [background][foreground] .button-white, [background][foreground] .button-wh= ite:active, [background][foreground] .button-white:focus, [background][fore= ground] .button-white:hover, [foreground] .button-white, [foreground] .butt= on-white:active, [foreground] .button-white:focus, [foreground] .button-whi= te:hover { color: var(--devsite-foreground-button-white-color,var(--devsite= -foreground-button-color,var(--devsite-foreground-color))); } [background][foreground] .button-white:focus, [background][foreground] .but= ton-white:hover, [foreground] .button-white:focus, [foreground] .button-whi= te:hover { background: var(--devsite-foreground-button-white-background-hov= er,var(--devsite-foreground-button-background-hover)); } [background][foreground] .button-white:active, [foreground] .button-white:a= ctive { background: var(--devsite-foreground-button-white-background-active= ,var(--devsite-foreground-button-background-active,var(--devsite-foreground= -button-background-hover))); } [background=3D"theme"]:not(.devsite-landing-row-cards) .button-white { colo= r: var(--devsite-text-color,var(--devsite-inverted-text-color)); } .button-white.button-disabled, .button-white[disabled] { background: 0px ce= nter; } .button-raised { background: var(--devsite-button-raised-background,var(--d= evsite-background-1)); box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-= shadow-color),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); = line-height: var(--devsite-button-raised-line-height,36px); } .button-raised, .button-raised:active, .button-raised:focus, .button-raised= :hover { border: 0px; color: var(--devsite-button-raised-color,var(--devsit= e-button-color)); } .button-raised:focus, .button-raised:hover { background: var(--devsite-butt= on-raised-background-hover,var(--devsite-button-background-hover)); box-sha= dow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px va= r(--devsite-elevation-ambient-shadow-color); } .button-raised:active { background: var(--devsite-button-raised-background-= active,var(--devsite-button-background-active)); box-shadow: 0 1px 3px 0 va= r(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsite-elevati= on-ambient-shadow-color); } [background]:not(.devsite-landing-row-cards) .button-raised { background: v= ar(--devsite-background-1); } .button + .button, button + button, input[type=3D"button"] + input[type=3D"= button"], input[type=3D"file"] + input[type=3D"file"], input[type=3D"image"= ] + input[type=3D"image"], input[type=3D"reset"] + input[type=3D"reset"], i= nput[type=3D"submit"] + input[type=3D"submit"] { margin-inline-start: var(-= -devsite-button-sibling-gap-x,16px); } .button-flat + .button-flat, .button-white + .button-white, button + .butto= n { margin-left: 8px; } [dir=3D"rtl"] .button-flat + .button-flat, [dir=3D"rtl"] .button-white + .b= utton-white, [dir=3D"rtl"] button + .button { margin-left: 0px; margin-righ= t: 8px; } .button-flat { padding: 0px 8px; } .button-flat, .button-flat:active, .button-flat:focus, .button-flat:hover {= background: 0px center; border: 0px; box-shadow: none; } .button-flat:disabled { background-color: transparent; } [foreground] .button-primary:active, [foreground] .button-primary:focus, [f= oreground] .button-primary:hover, [foreground] .button-raised:active, [fore= ground] .button-raised:focus, [foreground] .button-raised:hover, [foregroun= d] .button-white:active, [foreground] .button-white:focus, [foreground] .bu= tton-white:hover { border: 0px; } .button-transparent { padding: 0px 8px; } .button-transparent, .button-transparent:focus, .button-transparent:hover {= background-color: transparent; border: 0px; box-shadow: none; } .button-text-white { color: var(--devsite-inverted-text-color); } .button-text-blue { color: var(--devsite-link-color); } .button-lowercase { text-transform: none; } [dir=3D"ltr"] .button-unindented { margin-left: var(--devsite-button-uninde= nted-margin-x,-8px); } [dir=3D"rtl"] .button-unindented { margin-right: var(--devsite-button-unind= ented-margin-x,-8px); } .button-icon, .button > .material-icons, button > .material-icons { font-si= ze: 18px; height: 18px; width: 18px; } .button.button-with-icon, .button.external { padding: var(--devsite-button-= with-icon-padding,0 16px); } .button-primary.button-with-icon, .button-primary.external, .button-raised.= button-with-icon, .button-raised.external { padding: var(--devsite-button-p= rimary-with-icon-padding,0 16px); } .button-white.button-with-icon, .button-white.external { padding: 0px 16px;= } .button > .material-icons, button > .material-icons { margin: 0px 8px; posi= tion: relative; top: -2px; vertical-align: middle; } .button > .button-icon, button > .button-icon { margin: 0px 8px; } .button-with-icon > .button-icon, .button-with-icon > .material-icons { mar= gin: 0px 8px 0px -4px; } [dir=3D"rtl"] .button-with-icon > .button-icon, [dir=3D"rtl"] .button-with-= icon > .material-icons { margin: 0px -4px 0px 8px; } .button-with-icon > .icon-after, .button.external:not(.button-with-icon)::a= fter, button.external:not(.button-with-icon)::after { margin: 0px -4px 0px = 8px; } [dir=3D"rtl"] .button-with-icon > .icon-after, [dir=3D"rtl"] .button.extern= al:not(.button-with-icon)::after, [dir=3D"rtl"] button.external:not(.button= -with-icon)::after { margin: 0px 8px 0px -4px; } [dir=3D"ltr"] .button:not(.button-with-icon) > .material-icons:not(.icon-af= ter) { margin-left: var(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"rtl"] .button:not(.button-with-icon) > .material-icons:not(.icon-af= ter) { margin-right: var(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"ltr"] .button:not(.button-with-icon) > .icon-after { margin-right: = var(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"rtl"] .button:not(.button-with-icon) > .icon-after { margin-left: v= ar(--devsite-button-material-icon-margin-x,-4px); } [dir=3D"ltr"] .button-white:not(.button-with-icon) > .material-icons:not(.i= con-after) { margin-left: var(--devsite-button-white-material-icon-margin-x= ,4px); } [dir=3D"rtl"] .button-white:not(.button-with-icon) > .material-icons:not(.i= con-after) { margin-right: var(--devsite-button-white-material-icon-margin-= x,4px); } [dir=3D"ltr"] .button-white:not(.button-with-icon) > .icon-after { margin-r= ight: var(--devsite-button-white-material-icon-margin-x,4px); } [dir=3D"rtl"] .button-white:not(.button-with-icon) > .icon-after { margin-l= eft: var(--devsite-button-white-material-icon-margin-x,4px); } .devsite-landing-row-item[foreground=3D"grey"] .button, [foreground=3D"grey= "] .button { background: var(--devsite-secondary-text-color); } .devsite-landing-row-item[foreground=3D"grey"] .button:active, .devsite-lan= ding-row-item[foreground=3D"grey"] .button:focus, .devsite-landing-row-item= [foreground=3D"grey"] .button:hover, [foreground=3D"grey"] .button:active, = [foreground=3D"grey"] .button:focus, [foreground=3D"grey"] .button:hover { = background: rgb(60, 64, 67); } [layout=3D"docs"] h1, [layout=3D"docs"] h2, [layout=3D"docs"] h3, [layout= =3D"docs"] h4, [layout=3D"docs"] h5, [layout=3D"docs"] h6 { overflow: hidde= n; text-overflow: ellipsis; } .devsite-article h1:first-of-type { display: inline; margin-top: 0px; verti= cal-align: middle; } .devsite-article[has-bookmark] h1:first-of-type { margin-inline-end: 83px; = } .devsite-landing-row h2, .devsite-landing-row-item-description h3, h1 { col= or: var(--devsite-heading-color,var(--devsite-secondary-text-color)); } .devsite-landing-row h2, .devsite-landing-row-large-headings .devsite-landi= ng-row-item-description h3, h1 { font: var(--devsite-h1-font); letter-spaci= ng: var(--devsite-h1-letter-spacing); margin: var(--devsite-h1-margin); } .devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-ite= m-description h3, .devsite-landing-row-large-headings h2 { font: var(--devs= ite-display-font); letter-spacing: var(--devsite-display-letter-spacing); } .devsite-landing-row .devsite-catalog-alphabet-letter-heading h2 { margin: = 20px 0px; } [layout=3D"docs"] h2 { border-bottom: var(--devsite-h2-border,var(--devsite= -secondary-border)); padding: var(--devsite-h2-padding); } .devsite-landing-row h3, h2 { font: var(--devsite-h2-font); letter-spacing:= var(--devsite-h2-letter-spacing); margin: var(--devsite-h2-margin); } h3 { font: var(--devsite-h3-font); letter-spacing: var(--devsite-h3-letter-= spacing); margin: var(--devsite-h3-margin); } .devsite-landing-row h4, .devsite-landing-row-item-no-media h3 { font: var(= --devsite-h3-font); margin: var(--devsite-h3-margin,32px 0 12px); padding: = 0px; } .devsite-landing-row-large-headings .devsite-landing-row-item-list h4 { fon= t: 400 20px/32px var(--devsite-primary-font-family); letter-spacing: -0.01e= m; } h4, h5, h6 { margin: 32px 0px 16px; } h4 { font: var(--devsite-h4-font); letter-spacing: var(--devsite-h4-letter-= spacing); } h5 { font: var(--devsite-h5-font); letter-spacing: var(--devsite-h5-letter-= spacing); } h6 { font: var(--devsite-h6-font); letter-spacing: var(--devsite-h6-letter-= spacing); } 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 + h= 3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 0px; } table { border: 0px; border-collapse: collapse; border-spacing: 0px; font: = 14px/20px var(--devsite-primary-font-family); margin: 16px 0px 15px; width:= 100%; } caption { background: var(--devsite-background-3); font-weight: 500; paddin= g: 12px 8px; text-align: center; } tr { background: var(--devsite-table-row-background,0); border-top: 0px; bo= rder-right: 0px; border-left: 0px; border-image: initial; border-bottom: va= r(--devsite-table-row-border,var(--devsite-primary-border)); } tr:first-child { border-top: var(--devsite-table-row-border,var(--devsite-p= rimary-border)); } td, th { border: 0px; margin: 0px; text-align: left; } [dir=3D"rtl"] td, [dir=3D"rtl"] th { text-align: right; } th { font: var(--devsite-table-heading-font,500 16px/24px var(--devsite-pri= mary-font-family)); height: 48px; padding: var(--devsite-table-heading-padd= ing,8px); vertical-align: middle; } th > h2, th > h3 { border: 0px; font: var(--devsite-table-heading-font,500 = 16px/24px var(--devsite-primary-font-family)); margin: 0px !important; padd= ing: 0px !important; } td > .expandable > h2.showalways, td > .expandable > h3.showalways, td > h2= :only-child, td > h3:only-child { border: 0px; font: 500 14px/20px var(--de= vsite-primary-font-family); margin: 0px; padding-bottom: 0px; } td > .expandable > h2.showalways, td > .expandable > h3.showalways { line-h= eight: 24px; } table h4, table h5, table h6 { margin-left: 0px !important; margin-right: 0= px !important; padding-left: 0px !important; padding-right: 0px !important;= } td b, td strong, th b, th strong { font-weight: 500; } td { padding: var(--devsite-table-cell-padding,7px 8px 8px); } td code, th code { background: 0px center; border: 0px; font: 500 100%/1 va= r(--devsite-code-font-family); -webkit-font-smoothing: auto; padding: 0px; = } td pre code { font-weight: 400; -webkit-font-smoothing: antialiased; } table.responsive td, table.responsive th { min-width: 214px; } table.responsive table:not(.responsive) td, table.responsive table:not(.res= ponsive) th { min-width: 120px; } table.responsive td code, table.responsive th code { word-break: break-word= ; } table.responsive td tr:not(.alt) td:first-child, table.responsive tr:not(.a= lt) td td:first-child, td { background: var(--devsite-table-cell-background= ); 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: var(--devsite-table-margin,16px 0); overfl= ow: auto; } .devsite-table-wrapper .devsite-table-wrapper { margin: 0px; overflow: visi= ble; } .devsite-table-wrapper table { margin: 0px; } .devsite-table-wrapper .devsite-table-wrapper table { margin: 16px 0px; } table.responsive table.responsive { margin: 0px; } table.responsive td tr:first-child td { padding-top: 0px; } table.responsive td tr:last-child td { padding-bottom: 0px; } [dir=3D"ltr"] table.responsive td td:first-child { padding-left: 0px; } [dir=3D"rtl"] table.responsive td td:first-child { padding-right: 0px; } table.responsive > * > tr > th:not(:first-child), table.responsive > tr > t= h:not(:first-child) { display: none; } table.columns tr { border: 0px; } table table tr:first-child { border-top: 0px; } devsite-selector .devsite-table-wrapper:last-child tr:last-child, table tab= le tr:last-child { border-bottom: 0px; } th, th code { background: var(--devsite-table-heading-background,#e8eaed); = color: var(--devsite-table-heading-color,var(--devsite-primary-text-color))= ; } table.vertical-rules tr > td:not(:last-child), table.vertical-rules tr > th= :not(:last-child) { border-right: var(--devsite-table-row-border,var(--devs= ite-primary-border)); } .alt td, table.alternating-even-rows tr:nth-child(2n) td, table.alternating= -odd-rows tr:nth-child(2n+1) td, td.alt { background: var(--devsite-alt-tab= le-cell-background); } table.responsive > * > tr:not(.alt) td:first-child, table.responsive > tr:n= ot(.alt) td:first-child { background: var(--devsite-responsive-table-first-= column-background); } .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-b= ody > table.full-width td:first-child, .devsite-article-body > table.full-w= idth th:first-child { padding-left: 40px; } @media screen and (max-width: 840px) { .devsite-article-body > .devsite-full-width-table td:first-child, .devsit= e-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, .devsit= e-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-a= rticle-body > .devsite-full-width-table th:last-child, .devsite-article-bod= y > table.full-width td:last-child, .devsite-article-body > table.full-widt= h 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-b= ody > table.full-width td:last-child, .devsite-article-body > table.full-wi= dth 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-b= ody > table.full-width td:last-child, .devsite-article-body > table.full-wi= dth th:last-child { padding-right: 16px; } } .devsite-full-width-table table table td:first-child, .devsite-full-width-t= able table table th:first-child { padding-left: 0px; } @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: 0px; } } .devsite-full-width-table table table td:last-child, .devsite-full-width-ta= ble table table th:last-child { padding-right: 0px; } @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: 0px; } } @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(.r= esponsive) th { display: table-cell; } table.responsive > * > th, table.responsive > th { height: auto; padding:= var(--devsite-responsive-table-heading-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-scrollba= r, .devsite-tabs-overflow-menu::-webkit-scrollbar, .devsite-toc::-webkit-sc= rollbar, [scrollbars]::-webkit-scrollbar, pre::-webkit-scrollbar { height: = 8px; width: 8px; } .devsite-book-nav::-webkit-scrollbar-thumb, .devsite-dialog::-webkit-scroll= bar-thumb, .devsite-popout::-webkit-scrollbar-thumb, .devsite-table-wrapper= ::-webkit-scrollbar-thumb, .devsite-tabs-overflow-menu::-webkit-scrollbar-t= humb, .devsite-toc::-webkit-scrollbar-thumb, [scrollbars]::-webkit-scrollba= r-thumb, pre::-webkit-scrollbar-thumb { background: var(--devsite-scrollbar= -thumb-background); border-radius: 8px; } .devsite-doc-set-nav-row::-webkit-scrollbar, .devsite-header-upper-tabs::-w= ebkit-scrollbar, [no-horizontal-scrollbars]::-webkit-scrollbar { height: 0p= x; width: 0px; } .devsite-table-wrapper::-webkit-scrollbar-corner, [scrollbars]::-webkit-scr= ollbar-corner, pre::-webkit-scrollbar-corner { background: 0px center; } .devsite-cse-confidential-results { background: var(--devsite-confidential-= results-background); margin: 16px -40px; padding: 0px 40px 16px; } .devsite-cse-confidential-results + aside { margin-top: -16px !important; } .devsite-search-results-stats { margin-bottom: 8px; } .devsite-search-results .gs-title { font-weight: 500; } .devsite-search-results .gs-title:link, .devsite-search-results .gs-title:v= isited { color: var(--devsite-link-color); } .devsite-search-results .gs-webResult .gs-visibleUrl { color: var(--devsite= -search-results-breadcrumb-color); font-size: 14px; } .devsite-search-results .gs-snippet { margin-top: 0px; } .devsite-search-results .gs-webResult:not(.gs-no-results-result):not(.gs-er= ror-result) .gs-snippet { color: var(--devsite-primary-text-color); } .devsite-result-item-link .devsite-result-item-confidential, .devsite-searc= h-results .gs-title-label { background: var(--devsite-caution-notice-backgr= ound); border-radius: 4px; color: var(--devsite-caution-notice-color); disp= lay: inline-block; font: 500 11px/16px var(--devsite-primary-font-family); = letter-spacing: 0.8px; margin: 0px 8px; padding: 5px 8px 3px; text-transfor= m: uppercase; } body[template=3D"search"] .gsc-webResult .gsc-result { border: none; margin= : 24px 0px; padding: 0px; } .devsite-search-page-controls { margin-top: 8px; } .devsite-search-project { border-bottom: var(--devsite-primary-border); mar= gin-bottom: 24px; padding-bottom: 23px; } .devsite-search-project .devsite-project-scoped-results-title { -webkit-box= -align: center; align-items: center; display: flex; flex-wrap: wrap; margin= -bottom: 8px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-wrapper { -webkit-box-align: center; align-items: center; display:= flex; -webkit-box-flex: 0; flex: 0 0 auto; height: 36px; margin: 6px 0px; = } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-link, .devsite-search-project .devsite-project-scoped-results-titl= e .devsite-site-logo-link { -webkit-box-align: center; align-items: center;= display: flex; opacity: 1; transition: opacity 0.2s; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-link:focus, .devsite-search-project .devsite-project-scoped-result= s-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: var(--devsite-logo-height,32px); } .devsite-search-project .devsite-project-scoped-results-title .devsite-has-= google-wordmark > .devsite-breadcrumb-link, .devsite-search-project .devsit= e-project-scoped-results-title .devsite-has-google-wordmark > .devsite-prod= uct-name { direction: ltr; } .devsite-search-project .devsite-project-scoped-results-title .devsite-goog= le-wordmark { height: 24px; margin: 0px 4px 0px 0px; position: relative; to= p: 5px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-goog= le-wordmark-svg-path { 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-site= -logo-link picture { display: contents; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-logo-container { -webkit-box-align: center; align-items: center; border= -radius: 50%; color: var(--devsite-primary-color,var(--devsite-primary-text= -color)); display: flex; height: 36px; -webkit-box-pack: center; justify-co= ntent: center; margin-inline: 0px 4px; width: 36px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-logo-container[background] { background: var(--devsite-primary-color,va= r(--devsite-primary-text-color)); color: var(--devsite-inverted-text-color)= ; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-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-prod= uct-logo-container[background] .devsite-product-logo { font-size: 28px; hei= ght: 28px; max-width: 28px; min-width: 28px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name { font: var(--devsite-wordmark-font,400 20px/32px var(--devsite-pr= imary-font-family)); letter-spacing: 0px; margin: 0px; max-height: 32px; ov= erflow: hidden; text-overflow: ellipsis; transition: color 0.2s; white-spac= e: nowrap; } .devsite-search-project .devsite-project-scoped-results-title .devsite-site= -logo:not([src*=3D".svg"]) { height: auto; max-height: 32px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-brea= dcrumb-link > .devsite-product-name { color: inherit; } @media screen and (max-width: 840px) { .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper { -webkit-box-flex: 0; flex: 0 1 auto; min-width: 0px; } .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper .devsite-breadcrumb-item:not(:first-of-type), .devsite-s= earch-project .devsite-project-scoped-results-title .devsite-product-name-w= rapper .devsite-site-logo-link + .devsite-product-name { display: none; } .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper .devsite-breadcrumb-item, .devsite-search-project .devsi= te-project-scoped-results-title .devsite-product-name-wrapper .devsite-brea= dcrumb-link, .devsite-search-project .devsite-project-scoped-results-title = .devsite-product-name-wrapper .devsite-breadcrumb-list, .devsite-search-pro= ject .devsite-project-scoped-results-title .devsite-product-name-wrapper .d= evsite-product-name { width: 100%; } .devsite-search-project .devsite-project-scoped-results-title .devsite-pr= oduct-name-wrapper .devsite-breadcrumb-link { overflow: hidden; text-overfl= ow: ellipsis; } } .devsite-search-project .devsite-project-scoped-results-title .devsite-prod= uct-name-wrapper { position: relative; margin-left: 0.3em; } .devsite-search-project .devsite-breadcrumb-list, .devsite-search-project .= devsite-project-scoped-results-title { font: var(--devsite-wordmark-font,40= 0 20px/32px var(--devsite-primary-font-family)); } .devsite-search-project .devsite-breadcrumb-link, .devsite-search-project .= devsite-breadcrumb-link:hover { color: var(--devsite-primary-text-color); } .devsite-search-project .devsite-product-logo-container { color: var(--devs= ite-primary-color,var(--devsite-primary-text-color)); } .devsite-search-project .devsite-product-logo-container[background] { backg= round: var(--devsite-primary-color,var(--devsite-primary-text-color)); colo= r: var(--devsite-inverted-text-color); } .devsite-search-project .devsite-breadcrumb-link .devsite-google-wordmark {= fill: currentcolor; } .devsite-steps { border-top: var(--devsite-steps-border,0); display: flex; = flex-wrap: wrap; margin: var(--devsite-steps-margin,0); padding: var(--devs= ite-steps-padding,24px 0 40px); } .devsite-steps .steps-direction { display: flex; -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex= : 1; flex-grow: 1; font-weight: 500; -webkit-box-pack: center; justify-cont= ent: center; position: relative; } .devsite-steps .steps-previous { margin-left: var(--devsite-steps-prev-next= -margin-x,40px); } .devsite-steps .steps-next { margin-right: var(--devsite-steps-prev-next-ma= rgin-x,40px); text-align: right; } .devsite-steps .steps-link:hover { text-decoration: var(--devsite-steps-tex= t-decoration-hover,none); } .devsite-steps .steps-link:focus { text-decoration: none; } .devsite-steps .steps-link-direction { color: var(--devsite-steps-direction= -color,var(--devsite-link-color)); display: block; font: var(--devsite-step= s-direction-font,500 14px/24px var(--devsite-primary-font-family)); } .devsite-steps .steps-link-title { color: var(--devsite-steps-title-color);= display: var(--devsite-steps-title-display,inline); font: var(--devsite-st= eps-title-font,500 18px/24px var(--devsite-primary-font-family)); } .devsite-steps .steps-link:hover .steps-link-title { border-bottom: var(--d= evsite-steps-title-border-hover,none); } .devsite-steps .steps-link:focus .steps-link-title { border-bottom: var(--d= evsite-steps-title-border-focus); } .devsite-steps .steps-link-arrow { color: var(--devsite-steps-arrow-color,v= ar(--devsite-link-color)); position: absolute; } .devsite-steps .steps-link-arrow-left { left: var(--devsite-steps-arrow-x-s= tart,-40px); } .devsite-steps .steps-link-arrow-right { right: var(--devsite-steps-arrow-x= -start,-40px); } @media screen and (max-width: 840px) { .devsite-steps .steps-link-title { font: var(--devsite-steps-title-font,5= 00 14px/24px var(--devsite-primary-font-family)); } .devsite-steps .steps-previous { margin-left: var(--devsite-steps-prev-ne= xt-margin-x,24px); } .devsite-steps .steps-next { margin-right: var(--devsite-steps-prev-next-= margin-x,24px); } .devsite-steps .steps-link-arrow-left { left: var(--devsite-steps-arrow-x= -start,-24px); } .devsite-steps .steps-link-arrow-right { right: var(--devsite-steps-arrow= -x-start,-24px); } .devsite-steps .steps-link-arrow { bottom: var(--devsite-steps-arrow-y-en= d,4px); font-size: 16px; } } @media screen and (max-width: 600px) { .devsite-steps { padding: 8px 0px 16px; } .devsite-steps .steps-previous { margin-left: var(--devsite-steps-prev-ne= xt-margin-x,0); } .devsite-steps .steps-next { margin-right: var(--devsite-steps-prev-next-= margin-x,0); } .devsite-steps .steps-link-arrow { display: var(--devsite-steps-arrow-dis= play,none); } } .devsite-jsfiddle-hide { display: none; } html[cached] .devsite-wrapper { display: none; } .devsite-dialog:not([is-upgraded]), iframe.devsite-embedded-youtube-video:n= ot([is-upgraded]) { pointer-events: none; visibility: hidden; } .code-sample, .data-sample, .ds-selector-dropdown, .ds-selector-tabs, .kd-t= abbed-horz, .kd-tabbed-vert { display: none; } .expandable { display: none; } devsite-selector { pointer-events: none; visibility: hidden; } devsite-search .devsite-searchbox { background: var(--devsite-searchbox-bac= kground,var(--devsite-background-3)); border-radius: 2px; } iframe.framebox, iframe.inherit-locale { display: block; width: 100%; } [background] { background-color: var(--devsite-background-color,var(--devsi= te-primary-color)); } [background], [background]:not([foreground]) { color: var(--devsite-text-co= lor,var(--devsite-inverted-text-color)); } [background] :link:not(.button), [background] :visited:not(.button) { color= : var(--devsite-foreground-color,var(--devsite-link-color)); } [background] :focus > :not(.material-icons), [background] :link > :not(.mat= erial-icons):hover, [background] p > a:not(.button) { text-decoration: var(= --devsite-background-text-decoration,underline); } [background] p > a:focus { background: var(--devsite-inverted-text-rgba); b= order-radius: 2px; margin: -4px; padding: 4px; text-decoration: none; } [foreground] :focus > :not(.material-icons), [foreground] :link > :not(.mat= erial-icons):hover { color: var(--devsite-foreground-color,var(--devsite-pr= imary-color,var(--devsite-link-color))); text-decoration: underline; } [foreground] h2 a:not(.button), [foreground] h3 a:not(.button) { color: var= (--devsite-foreground-color,var(--devsite-primary-color,var(--devsite-link-= color))); } .devsite-landing-row-item[foreground] h2 a:not(.button), .devsite-landing-r= ow-item[foreground] h3 a:not(.button) { color: var(--devsite-foreground-col= or,var(--devsite-primary-color,var(--devsite-link-color))); } devsite-content { display: block; position: relative; } body[layout=3D"docs"] devsite-content { align-self: start; grid-area: 1 / 2= ; margin: 24px 0px; max-width: 936px; min-width: 0px; } body[layout=3D"docs"] .devsite-article { background-color: var(--devsite-ba= ckground-1); border: var(--devsite-page-border,0); border-radius: var(--dev= site-page-border-radius,2px); box-shadow: var(--devsite-page-box-shadow,0 1= px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devs= ite-elevation-ambient-shadow-color)); padding: 40px; } body[layout=3D"docs"][template=3D"landing"] .devsite-article { padding: 0px= ; } .devsite-article-meta { display: grid; gap: 0px 16px; grid-template-areas: = "breadcrumbs ratings"; grid-template-columns: 1fr auto; margin: var(--devsi= te-article-meta-margin,0 0 16px); } .devsite-article-meta .devsite-breadcrumb-list { grid-area: breadcrumbs; } .devsite-article-meta devsite-thumb-rating { grid-area: ratings; } .devsite-banner + .devsite-article-meta { margin-top: -16px; } body[layout=3D"full"] .devsite-article-meta, body[template=3D"landing"] .de= vsite-article-meta { margin: 0px; } devsite-feedback[position=3D"header"] { display: block; } [dir=3D"ltr"] devsite-feedback[position=3D"header"] { float: right; margin-= left: 24px; } [dir=3D"rtl"] devsite-feedback[position=3D"header"] { float: left; margin-r= ight: 24px; } body[layout=3D"full"] devsite-feedback[position=3D"header"], body[template= =3D"landing"] devsite-feedback[position=3D"header"] { display: none; } [template=3D"page"] .devsite-article-body { margin-top: 16px; } [template=3D"page"] .devsite-article-body > :first-child { margin-top: 0px;= } @media screen and (max-width: 840px) { body[layout=3D"docs"] devsite-content { margin: 0px; } body[layout=3D"docs"] .devsite-article { border: 0px; border-radius: 0px;= box-shadow: none; padding: 24px; } .devsite-banner + .devsite-article-meta { margin-top: 0px; } } @media screen and (max-width: 600px) { body[layout=3D"docs"] .devsite-article { padding: 16px; } .devsite-article-meta { display: block; margin: 0px 0px 12px; } [dir] devsite-feedback[position=3D"header"] { float: none; margin: 0px 0p= x 12px; position: static; } [dir] article[has-bookmark] devsite-feedback[position=3D"header"] { margi= n: 0px 0px 12px; } } #devsite-support-form { display: flex; flex-wrap: wrap; margin: 0px 0px 0px= -40px; } #devsite-support-form > * { -webkit-box-flex: 0; flex: 0 0 100%; padding: 0= px 0px 0px 40px; } .devsite-support-form-error { color: rgb(221, 44, 0); } .devsite-support-form-hidden { display: none; } .devsite-support-form-field { margin: 0px 0px 8px; } .devsite-support-form-field input:not([type=3D"checkbox"]):not([type=3D"rad= io"]), .devsite-support-form-field select, .devsite-support-form-field text= area { width: 100%; } .devsite-support-form-cc { color: var(--devsite-secondary-text-color); disp= lay: block; font-size: 13px; } #devsite-support-form > .devsite-support-form-half { -webkit-box-flex: 0; f= lex: 0 0 50%; } .devsite-support-quota { font: italic 400 12px/20px var(--devsite-primary-f= ont-family); margin-bottom: 8px; } .devsite-support-quota-help { font-size: 18px; margin-left: 4px; vertical-a= lign: top; } .devsite-support-quota-help::after { color: var(--devsite-tertiary-text-col= or); content: "help"; } @media screen and (max-width: 600px) { #devsite-support-form { display: block; } } .devsite-404, .devsite-offline { font: var(--devsite-404-font); letter-spac= ing: var(--devsite-404-letter-spacing); margin: var(--devsite-404-margin,12= 0px auto 0); max-width: var(--devsite-404-max-width,804px); min-height: var= (--devsite-404-min-height); position: relative; text-align: var(--devsite-4= 04-text-align,center); } .devsite-404 devsite-search, .devsite-offline-reload, .devsite-offline-sugg= estions { margin: var(--devsite-404-search-margin); position: relative; z-i= ndex: 1; } .devsite-404 devsite-search .devsite-popout-result { max-height: 304px; } .devsite-404 devsite-search, .devsite-404 devsite-search .devsite-searchbox= { width: 100%; } .devsite-404 devsite-search .devsite-search-button { display: none; } .devsite-404 h3, .devsite-offline h3 { color: var(--devsite-offline-heading= -color,var(--devsite-secondary-color,var(--devsite-primary-text-color))); } .devsite-404 h3 { font: 400 64px/64px var(--devsite-code-font-family); } .devsite-404-error { background: var(--devsite-404-error-background); paddi= ng: var(--devsite-404-error-padding); text-align: var(--devsite-404-error-t= ext-align,center); } .devsite-404-error-message, .devsite-404-error > h3 { position: relative; z= -index: 2; } .devsite-404-error > h3 { display: var(--devsite-404-error-heading-display,= block); } .devsite-404-error-message { font: var(--devsite-404-error-message-font); l= etter-spacing: var(--devsite-404-error-message-letter-spacing); margin: var= (--devsite-404-error-message-margin,0 0 20px); } .devsite-404-links { border-top: var(--devsite-404-links-border,var(--devsi= te-primary-border)); margin: var(--devsite-404-links-margin,0 calc(50% - 50= vw) 40px); padding: var(--devsite-404-links-padding,0 calc(50vw - 50%)); te= xt-align: start; } .devsite-404-links h3 { color: var(--devsite-primary-text-color); font: var= (--devsite-404-links-heading-font,var(--devsite-h3-font)); } .devsite-404-links ul { display: grid; gap: 0px 24px; grid: auto-flow/repea= t(var(--devsite-404-links-columns),1fr); list-style: none; padding: 0px; } .devsite-404-links li { margin: var(--devsite-404-links-item-margin,12px 0)= ; } .devsite-offline .devsite-offline-suggestions { text-align: start; } .devsite-offline .devsite-offline-suggestions h3, .devsite-offline .devsite= -offline-suggestions ul { margin: 0px; } .devsite-offline h3 { font: 400 32px/48px var(--devsite-code-font-family); = } .devsite-offline-reload { text-align: center; } @media screen and (max-width: 840px) { .devsite-404, .devsite-offline { margin-top: 40px; } } @media print { .prettyprint 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 :link, aside = :visited, body, code, h1, h1 code, h2, h2 code, h3, h3 code, h4, h4 code, h= 5, 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: rgb(0, 0, 0) !imp= ortant; padding-left: 0px !important; padding-right: 0px !important; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-po= int, .key-term, .note, .objective, .preview, .special, .success, .tip, .war= ning), :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .k= ey-point, .key-term, .note, .objective, .preview, .special, .success, .tip,= .warning) a { color: rgb(0, 0, 0) !important; margin-left: 0px !important;= margin-right: 0px !important; padding-left: 0px !important; padding-right:= 0px !important; } #gc-wrapper { margin: 0px !important; } devsite-code { margin-left: 0px !important; margin-right: 0px !important;= padding-left: 0px !important; padding-right: 0px !important; } devsite-expandable > :not(.showalways):not(.exw-control):not(.exw-expande= d-content):not(.expand-control) { display: block !important; } :link, :visited { text-decoration: underline; } .devsite-article-meta, .devsite-banner-confidential .button, .devsite-ban= ner-translated .button, .devsite-book-nav-bg, .devsite-book-nav-blur, .devs= ite-book-nav-toggle, .devsite-code-buttons-container, .devsite-page-bookmar= k-tooltip, .devsite-sidebar, devsite-book-nav, devsite-bookmark, devsite-fe= edback, devsite-footer-linkboxes, devsite-footer-promos, devsite-footer-uti= lity, devsite-googler-buttons, devsite-header, devsite-recommendations, dev= site-thumb-rating { display: none !important; } .devsite-article, .devsite-main-content, devsite-content { background: 0p= x center !important; border: 0px !important; box-shadow: none !important; d= isplay: block !important; margin: 0px !important; max-width: none !importan= t; padding: 0px !important; width: auto !important; } .devsite-banner { margin-top: 0px; } .attempt-left, .attempt-right, .video-wrapper { float: none; margin: 16px= 0px; } img, video { display: block !important; break-inside: avoid !important; } .devsite-main-content a[href]::after { content: "=C2=A0(" attr(href) ")";= display: inline-block; font: 14px/20px var(--devsite-primary-font-family);= max-width: 100%; overflow-wrap: break-word; } } @page { margin: 0.75in; } .devsite-product-platform-row { margin: 8px 0px; padding: 0px 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: 16= px; } .devsite-platform-icon-container { background: var(--devsite-background-1);= border-radius: 50%; height: 40px; margin: 0px auto; width: 40px; } .devsite-platform-icon { color: var(--devsite-secondary-text-color); font-s= ize: 24px; height: 24px; margin: 8px; width: 24px; } @media screen and (max-width: 1000px) { div.devsite-collapsible-section, div.devsite-header-background { backgrou= nd-image: none; } } @media screen and (max-width: 600px) { .devsite-product-platform-row { padding: 0px 16px; } } .devsite-landing-row-cards .devsite-landing-row-item { border: var(--devsit= e-card-border); border-radius: var(--devsite-card-border-radius); box-shado= w: var(--devsite-card-box-shadow); overflow: var(--devsite-card-overflow,hi= dden); position: relative; } .devsite-landing-row-cards .devsite-landing-row-item, .devsite-landing-row-= cards[background] .devsite-landing-row-item { --devsite-link-color: #1a73e8= ; --devsite-text-color: var(--devsite-primary-text-color); } .devsite-landing-row-cards .devsite-landing-row-item:not([background]) { ba= ckground-color: var(--devsite-card-background); } body[theme] .devsite-landing-row-cards[background=3D"theme"] :link:not(.but= ton), body[theme] .devsite-landing-row-cards[background=3D"theme"] :visited= :not(.button) { color: var(--devsite-link-color); } .devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row= -item { display: block; } .devsite-landing-row-cards .devsite-landing-row-item[description-position] = .devsite-landing-row-item-media + .devsite-landing-row-item-description { m= argin: 0px; } .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=3D"theme"] .devsite-landing-row-item-= icon { color: var(--devsite-secondary-text-color); } .devsite-landing-row-cards .devsite-landing-row-item-no-media h3 { font: va= r(--devsite-h2-font); margin: 0px 0px 20px; } .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-it= em-media { -webkit-box-flex: 1; flex: 1 0 0%; margin: 0px; } @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: 0px; padding: = 16px; } } .devsite-landing-row-cta { text-align: center; } .devsite-landing-row.devsite-landing-row-cta:not([background]) { background= : var(--devsite-cta-background,var(--devsite-primary-color)); color: var(--= devsite-text-color,var(--devsite-inverted-text-color)); } .devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item { di= splay: block; } .devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item-desc= ription { margin: 0px auto; max-width: 856px; } .devsite-landing-row-cta.devsite-landing-row h2, .devsite-landing-row-cta.d= evsite-landing-row-large-headings .devsite-landing-row-item-description h3 = { color: var(--devsite-text-color,var(--devsite-inverted-text-color)); } .devsite-landing-row-cta h3 { font: var(--devsite-h1-font,400 34px/40px var= (--devsite-primary-font-family)); letter-spacing: var(--devsite-h1-letter-s= pacing); margin-bottom: 16px; text-decoration: inherit; } .devsite-landing-row-cta h3 a:not(.button) { color: var(--devsite-text-colo= r,var(--devsite-inverted-text-color)); } .devsite-landing-row-cta h3 + .devsite-landing-row-item-buttons { margin-to= p: 8px; } @media screen and (max-width: 600px) { .devsite-landing-row-cta .devsite-landing-row-item-description { font: 40= 0 16px/24px var(--devsite-primary-font-family); } } .devsite-landing-row-header { background: var(--devsite-landing-row-header-= background); border-radius: var(--devsite-landing-row-header-border-radius)= ; display: flex; margin: 0px auto; max-width: var(--devsite-landing-row-hea= der-max-width); padding: var(--devsite-landing-row-header-padding); } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-header,= .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-heade= r { display: block; margin: 0px; } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-header = { grid-column: var(--devsite-landing-row-header-grid-column,1); } .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-header= { grid-column: var(--devsite-landing-row-header-grid-column,3); -webkit-bo= x-ordinal-group: 3; order: 2; } .devsite-landing-row[header-position=3D"top"] .devsite-landing-row-header += .devsite-landing-row-group { margin: var(--devsite-landing-row-group-margi= n,32px auto 0); } .devsite-landing-row-header-text { -webkit-box-flex: 1; flex: 1 1 auto; mar= gin: var(--devsite-landing-row-header-text-margin); max-width: var(--devsit= e-landing-row-header-text-max-width); } .devsite-landing-row-header-text > h2 { margin: 0px; } .devsite-landing-row-description { color: var(--devsite-text-color,var(--de= vsite-primary-text-color)); font-family: var(--devsite-landing-row-descript= ion-font-family,var(--devsite-primary-font-family)); font-size: var(--devsi= te-landing-row-description-font-size,18px); letter-spacing: var(--devsite-l= etter-spacing); line-height: var(--devsite-line-height,24px); max-width: va= r(--devsite-landing-row-description-max-width,856px); } [background] .devsite-landing-row-description { color: var(--devsite-text-c= olor,var(--devsite-inverted-text-color)); } .devsite-landing-row:not([background]):not([foreground]) .devsite-landing-r= ow-description { color: var(--devsite-text-color,var(--devsite-heading-colo= r,var(--devsite-secondary-text-color))); } h2 + .devsite-landing-row-description { margin-top: var(--devsite-row-heade= r-contents-gap,16px); } .devsite-landing-row-header-buttons { display: flex; -webkit-box-flex: 0; f= lex: 0 1 auto; margin-block: 0px; margin-inline: 0px auto; } .devsite-landing-row-header-centered .devsite-landing-row-header, .devsite-= landing-row-header[icon-position=3D"top"] { -webkit-box-orient: vertical; -= webkit-box-direction: normal; flex-direction: column; } .devsite-landing-row-header-centered .devsite-landing-row-header-buttons, .= devsite-landing-row-header[icon-position=3D"top"] .devsite-landing-row-head= er-buttons { margin-inline: 0px; } .devsite-landing-row-header-centered .devsite-landing-row-header { -webkit-= box-align: center; align-items: center; text-align: center; } .devsite-landing-row-header-centered .devsite-landing-row-description { mar= gin-left: auto; margin-right: auto; } .devsite-landing-row-header-centered .devsite-landing-row-header-buttons { = -webkit-box-pack: center; justify-content: center; } .devsite-landing-row-header-centered .devsite-landing-row-header-buttons, .= devsite-landing-row-header[icon-position=3D"top"] .devsite-landing-row-head= er-buttons, .devsite-landing-row[header-position=3D"left"] .devsite-landing= -row-header-buttons, .devsite-landing-row[header-position=3D"right"] .devsi= te-landing-row-header-buttons { margin: var(--devsite-buttons-margin,24px 0= 0); } @media screen and (max-width: 840px) { .devsite-landing-row-header + .devsite-landing-row-group { margin-top: 32= px; } .devsite-landing-row-header { display: block; } } @media screen and (max-width: 840px) { .devsite-landing-row-header-text + .devsite-landing-row-header-buttons { = display: block; margin: 24px 0px 0px; } } @media screen and (max-width: 600px) { .devsite-landing-row-header-text + .devsite-landing-row-header-buttons { = margin: 16px 0px 0px; } } .devsite-landing-row-1-up .devsite-landing-row-item-description[icon-positi= on=3D"left"], .devsite-landing-row-item-description[icon-position] { displa= y: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; fle= x-direction: row; } .devsite-landing-row-item-description[icon-position=3D"right"] { -webkit-bo= x-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-r= everse; } .devsite-landing-row-item-description[icon-position=3D"top"] { -webkit-box-= orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .devsite-landing-row-item-description[icon-position^=3D"bottom"] { -webkit-= box-orient: vertical; -webkit-box-direction: reverse; flex-direction: colum= n-reverse; } .devsite-landing-row-header-icon-container, .devsite-landing-row-header-ico= n-container[background], .devsite-landing-row-item-icon-container, .devsite= -landing-row-item-icon-container[background] { color: var(--devsite-foregro= und-color,var(--devsite-icon-color,var(--devsite-secondary-text-color))); } .devsite-landing-row-header-icon-container, .devsite-landing-row-item-icon-= container { height: var(--devsite-icon-canvas-size); -webkit-box-flex: 0; f= lex: 0 0 auto; transition: background 0.2s, box-shadow 0.2s, color 0.2s; wi= dth: var(--devsite-icon-canvas-size); } .devsite-landing-row-header-icon-container { margin-block: var(--devsite-he= ader-icon-canvas-margin-block,0 8px); margin-inline: var(--devsite-header-i= con-canvas-margin-inline,0 20px); } .devsite-landing-row-item-icon-container { margin-block: var(--devsite-icon= -canvas-margin-block,0 8px); margin-inline: var(--devsite-icon-canvas-margi= n-inline,0 20px); } .devsite-landing-row-item-description[icon-position=3D"bottom"] .devsite-la= nding-row-item-icon-container, .devsite-landing-row-item-description[icon-p= osition=3D"bottom"] > a, .devsite-landing-row-item-description[icon-positio= n=3D"right"] .devsite-landing-row-item-icon-container, .devsite-landing-row= -item-description[icon-position=3D"right"] > a { align-self: center; } .devsite-landing-row-item-description[icon-position=3D"bottom-right"] .devs= ite-landing-row-item-icon-container, .devsite-landing-row-item-description[= icon-position=3D"bottom-right"] > a { align-self: flex-end; } .devsite-landing-row-header-icon-container[background], .devsite-landing-ro= w-item-icon-container[background] { background: var(--devsite-background-co= lor,var(--devsite-primary-color,var(--devsite-primary-text-color))); } .devsite-landing-row-header-icon-container[background][foreground=3D"theme"= ], .devsite-landing-row-header-icon-container[foreground=3D"theme"], .devsi= te-landing-row-item-icon-container[background][foreground=3D"theme"], .devs= ite-landing-row-item-icon-container[foreground=3D"theme"] { color: var(--de= vsite-primary-color,var(--devsite-primary-text-color)); } .devsite-landing-row :focus .devsite-landing-row-header-icon-container[back= ground][foreground=3D"theme"], .devsite-landing-row :focus .devsite-landing= -row-item-icon-container[background][foreground=3D"theme"], .devsite-landin= g-row :link .devsite-landing-row-header-icon-container[background][foregrou= nd=3D"theme"]:hover, .devsite-landing-row :link .devsite-landing-row-item-i= con-container[background][foreground=3D"theme"]:hover { color: var(--devsit= e-primary-color,var(--devsite-primary-text-color)); } .devsite-landing-row-header-icon, .devsite-landing-row-item-icon { aspect-r= atio: 1 / 1; } .devsite-landing-row-header-icon { font-size: var(--devsite-header-icon-siz= e,var(--devsite-icon-size)); height: var(--devsite-header-icon-size,var(--d= evsite-icon-size)); margin-block: var(--devsite-header-icon-margin-block,0)= ; margin-inline: var(--devsite-header-icon-margin-inline,0); width: var(--d= evsite-header-icon-size,var(--devsite-icon-size)); } .devsite-landing-row-item-icon { font-size: var(--devsite-icon-size); heigh= t: var(--devsite-icon-size); margin-block: var(--devsite-icon-margin-block,= 0); margin-inline: var(--devsite-icon-margin-inline,4px 0); width: var(--de= vsite-icon-size); } .devsite-landing-row-item-centered [icon-position=3D"top"] .devsite-landing= -row-item-icon-container, .devsite-landing-row-item-centered [icon-position= =3D"top"] > a { margin-inline: auto; } .devsite-landing-row-header-icon-container[background], .devsite-landing-ro= w-item-icon-container[background] { -webkit-box-align: center; align-items:= center; border-radius: 50%; display: flex; -webkit-box-pack: center; justi= fy-content: center; } [background] .devsite-landing-row-header-icon-container:not([foreground]), = [background] .devsite-landing-row-item-icon-container:not([foreground]) { c= olor: var(--devsite-icon-color,var(--devsite-inverted-text-color)); } :focus .devsite-landing-row-header-icon-container, :focus .devsite-landing-= row-item-icon-container, :link .devsite-landing-row-header-icon-container:h= over, :link .devsite-landing-row-item-icon-container:hover { color: var(--d= evsite-link-color); } [foreground] .devsite-landing-row-item :focus .devsite-landing-row-item-ico= n-container, [foreground] .devsite-landing-row-item :link .devsite-landing-= row-item-icon-container:hover, [foreground] :focus .devsite-landing-row-hea= der-icon-container, [foreground] :link .devsite-landing-row-header-icon-con= tainer:hover { color: rgba(155, 161, 166, 0.5); } [background] .devsite-landing-row-item :focus .devsite-landing-row-item-ico= n-container, [background] .devsite-landing-row-item :link .devsite-landing-= row-item-icon-container:hover, [background] :focus .devsite-landing-row-hea= der-icon-container, [background] :link .devsite-landing-row-header-icon-con= tainer:hover { color: var(--devsite-icon-color-hover,var(--devsite-inverted= -text-rgba)); } :focus .devsite-landing-row-header-icon-container[background], :focus .devs= ite-landing-row-item-icon-container[background], :link .devsite-landing-row= -header-icon-container[background]:hover, :link .devsite-landing-row-item-i= con-container[background]:hover { color: var(--devsite-foreground-color,var= (--devsite-icon-color,var(--devsite-secondary-text-color))); box-shadow: 0 = 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--dev= site-elevation-ambient-shadow-color); } [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]:h= over, [background] :link .devsite-landing-row-item-icon-container[backgroun= d]:hover { color: var(--devsite-foreground-color,var(--devsite-icon-color,v= ar(--devsite-inverted-text-color))); text-decoration: none; } @media screen and (max-width: 840px) { .devsite-landing-row-item-description[icon-position^=3D"bottom"] { -webki= t-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: r= ow-reverse; } .devsite-landing-row-item-description[icon-position^=3D"bottom"] .devsite= -landing-row-item-icon, .devsite-landing-row-item-description[icon-position= ^=3D"bottom"] .devsite-landing-row-item-icon-container, .devsite-landing-ro= w-item-description[icon-position^=3D"bottom"] > a { align-self: center; } } .devsite-landing-row-1-up .devsite-landing-row-item { display: grid; gap: v= ar(--devsite-item-gap); grid-template-columns: var(--devsite-1-up-grid-temp= late-columns); } .devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-ite= m { -webkit-box-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-l= anding-row-1-up .devsite-landing-row-item-media-left { -webkit-box-ordinal-= group: 2; 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; order: 2; } .devsite-landing-row-1-up .devsite-landing-row-item-description { display: = block; grid-column: 1 / span 4; } .devsite-landing-row-1-up .devsite-landing-row-item-media { grid-column: va= r(--devsite-media-grid-column,5/span 8); margin: 0px; } .devsite-landing-row-1-up .devsite-landing-row-item-media-left { grid-colum= n: var(--devsite-media-left-grid-column,1/span 8); } .devsite-landing-row-1-up .devsite-landing-row-item-media-left + .devsite-l= anding-row-item-description { grid-column: 9 / span 4; } .devsite-landing-row.devsite-landing-row-1-up .devsite-landing-row-item-des= cription { margin-top: 0px; } .devsite-landing-row-1-up .devsite-landing-row-item-no-media .devsite-landi= ng-row-item-description { grid-column: var(--devsite-1-up-no-media-descript= ion-grid-column); } .devsite-landing-row-50 .devsite-landing-row-item-description { grid-column= : 1 / span 6; } .devsite-landing-row-50 .devsite-landing-row-item-media { grid-column: var(= --devsite-row-50-media-grid-column,7/span 6); } .devsite-landing-row-50 .devsite-landing-row-item-media-left { grid-column:= var(--devsite-row-50-media-left-grid-column,1/span 6); } .devsite-landing-row-50 .devsite-landing-row-item-media-left + .devsite-lan= ding-row-item-description { grid-column: 7 / span 6; } .devsite-landing-row-67 .devsite-landing-row-item-description { grid-column= : var(--devsite-row-67-description-grid-column,1/span 8); } .devsite-landing-row-67 .devsite-landing-row-item-media { grid-column: var(= --devsite-row-67-media-grid-column,9/span 4); } .devsite-landing-row-67 .devsite-landing-row-item-media-left { grid-column:= var(--devsite-row-67-media-left-grid-column,1/span 4); } .devsite-landing-row-67 .devsite-landing-row-item-media-left + .devsite-lan= ding-row-item-description { grid-column: var(--devsite-row-67-description-l= eft-grid-column,5/span 8); } .devsite-landing-row-75 .devsite-landing-row-item-description { grid-column= : 1 / span 9; } .devsite-landing-row-75 .devsite-landing-row-item-media { grid-column: var(= --devsite-row-75-media-grid-column,10/span 3); } .devsite-landing-row-75 .devsite-landing-row-item-media-left { grid-column:= var(--devsite-row-75-media-left-grid-column,1/span 3); } .devsite-landing-row-75 .devsite-landing-row-item-media-left + .devsite-lan= ding-row-item-description { grid-column: 4 / span 9; } .devsite-landing-row-100 .devsite-landing-row-group, .devsite-landing-row-1= 00 .devsite-landing-row-item-media { width: 100%; } .devsite-landing-row-100 .devsite-landing-row-item { display: flex; -webkit= -box-orient: vertical; -webkit-box-direction: normal; flex-direction: colum= n; } .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-description, .devsite= -landing-row-1-up .devsite-landing-row-item-media-left { grid-area: 1 / 1; = -webkit-box-ordinal-group: 2; 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-r= ow-item-media:not(.devsite-landing-row-item-media-left) { grid-column: 2; } } @media screen and (max-width: 600px) { .devsite-landing-row-1-up .devsite-landing-row-item { display: var(--devs= ite-item-display,block); } } .devsite-landing-row-item-buttons { -webkit-box-align: center; align-items:= center; display: flex; flex-wrap: wrap; margin-left: -12px; padding-top: 8= px; } .devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-ite= m-buttons { padding-top: var(--devsite-landing-row-hero-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), .devsi= te-landing-row-item-buttons .button-white:not(.button-raised) + .button-whi= te:not(.button-raised) { margin: 0px 4px; } .devsite-landing-row-cta .devsite-landing-row-item-buttons { -webkit-box-pa= ck: center; justify-content: center; margin: 24px 0px 0px; } p + .devsite-landing-row-item-buttons { margin-top: -8px; } .devsite-landing-row-item-media { margin: var(--devsite-item-media-margin,0= ); min-width: 0px; padding: var(--devsite-item-media-padding,0); } .devsite-landing-row-item-code devsite-code { margin: 0px; } .devsite-landing-row-item-video { display: block; width: 100%; } .devsite-landing-row-item-description { color: var(--devsite-text-color,inh= erit); } .devsite-landing-row-item-media + .devsite-landing-row-item-description { m= argin: var(--devsite-item-description-margin,32px 0 0); } .devsite-landing-row-item[description-position=3D"left"] .devsite-landing-r= ow-item-description, .devsite-landing-row-item[description-position=3D"left= "] .devsite-landing-row-item-media, .devsite-landing-row-item[description-p= osition=3D"right"] .devsite-landing-row-item-description, .devsite-landing-= row-item[description-position=3D"right"] .devsite-landing-row-item-media { = -webkit-box-flex: 0; flex: 0 0 var(--devsite-item-media-width,calc(50% - 12= px)); margin: 0px; } .devsite-landing-row-item[description-position=3D"left"] .devsite-landing-r= ow-item-media { -webkit-box-ordinal-group: 3; order: 2; } .devsite-landing-row-item[description-position=3D"left"] .devsite-landing-r= ow-item-description { -webkit-box-ordinal-group: 2; order: 1; } .devsite-landing-row-item[background] .devsite-landing-row-item-description= , .devsite-landing-row-item[background][description-position=3D"left"] .dev= site-landing-row-item-description, .devsite-landing-row-item[background][de= scription-position=3D"right"] .devsite-landing-row-item-description { paddi= ng: var(--devsite-item-description-padding,16px); } [dir=3D"ltr"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"left"] .devsite-landing-row-item-description, [dir=3D"ltr"]= .devsite-landing-row-item[background][description-position=3D"left"] .devs= ite-landing-row-item-description { padding-right: 0px; } [dir=3D"rtl"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"left"] .devsite-landing-row-item-description, [dir=3D"rtl"]= .devsite-landing-row-item[background][description-position=3D"left"] .devs= ite-landing-row-item-description { padding-left: 0px; } [dir=3D"ltr"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"right"] .devsite-landing-row-item-description, [dir=3D"ltr"= ] .devsite-landing-row-item[background][description-position=3D"right"] .de= vsite-landing-row-item-description { padding-left: 0px; } [dir=3D"rtl"] .devsite-landing-row-cards .devsite-landing-row-item[descript= ion-position=3D"right"] .devsite-landing-row-item-description, [dir=3D"rtl"= ] .devsite-landing-row-item[background][description-position=3D"right"] .de= vsite-landing-row-item-description { padding-right: 0px; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-ro= w-item-media { -webkit-box-ordinal-group: 3; order: 2; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-ro= w-item-description { -webkit-box-ordinal-group: 2; order: 1; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-ro= w-item-media + .devsite-landing-row-item-description { margin: var(--devsit= e-item-description-top-margin,0 0 32px); } .devsite-landing-row-item-body, .devsite-landing-row-item-description { dis= play: flex; -webkit-box-flex: 1; flex: 1 1 auto; -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; height: var(--de= vsite-item-description-height,auto); min-width: 0px; } .devsite-landing-row-item-body { display: var(--devsite-item-body-display,f= lex); grid: var(--devsite-item-body-grid); gap: var(--devsite-item-body-gri= d-gap); } .devsite-landing-row-item-body h3 { grid-area: heading; } .devsite-landing-row-item-buttons { grid-area: buttons; margin: var(--devsi= te-buttons-margin,auto 0 -8px); padding: var(--devsite-buttons-padding,8px = 0 0); } [dir=3D"ltr"] .devsite-landing-row-item-buttons { margin-left: -12px; } [dir=3D"rtl"] .devsite-landing-row-item-buttons { margin-right: -12px; } .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, .devsite-landing-row-item-description h2, .devsi= te-landing-row-large-headings h3 { margin-top: 0px; } .devsite-landing-row-item-description-content { font: var(--devsite-descrip= tion-content-font,inherit); grid-area: content; } .devsite-landing-row-item-description-content > :last-child { margin-bottom= : 0px; } .devsite-landing-row-item-centered .devsite-landing-row-item-description-co= ntent, .devsite-landing-row-item-centered h3 { text-align: center; } .devsite-landing-row-item-centered .devsite-landing-row-item-buttons { -web= kit-box-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-land= ing-row-item-media { max-width: none; } .devsite-landing-row-item[description-position] .devsite-landing-row-item= -media { align-self: var(--devsite-item-media-align-self); -webkit-box-flex= : 0; flex: 0 0 auto; margin: var(--devsite-item-media-margin,0); order: var= (--devsite-item-media-order,1); width: var(--devsite-item-media-width); } .devsite-landing-row-item[description-position] .devsite-landing-row-item= -description { order: var(--devsite-item-description-order,2); } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-= row-item-media { -webkit-box-ordinal-group: 3; order: 2; } .devsite-landing-row-item[description-position=3D"top"] .devsite-landing-= row-item-description { -webkit-box-ordinal-group: 2; order: 1; } [dir] .devsite-landing-row-cards .devsite-landing-row-item[description-po= sition] .devsite-landing-row-item-description, [dir] .devsite-landing-row-i= tem[background][description-position] .devsite-landing-row-item-description= { padding: var(--devsite-item-description-padding,16px); } } @media screen and (max-width: 600px) { .devsite-landing-row-1-up .devsite-landing-row-item-media + .devsite-land= ing-row-item-description { margin: var(--devsite-item-description-margin,32= px 0 0); padding: 0px; } } .devsite-landing-row-item-custom-image { aspect-ratio: 16 / 9; } .devsite-landing-row-item-custom-image, .devsite-landing-row-item-custom-im= age-icon-wrapper { display: grid; place-content: center; } .devsite-landing-row-item-custom-image:not([background]) { background-color= : var(--devsite-background-color,var(--devsite-primary-color,var(--devsite-= primary-text-color))); } .devsite-landing-row-item-custom-image[background=3D"grey"] { background: v= ar(--devsite-background-color,var(--devsite-background-3)); } .devsite-landing-row-item-custom-image[background=3D"white"] { background: = var(--devsite-background-1); } .devsite-landing-row-item-custom-image-icon-container[background], .devsite= -landing-row-no-image-background .devsite-landing-row-item-custom-image:not= ([background]) { background: 0px center; } .devsite-landing-row-item-custom-image-icon { color: var(--devsite-inverted= -text-color); font-size: var(--devsite-custom-image-icon-font-size); max-he= ight: var(--devsite-custom-image-icon-max-height); width: var(--devsite-cus= tom-image-icon-width); } .devsite-landing-row-item-custom-image[background=3D"grey"]:not([foreground= ]) .devsite-landing-row-item-custom-image-icon, .devsite-landing-row-item-c= ustom-image[background=3D"white"]:not([foreground]) .devsite-landing-row-it= em-custom-image-icon { color: var(--devsite-icon-color,var(--devsite-second= ary-text-color)); } .devsite-landing-row-item-custom-image-icon.material-icons { opacity: 0.8; = } .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-d= escription-feature { margin: 0px; } .devsite-landing-row-item-description-feature-link { border-bottom: var(--d= evsite-secondary-border); font-weight: 500; padding: 12px 0px 11px; } .devsite-landing-row-item-description-feature-tooltip { background: rgb(69,= 90, 100); color: rgba(255, 255, 255, 0.7); box-shadow: 0 1px 2px 0 var(--d= evsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-am= bient-shadow-color); font: 14px/20px var(--devsite-primary-font-family); mi= n-width: 200px; opacity: 0; padding: 24px; position: absolute; transition: = opacity 0.2s, visibility 0.2s; visibility: hidden; width: 67%; z-index: 102= 0; } .no-touch .devsite-landing-row-item-description-feature-link:hover + .devsi= te-landing-row-item-description-feature-tooltip { opacity: 1; visibility: v= isible; } .devsite-landing-row-item-description-feature-tooltip::before { border-bott= om: 8px solid rgb(69, 90, 100); 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: rgb(255, 255, 255); font: 14px/20px var(--devsite-primary-font-fa= mily); margin-bottom: 8px; padding: 0px; } .devsite-landing-row-item-image { align-self: flex-start; } .devsite-landing-row-item-image:not([background]) { background: var(--devsi= te-background-4); } .devsite-landing-row-item-image img { min-width: var(--devsite-item-image-m= in-width); vertical-align: middle; width: var(--devsite-item-image-width,10= 0%); } .devsite-landing-row-item-image a { display: block; } .devsite-landing-row-no-image-background .devsite-landing-row-item-image:no= t([background]) { background: 0px center; } .devsite-landing-row-item-list { padding: 0px; } .devsite-landing-row-item-description-content + .devsite-landing-row-item-l= ist { margin-top: 32px; } .devsite-landing-row-item-list-item { list-style: none; } .devsite-landing-row-item-list-item-content { display: flex; } .devsite-landing-row-item-list-item-content[icon-position=3D"top"] { -webki= t-box-orient: vertical; -webkit-box-direction: normal; flex-direction: colu= mn; } .devsite-landing-row-item-list-item-icon-container, .devsite-landing-row-it= em-list-item-icon-container[background] { color: var(--devsite-foreground-c= olor,var(--devsite-icon-color,var(--devsite-secondary-text-color))); } .devsite-landing-row-item-list-item-icon-container { -webkit-box-flex: 0; f= lex: 0 0 auto; height: 40px; margin-block: 0px; margin-inline: 0px 20px; tr= ansition: background 0.2s, box-shadow 0.2s, color 0.2s; width: 40px; } .devsite-landing-row-item-list-item-icon { font-size: 32px; height: 32px; w= idth: 32px; } .devsite-landing-row-item-list-item-icon-container[background] { -webkit-bo= x-align: center; align-items: center; background: var(--devsite-background-= color,var(--devsite-primary-color,var(--devsite-primary-text-color))); bord= er-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: c= enter; } .devsite-landing-row-item-list-item-icon-container[background] .devsite-lan= ding-row-item-list-item-icon { font-size: 24px; height: 24px; width: 24px; = } .devsite-landing-row-item-list h4 { font: 400 16px/20px var(--devsite-prima= ry-font-family); } .devsite-landing-row .devsite-landing-row-item-list h4 { margin: 0px 0px 4p= x; } .devsite-landing-row-item-list-item-description { -webkit-box-flex: 1; flex= : 1 1 0%; font: 400 14px/20px var(--devsite-primary-font-family); 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-i= tem-list-item-description-content { margin-bottom: 24px; } [background] :focus > .devsite-landing-row-item-list-item-icon-container, [= background] :link > .devsite-landing-row-item-list-item-icon-container:hove= r { text-decoration: none; } :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-ite= m-list-item-icon-container[foreground=3D"theme"], :link .devsite-landing-ro= w-item-list-item-icon-container[foreground=3D"theme"]:hover { color: var(--= devsite-icon-color-hover,var(--devsite-primary-color,var(--devsite-inverted= -text-rgba))); } [foreground] :focus .devsite-landing-row-item-list-item-content .devsite-la= nding-row-item-list-item-icon-container, [foreground] :link .devsite-landin= g-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon= -container { color: rgba(155, 161, 166, 0.5); } [background] :focus .devsite-landing-row-item-list-item-content .devsite-la= nding-row-item-list-item-icon-container, [background] :link .devsite-landin= g-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon= -container { color: var(--devsite-icon-color-hover,var(--devsite-inverted-t= ext-rgba)); } :link .devsite-landing-row-item-list-item-description h4 + p { color: var(-= -devsite-primary-text-color); text-decoration: none; } [background] :link .devsite-landing-row-item-list-item-description h4 + p {= color: var(--devsite-text-color,var(--devsite-inverted-text-color)); } :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-ite= m-list-item-icon-container[background], :link .devsite-landing-row-item-lis= t-item-content:hover .devsite-landing-row-item-list-item-icon-container[bac= kground] { background: var(--devsite-inverted-text-rgba); box-shadow: 0 1px= 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsit= e-elevation-ambient-shadow-color); } .devsite-landing-row :focus .devsite-landing-row-item-list-item-description= > :first-child, [background] :link .devsite-landing-row-item-list-item-des= cription > :first-child { text-decoration: underline; } .devsite-landing-row-item-labels > a, .devsite-landing-row-item-labels > sp= an { color: var(--devsite-label-color,inherit); display: inline-block; font= : var(--devsite-label-font,500 11px/16px var(--devsite-primary-font-family)= ); letter-spacing: var(--devsite-label-letter-spacing,.8px); margin: var(--= devsite-label-margin,0 0 8px); text-transform: var(--devsite-label-text-tra= nsform,uppercase); } .devsite-landing-row-item-labels > a + a, .devsite-landing-row-item-labels = > a + span, .devsite-landing-row-item-labels > span + a, .devsite-landing-r= ow-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; paddi= ng: 4px 8px; } .devsite-landing-row-column > .devsite-landing-row-item:nth-of-type(n+2) { = margin: 32px 0px 0px; } .devsite-landing-row-item { -webkit-box-align: var(--devsite-item-align-ite= ms); align-items: var(--devsite-item-align-items); display: var(--devsite-i= tem-display,flex); -webkit-box-orient: vertical; -webkit-box-direction: nor= mal; flex-direction: column; max-width: 100%; } .devsite-landing-row-item[description-position=3D"left"], .devsite-landing-= row-item[description-position=3D"right"] { -webkit-box-align: center; align= -items: center; -webkit-box-orient: horizontal; -webkit-box-direction: norm= al; flex-direction: row; -webkit-box-pack: justify; justify-content: space-= between; } .devsite-landing-row-column, .devsite-landing-row-item { -webkit-box-flex: = 1; flex: 1 0 0%; min-width: 0px; } .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: ver= tical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-p= ack: start; justify-content: flex-start; } } @media screen and (max-width: 600px) { .devsite-landing-row-item[description-position=3D"top"] { display: flex; = -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction= : column; } } .devsite-landing-row-logos .devsite-landing-row-item-custom-image { aspect-= ratio: unset; height: 96px; } .devsite-landing-row-logos .devsite-landing-row-item-custom-image:not([back= ground]) { background: 0px center; } .devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon { op= acity: 1; } .devsite-landing-row-logos .devsite-landing-row-item-description { margin: = 0px; 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, .devsite-landing-row-logos.devsite-landing-row[header-position]= .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: 0px; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= header { margin: 0px; padding: 40px 0px 0px; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .de= vsite-landing-row-item-media { align-self: center; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-media { margin: 0px; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-image { background: 0px center; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-= item-description { padding: 40px 0px; } @media screen and (max-width: 840px) { .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-ro= w-item { display: block; } .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-ro= w-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-ro= w-item-description, .devsite-landing-row-1-up.devsite-landing-row-marquee .= devsite-landing-row-item-media-left + .devsite-landing-row-item-description= { margin: 0px; } } .devsite-landing-row { padding: var(--devsite-landing-row-padding); } .devsite-landing-row:not([background]) { background-color: var(--devsite-ba= ckground-1); } body[layout=3D"docs"] .devsite-landing-row:first-of-type { border-radius: v= ar(--devsite-first-row-border-radius,2px 2px 0 0); } body[layout=3D"docs"] .devsite-landing-row:last-of-type { border-radius: va= r(--devsite-last-row-border-radius,0 0 2px 2px); } .devsite-landing-row:not([background]):not(.devsite-landing-row-cta) + :not= ([background]):not(.devsite-landing-row-cta):not([class^=3D"devsite-landing= -row-padding-"]), .devsite-landing-row[background=3D"grey"]:not(.devsite-la= nding-row-cta) + [background=3D"grey"]:not(.devsite-landing-row-cta):not([c= lass^=3D"devsite-landing-row-padding-"]), .devsite-landing-row[background= =3D"theme"] + [background=3D"theme"]:not(.devsite-landing-row-cta):not([cla= ss^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"blue-grey"] + [background=3D"blue-grey"]= :not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"blue-grey-dark"] + [background=3D"blue-g= rey-dark"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0p= x; } .devsite-landing-row[background=3D"cyan"] + [background=3D"cyan"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"deep-orange"] + [background=3D"deep-oran= ge"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"deep-purple"] + [background=3D"deep-purp= le"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-blue"] + [background=3D"google-bl= ue"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-green"] + [background=3D"google-g= reen"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-red"] + [background=3D"google-red= "]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"google-yellow"] + [background=3D"google-= yellow"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px;= } .devsite-landing-row[background=3D"indigo"] + [background=3D"indigo"]:not([= class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"orange"] + [background=3D"orange"]:not([= class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"pink"] + [background=3D"pink"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"purple"] + [background=3D"purple"]:not([= class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"teal"] + [background=3D"teal"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"blue"] + [background=3D"blue"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"green"] + [background=3D"green"]:not([cl= ass^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"light-blue"] + [background=3D"light-blue= "]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"light-green"] + [background=3D"light-gre= en"]:not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"navy"] + [background=3D"navy"]:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row[background=3D"pale-blue"] + [background=3D"pale-blue"]= :not([class^=3D"devsite-landing-row-padding-"]) { padding-top: 0px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta:not([clas= s^=3D"devsite-landing-row-padding-"]) { padding-top: 40px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-small { padding-top: 32px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-medium { padding-top: 64px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-large { padding-top: 96px; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite-l= anding-row-padding-xlarge { padding-top: 128px; } .devsite-landing-row-inner { margin: 0px auto; max-width: var(--devsite-lan= ding-row-max-width,1488px); padding: var(--devsite-landing-group-padding); = } .devsite-landing-row-group, .devsite-landing-row-html { margin: 0px auto; } .devsite-landing-row-group { background: var(--devsite-landing-row-group-ba= ckground); border: var(--devsite-landing-row-group-border); border-radius: = var(--devsite-landing-row-group-border-radius); display: grid; grid-templat= e-rows: ; grid-template-columns: ; grid-template-areas: ; grid-auto-flow: ;= grid-auto-columns: ; grid-auto-rows: var(--devsite-grid-auto-rows); gap: v= ar(--devsite-item-gap); max-width: var(--devsite-landing-row-group-max-widt= h); padding: var(--devsite-landing-row-group-padding); } .devsite-landing-row-1-up .devsite-landing-row-group { display: block; } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-inner, = .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-inner = { display: grid; grid: var(--devsite-landing-row-inner-grid,1fr/repeat(3,1f= r)); gap: var(--devsite-item-gap); } .devsite-landing-row[header-position=3D"left"] .devsite-landing-row-group {= grid-column: var(--devsite-landing-row-group-grid-column,2/span 2); } .devsite-landing-row[header-position=3D"right"] .devsite-landing-row-group = { grid-column: var(--devsite-landing-row-group-grid-column,1/span 2); -webk= it-box-ordinal-group: 2; order: 1; } @media screen and (max-width: 840px) { .devsite-landing-row[header-position] .devsite-landing-row-inner { displa= y: block; } .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite= -landing-row-padding-large, .devsite-landing-row:not([background]) + .devsi= te-landing-row-cta.devsite-landing-row-padding-medium, .devsite-landing-row= :not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-s= mall, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.dev= site-landing-row-padding-xlarge, .devsite-landing-row:not([background]) + .= devsite-landing-row-cta:not([class^=3D"devsite-landing-row-padding-"]) { pa= dding-top: 24px; } } @media screen and (max-width: 600px) { .devsite-landing-row:not([background]) + .devsite-landing-row-cta.devsite= -landing-row-padding-large, .devsite-landing-row:not([background]) + .devsi= te-landing-row-cta.devsite-landing-row-padding-medium, .devsite-landing-row= :not([background]) + .devsite-landing-row-cta.devsite-landing-row-padding-s= mall, .devsite-landing-row:not([background]) + .devsite-landing-row-cta.dev= site-landing-row-padding-xlarge, .devsite-landing-row:not([background]) + .= devsite-landing-row-cta:not([class^=3D"devsite-landing-row-padding-"]) { pa= dding-top: 16px; } } devsite-a11y-announce { background: transparent; color: transparent; displa= y: block; left: -500vw; position: absolute; top: -500vh; z-index: -1; } devsite-analytics > iframe { display: none; } devsite-anselm { display: block; -webkit-box-flex: 1; flex-grow: 1; } devsite-anselm .anselm-loading { display: none; } devsite-anselm .anselm-loading devsite-spinner { margin: 0px auto; } devsite-anselm[loading] .anselm-loading { display: block; } devsite-anselm[type=3D"playlist"] .anselm-results { display: flex; flex-wra= p: wrap; -webkit-box-pack: start; justify-content: flex-start; margin: 0px = -12px; } devsite-anselm h3:first-child { margin-bottom: 4px; } devsite-anselm[active] .anselm-suggest-container input { box-shadow: 0 1px = 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsite= -elevation-ambient-shadow-color); } devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-sugge= st-search-icon { opacity: 0; } devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-sugge= st-spinner { opacity: 1; } devsite-anselm[has-query] .anselm-suggest-container .anselm-suggest-close-i= con { opacity: 1; pointer-events: all; } devsite-anselm[has-suggestions][active] .anselm-suggest-container input { b= order-radius: 2px 2px 0px; } 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-radius: 4px; box-sh= adow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px v= ar(--devsite-elevation-ambient-shadow-color); color: rgb(60, 64, 67); line-= height: 26px; padding: 8px 46px; width: 100%; border: 0px !important; } devsite-anselm .anselm-suggest-container input:hover { box-shadow: 0 1px 3p= x 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsite-e= levation-ambient-shadow-color); } devsite-anselm .anselm-suggest-container input:focus { padding-bottom: 8px;= border: 0px !important; } devsite-anselm .anselm-suggest-container .anselm-suggestions { background: = var(--devsite-background-1); border-top: 1px solid rgb(204, 204, 204); bord= er-radius: 0px 0px 4px 4px; box-shadow: 0 2px 3px 0 var(--devsite-elevation= -key-shadow-color),0 6px 10px 4px var(--devsite-elevation-ambient-shadow-co= lor); position: absolute; width: 100%; z-index: 100; } devsite-anselm .anselm-suggest-container .anselm-suggestions:empty { box-sh= adow: none; } devsite-anselm .anselm-suggest-container .anselm-suggest-result { display: = flex; line-height: 56px; -webkit-box-align: center; align-items: center; } devsite-anselm .anselm-suggest-container .anselm-suggest-result a { color: = rgb(60, 64, 67); -webkit-box-flex: 1; flex-grow: 1; padding: 0px 16px; } devsite-anselm .anselm-suggest-container .anselm-suggest-result a:focus, de= vsite-anselm .anselm-suggest-container .anselm-suggest-result a:hover, devs= ite-anselm .anselm-suggest-container .anselm-suggest-result.highlight a { t= ext-decoration: none; background: rgb(241, 243, 244); } 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 { c= olor: rgb(95, 99, 104); opacity: 0; pointer-events: none; position: absolut= e; 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:f= ocus { 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 { t= op: 8px; left: 16px; } devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon {= top: 8px; right: 16px; } devsite-anselm .anselm-more { display: flex; -webkit-box-pack: center; just= ify-content: center; padding: 20px 0px 32px; } devsite-anselm .anselm-cell { opacity: 0; transition: opacity 0.3s cubic-be= zier(0.4, 0, 1, 1); } devsite-anselm .anselm-cell[show] { opacity: 1; } devsite-anselm .anselm-cell .bull { padding: 0px 4px; } devsite-anselm .anselm-cell .anselm-meta { font-family: var(--devsite-prima= ry-font-family); font-size: 12px; color: rgb(106, 110, 116); letter-spacing= : 0.3px; text-align: left; line-height: 16px; } devsite-anselm .anselm-cell .anselm--tags span { display: inline-flex; font= -family: var(--devsite-primary-font-family); font-size: 12px; color: rgb(95= , 99, 104); letter-spacing: 0.3px; text-align: left; line-height: 16px; bor= der: var(--devsite-primary-border); border-radius: 16px; height: 30px; padd= ing: 12px; -webkit-box-align: center; align-items: center; } devsite-anselm .anselm-cell--list p { font-family: var(--devsite-primary-fo= nt-family); font-size: 14px; color: rgb(60, 64, 67); letter-spacing: 0.2px;= line-height: 20px; margin: 8px 0px; text-align: left; } devsite-anselm .anselm-card { background: var(--devsite-card-background); b= order: var(--devsite-card-border); border-radius: var(--devsite-card-border= -radius); box-shadow: var(--devsite-card-box-shadow); display: flex; -webki= t-box-orient: vertical; -webkit-box-direction: normal; flex-direction: colu= mn; height: 100%; } devsite-anselm .anselm-card .anselm-card--top { border-radius: var(--devsit= e-card-content-border-radius,1px 1px 0 0); height: 158px; display: flex; -w= ebkit-box-align: center; align-items: center; -webkit-box-pack: center; jus= tify-content: center; position: relative; } devsite-anselm .anselm-card .anselm-card--top .badge-icon { width: 110px; h= eight: 110px; position: relative; z-index: 2; opacity: 0; transform: scale(= 0); } @-webkit-keyframes bounce {=20 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 1; transform: scale(1.3); } 100% { transform: scale(1); opacity: 1; } } devsite-anselm .anselm-card .anselm-card--top .badge-icon.bounce { animatio= n-duration: 1s; animation-fill-mode: forwards; animation-name: bounce; opac= ity: 1; transform: scale(1); } devsite-anselm .anselm-card devsite-progress .devsite-progress--indetermina= te .devsite-progress--indeterminate-2, devsite-anselm .anselm-card devsite-= progress .devsite-progress--indeterminate .devsite-progress--indeterminate-= 4 { background: rgb(218, 220, 224); } devsite-anselm .anselm-card .anselm-card--progress { overflow: hidden; heig= ht: 2px; background: rgb(218, 220, 224); } devsite-anselm .anselm-card .anselm-card--progress .anselm-card--progress--= bar { background: rgb(251, 188, 4); height: 2px; transform: translateX(-101= %); transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), background 0.2= 13s 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: rgb(52, 168, 83); } devsite-anselm .anselm-card .anselm-card--progress--info:empty::before { co= ntent: "=C2=A0"; } devsite-anselm .anselm-card .anselm-card--progress--info { font-size: 12px;= font-weight: 700; color: rgb(69, 73, 76); padding: 0px 16px; opacity: 0; t= ransform: translateY(12px); transition: transform 0.213s cubic-bezier(0.4, = 0, 1, 1), opacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.21= 3s cubic-bezier(0.4, 0, 1, 1); } devsite-anselm .anselm-card .anselm-card--progress--info.show { opacity: 1;= transform: translateY(0px); transition: transform 0.213s cubic-bezier(0, 0= , 0.2, 1), opacity 0.213s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2= 13s cubic-bezier(0, 0, 0.2, 1); } devsite-anselm .anselm-card .anselm-card--body { -webkit-box-flex: 1; flex:= 1 1 0%; padding: 0px 16px; } devsite-anselm .anselm-card .anselm--tags:not(:empty) { border-bottom: var(= --devsite-primary-border); margin: 0px 16px; padding: 0px 0px 16px; } devsite-anselm .anselm-card .anselm-card--bottom { margin: 16px; } devsite-anselm .anselm-card .anselm-card--summary { font-family: var(--devs= ite-primary-font-family); font-size: 12px; color: rgb(106, 110, 116); lette= r-spacing: 0.3px; text-align: left; line-height: 16px; } devsite-anselm .anselm-card .anselm-card--actions { display: flex; -webkit-= box-pack: end; justify-content: flex-end; } devsite-anselm .anselm-cell--card { flex-basis: calc(33.33% - 24px); margin= : 12px; } devsite-anselm .anselm-cell--list { margin-bottom: 32px; } devsite-anselm .anselm-cell--list a { color: rgb(52, 108, 242); } devsite-anselm .anselm-no-results-found { display: flex; width: 100%; margi= n-top: 36px; } devsite-anselm .anselm-no-results-found .no-results-text { flex-basis: 50%;= padding: 0px 12px; } devsite-anselm .anselm-no-results-found .no-results-text h3 { font-size: 28= px; color: rgb(60, 64, 67); line-height: 36px; margin: 0px; } devsite-anselm .anselm-no-results-found .no-results-text p { margin: 0px; p= adding: 8px 0px 0px; font-size: 14px; color: rgb(95, 99, 104); line-height:= 20px; } devsite-anselm .anselm-no-results-found .no-results-img { margin: 0px 12px;= padding: 0px 12px; flex-basis: 50%; background-image: url("/web/2023013101= 3155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e4= 6b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/images/not-found.svg"); -webkit-= box-flex: 1; flex-grow: 1; background-repeat: no-repeat; background-size: c= ontain; background-position: 50% 50%; height: 206px; } devsite-anselm .anselm-results-container { display: flex; -webkit-box-pack:= justify; justify-content: space-between; } devsite-anselm .anselm-results-container .anselm-results-cell { -webkit-box= -flex: 1; flex-grow: 1; } devsite-anselm .anselm-results-container .anselm-featured-cell { display: n= one; -webkit-box-flex: 1; flex-grow: 1; max-width: 292px; padding-left: 18p= x; } devsite-anselm .anselm-results-container .anselm-featured-cell h4 { font-si= ze: 10px; font-weight: 500; color: rgb(102, 102, 102); line-height: 16px; t= ext-transform: uppercase; } devsite-anselm.has-featured .anselm-no-results-found { display: block; } devsite-anselm.has-featured .anselm-no-results-found .no-results-img { marg= in: 48px 12px; height: 295px; } devsite-anselm.has-featured .anselm-no-results-found .no-results-text { tex= t-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: var(--devsite-card-border); bord= er-radius: var(--devsite-card-border-radius); box-shadow: var(--devsite-car= d-box-shadow); margin-bottom: 12px; padding: 16px; } devsite-anselm .anselm--featured .topic__meta { border-top: 1px solid rgb(2= 16, 216, 216); color: rgb(60, 64, 67); font-size: 12px; line-height: 16px; = margin: 16px 0px 8px; padding: 16px 0px 0px; } devsite-anselm .anselm--featured .topic__updated { padding-top: 4px; } @media screen and (max-width: 840px) { devsite-anselm .anselm-cell--card { flex-basis: calc(50% - 24px); } devsite-anselm.has-featured .anselm-results-container .anselm-featured-ce= ll { display: flex; } devsite-anselm .anselm-results-container { -webkit-box-orient: vertical; = -webkit-box-direction: reverse; flex-direction: column-reverse; } devsite-anselm .anselm-results-container .anselm-featured-cell { flex-wra= p: nowrap; overflow-x: auto; min-width: 100%; margin: 0px 0px 24px; padding= : 24px 0px 0px; position: relative; } devsite-anselm .anselm-results-container .anselm-featured-cell h4 { posit= ion: absolute; top: 0px; left: 0px; } devsite-anselm .anselm-results-container .anselm--featured { min-width: 2= 00px; margin-right: 8px; flex-shrink: 0; max-width: 300px; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-description { position: relative; } devsite-anselm .anselm-results-container .anselm--featured a { position: = absolute; right: 8px; top: 8px; padding: 0px; height: 30px; width: 30px; } devsite-anselm .anselm-results-container .anselm--featured a .devsite-lan= ding-row-item-icon-container { width: 30px; height: 30px; } devsite-anselm .anselm-results-container .anselm--featured a .devsite-lan= ding-row-item-icon-container img { width: 30px; height: 30px; margin: 0px; = } devsite-anselm .anselm-results-container .anselm--featured h3 { margin: 0= px; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-body a { position: static; margin: 12px 54px 12px 12px; text-ov= erflow: ellipsis; width: auto; height: auto; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-body .topic__meta { margin-top: 0px; } devsite-anselm .anselm-results-container .anselm--featured .devsite-landi= ng-row-item-body .devsite-landing-row-item-buttons, devsite-anselm .anselm-= results-container .anselm--featured .devsite-landing-row-item-body p { disp= lay: none; } } @media screen and (max-width: 600px) { devsite-anselm .anselm-cell--card { flex-basis: calc(100% - 24px); } devsite-anselm .anselm-no-results-found { margin-top: 12px; flex-wrap: wr= ap; } devsite-anselm .anselm-no-results-found .no-results-img, devsite-anselm .= anselm-no-results-found .no-results-text { flex-basis: 100%; } devsite-anselm .anselm-no-results-found .no-results-img { margin-top: 32p= x; height: 163px; } } devsite-dialog[open].devsite-henhouse-dialog { display: flex; padding: 0px;= } .devsite-henhouse-inner { background: var(--devsite-background-1); display:= flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-orient: vertical; -we= bkit-box-direction: normal; flex-direction: column; margin-top: 2px; overfl= ow: hidden; } .devsite-henhouse-spinner-container { -webkit-box-align: center; align-item= s: center; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pa= ck: center; justify-content: center; min-height: 240px; } .devsite-credentials-spinner-region { display: flex; -webkit-box-align: cen= ter; align-items: center; -webkit-box-pack: center; justify-content: center= ; } .devsite-henhouse-cross-container { height: 160px; display: flex; -webkit-b= ox-align: start; align-items: start; -webkit-box-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: var(--devsite-primary-text-color); } .devsite-apix-controls .devsite-hide-apix::before { content: "close"; } .devsite-apix-controls .devsite-fullscreen-apix::before { content: "fullscr= een"; } .devsite-apix-controls .devsite-dock-apix::before { content: "fullscreen_ex= it"; } .apis-explorer { background: var(--devsite-background-3); } .devsite-apix { background: var(--devsite-background-3); transform: transla= teZ(0px); will-change: height, transform; } .devsite-apix:not(.dialog) .devsite-apix-controls { top: 24px; } .devsite-apix:not(.dialog) .devsite-apix-controls .devsite-dock-apix { disp= lay: none; } .devsite-apix.dialog { border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.15) = 0px 17px 17px, rgba(0, 0, 0, 0.3) 0px 27px 55px; font: 14px/20px var(--devs= ite-primary-font-family); max-width: calc(100% - 48px); overflow: auto; pad= ding: 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 .devsit= e-hide-apix { display: none; } .devsite-has-apix .devsite-main-content { z-index: auto; } .devsite-has-apix .devsite-main-content devsite-googler-buttons { z-index: = 1003; } @media screen and (min-width: 1201px) { .devsite-apix:not(.dialog) { box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px,= rgba(0, 0, 0, 0.28) 0px 4px 8px; display: none; max-height: 100vh; overflo= w: auto; position: fixed; right: 0px; top: 96px; width: 400px; z-index: 100= 1; } .devsite-apix.dialog { bottom: 20px; left: calc(50% - 576px); margin: 0px= ; 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; position: relative; max-he= ight: none !important; transform: none !important; top: auto !important; he= ight: auto !important; } .devsite-apix.dialog { bottom: 20px; left: 24px; margin: 0px; top: 50px; = width: calc(100% - 48px); } .devsite-hide-apix { display: none; } } .devsite-page-insights-dialog { width: 100%; height: 100%; } .dashboard-container { height: 100%; } .dashboard-analytics { width: 100%; height: 100%; } devsite-badger { display: none; } .static-badge-awarded-container { display: flex; -webkit-box-orient: vertic= al; -webkit-box-direction: normal; flex-direction: column; } .static-badge-awarded-container .devsite-badger-award-inner { padding: 10px= ; } .static-badge-awarded-container .dismiss { display: none; } .devsite-badger-award { bottom: 0px; display: flex; -webkit-box-pack: cente= r; justify-content: center; left: 0px; pointer-events: none; position: fixe= d; right: 0px; z-index: 99999; } .devsite-badger-award .devsite-badger-award-inner { -webkit-box-align: cent= er; align-items: center; -webkit-box-flex: 1; flex-grow: 1; max-width: 670p= x; width: 670px; margin-bottom: 16px; pointer-events: all; position: absolu= te; transform: translateY(150%); transition: bottom 0.2s, margin-right 0.2s= , transform 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-b= ezier(0.4, 0, 1, 1); } @media screen and (max-width: 600px) { .devsite-badger-award .devsite-badger-award-inner { width: calc(100% - 20= px); margin-bottom: 10px; } } .devsite-badger-award .devsite-badger-award-inner[show] { transform: transl= ateY(0px); transition: bottom 0.2s, margin-right 0.2s, transform 0.2s cubic= -bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1); } .devsite-badger-award .devsite-badger-award-inner[show] .devsite-badger-awa= rd-actions, .devsite-badger-award .devsite-badger-award-inner[show] .devsit= e-badger-award-details { opacity: 1; } .devsite-badger-award .devsite-badger-award-inner:first-child { bottom: 10p= x; z-index: 15; } .devsite-badger-award .devsite-badger-award-inner:nth-child(2) { bottom: 5p= x; margin-right: -10px; z-index: 14; filter: grayscale(100%) brightness(110= %); } .devsite-badger-award .devsite-badger-award-inner:nth-child(3) { bottom: 0p= x; margin-right: -20px; z-index: 13; filter: grayscale(100%) brightness(110= %); } .devsite-badger-award .devsite-badger-award-inner:nth-child(4) { bottom: -5= px; margin-right: -30px; z-index: 12; filter: grayscale(100%) brightness(11= 0%); } .devsite-badger-award .devsite-badger-award-inner:nth-child(n+5) { bottom: = -5px; margin-right: -30px; display: none; } @media screen and (max-width: 600px) { .devsite-badger-award .devsite-badger-award-inner:first-child { bottom: 0= px; z-index: 15; } .devsite-badger-award .devsite-badger-award-inner:nth-child(2) { bottom: = 0px; margin-right: 0px; } .devsite-badger-award .devsite-badger-award-inner:nth-child(n+3) { displa= y: none; } } .devsite-badger-award .devsite-badger-award-actions { -webkit-box-align: en= d; align-items: flex-end; display: flex; -webkit-box-orient: vertical; -web= kit-box-direction: normal; flex-direction: column; opacity: 0; transition: = opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid rgb(216, 2= 16, 216); padding: 8px; } @-webkit-keyframes badgeGrowIn {=20 0% { transform: scale(0); } 100% { transform: scale(1.3); } } @-webkit-keyframes badgeGrowOut {=20 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @-webkit-keyframes badgeFadeIn {=20 0% { opacity: 0; } 12% { opacity: 0; } 87% { opacity: 1; } } @-webkit-keyframes counterHide {=20 0% { opacity: 0; } 100% { opacity: 0; } } .devsite-claim-badge-dialog.devsite-claim-badge-dialog, devsite-badge-award= ed.devsite-claim-badge-dialog { padding: 0px; } .devsite-claim-badge-dialog .card, devsite-badge-awarded .card { box-shadow= : rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px= 1px; border-radius: 5px; background: var(--devsite-background-1); display:= block; max-width: 856px; border-top: 5px solid rgb(26, 115, 232); position= : relative; overflow: hidden; margin: 0px auto; } .devsite-claim-badge-dialog .card .card-content, devsite-badge-awarded .car= d .card-content { display: flex; -webkit-box-orient: vertical; -webkit-box-= direction: normal; flex-direction: column; max-height: calc(-32px + 100vh);= overflow: visible; } .devsite-claim-badge-dialog .card .illustration-container, .devsite-claim-b= adge-dialog .card .text-container, devsite-badge-awarded .card .illustratio= n-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 .illustrat= ion-container, devsite-badge-awarded .card .text-container { width: 100%; } } .devsite-claim-badge-dialog .card .profile-creation-container, devsite-badg= e-awarded .card .profile-creation-container { -webkit-box-flex: 1; flex: 1 = 1 0%; overflow: auto; max-height: 50vh; border-top: 1px solid rgb(232, 234,= 237); padding: 16px 24px; } .devsite-claim-badge-dialog .card .profile-creation-container p, devsite-ba= dge-awarded .card .profile-creation-container p { margin: 8px 0px; color: r= gb(60, 64, 67); 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 { m= argin-top: 8px; } .devsite-claim-badge-dialog .card .profile-creation-container-email-options= .profile-creation-container-email-option, devsite-badge-awarded .card .pro= file-creation-container-email-options .profile-creation-container-email-opt= ion { display: flex; -webkit-box-align: center; align-items: center; } .devsite-claim-badge-dialog .card .profile-creation-container-email-options= .profile-creation-container-email-option input, devsite-badge-awarded .car= d .profile-creation-container-email-options .profile-creation-container-ema= il-option input { margin-top: 0px; } .devsite-claim-badge-dialog .card .profile-creation-container-email-options= .profile-creation-container-email-option label, devsite-badge-awarded .car= d .profile-creation-container-email-options .profile-creation-container-ema= il-option label { font-size: 14px; } .devsite-claim-badge-dialog .card .spinner-container, devsite-badge-awarded= .card .spinner-container { position: absolute; width: 100%; height: 100%; = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: center; justify-content: center; background: rgba(255, 255, 255, 0.8)= ; z-index: 100; pointer-events: none; opacity: 0; transition: opacity 0.3s = cubic-bezier(0.4, 0, 0.2, 1); } .devsite-claim-badge-dialog .card .content-container, devsite-badge-awarded= .card .content-container { display: flex; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .card .content-container, devsite-badge-award= ed .card .content-container { -webkit-box-orient: vertical; -webkit-box-dir= ection: normal; flex-direction: column; } } .devsite-claim-badge-dialog .card .text-container, devsite-badge-awarded .c= ard .text-container { padding: 36px 24px; -webkit-box-flex: 1; flex-grow: 1= ; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .card .text-container, devsite-badge-awarded = .card .text-container { padding: 24px; } } .devsite-claim-badge-dialog .illustration-container, devsite-badge-awarded = .illustration-container { display: flex; min-height: 164px; min-width: 303p= x; height: 164px; width: 303px; -webkit-box-pack: center; justify-content: = center; -webkit-box-align: center; align-items: center; position: relative;= background-image: url("/web/20230131013155im_/https://www.gstatic.com/devr= el-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd= 2bcca1/developers/images/badge-award-background.svg"); background-size: 100= % calc(100% + 2px); background-position: 1px -1px; background-repeat: no-re= peat; } .devsite-claim-badge-dialog .illustration-container.show .badge-icon, devsi= te-badge-awarded .illustration-container.show .badge-icon { opacity: 1; tra= nsform: scale(1); } .devsite-claim-badge-dialog .illustration-container.animate .badge-icon, de= vsite-badge-awarded .illustration-container.animate .badge-icon { animation= : 0.33s cubic-bezier(0.75, 0, 0.71, 0.97) 0s 1 normal none running badgeGro= wIn, 0.17s cubic-bezier(0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none runnin= g badgeGrowOut, 0.5s linear 0s 1 normal none running badgeFadeIn; } .devsite-claim-badge-dialog .illustration-container .badge-icon, devsite-ba= dge-awarded .illustration-container .badge-icon { width: 124px; height: 124= px; z-index: 1000; opacity: 0; animation-fill-mode: forwards; } .devsite-claim-badge-dialog .illustration-container .badge-icon.incomplete,= devsite-badge-awarded .illustration-container .badge-icon.incomplete { fil= ter: grayscale(100%); } .devsite-claim-badge-dialog .illustration-container .badge-animation, devsi= te-badge-awarded .illustration-container .badge-animation { position: absol= ute; width: 195px; height: 170px; background-image: url("/web/2023013101315= 5im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b7= 62d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/badge-award-anima= tion.gif"); background-size: 100% 100%; } .devsite-claim-badge-dialog .completed-title, devsite-badge-awarded .comple= ted-title { font-size: 20px; margin-bottom: 8px; line-height: 28px; color: = rgb(0, 0, 0); font-family: var(--devsite-headline-font-family); } .devsite-claim-badge-dialog .claim-badge-text, .devsite-claim-badge-dialog = .completed-text, .devsite-claim-badge-dialog .create-profile-text, .devsite= -claim-badge-dialog .error-text, .devsite-claim-badge-dialog .not-eligible-= text, .devsite-claim-badge-dialog .sign-in-text, devsite-badge-awarded .cla= im-badge-text, devsite-badge-awarded .completed-text, devsite-badge-awarded= .create-profile-text, devsite-badge-awarded .error-text, devsite-badge-awa= rded .not-eligible-text, devsite-badge-awarded .sign-in-text { font-size: 1= 4px; } .devsite-claim-badge-dialog .buttons-container, devsite-badge-awarded .butt= ons-container { border-top: 1px solid rgb(232, 234, 237); padding: 0px 8px;= display: flex; -webkit-box-align: center; align-items: center; -webkit-box= -pack: justify; justify-content: space-between; } .devsite-claim-badge-dialog .buttons-container .buttons, devsite-badge-awar= ded .buttons-container .buttons { display: flex; flex-wrap: wrap; } .devsite-claim-badge-dialog .buttons-container .dismiss, devsite-badge-awar= ded .buttons-container .dismiss { position: relative; overflow: visible; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .buttons-container, devsite-badge-awarded .bu= ttons-container { -webkit-box-orient: vertical; -webkit-box-direction: reve= rse; flex-direction: column-reverse; padding-top: 0px; text-align: center; = -webkit-box-align: center; align-items: center; } .devsite-claim-badge-dialog .buttons-container .button, devsite-badge-awa= rded .buttons-container .button { margin: 10px auto 0px; } .devsite-claim-badge-dialog .buttons-container .buttons, devsite-badge-aw= arded .buttons-container .buttons { -webkit-box-orient: horizontal; -webkit= -box-direction: normal; flex-direction: row; margin-top: 5px; } } .devsite-claim-badge-dialog[loading] .card .spinner-container, devsite-badg= e-awarded[loading] .card .spinner-container { opacity: 1; pointer-events: a= ll; } .devsite-claim-badge-dialog .qr-code-container, devsite-badge-awarded .qr-c= ode-container { display: flex; height: 225px; background-image: url("/web/2= 0230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89= b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/claim= -badge-dialog-background.png"); -webkit-box-pack: center; justify-content: = center; -webkit-box-align: center; align-items: center; background-position= : 50% center; background-size: 700px; } .devsite-claim-badge-dialog .qr-code-container canvas, devsite-badge-awarde= d .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; backgro= und: var(--devsite-background-1); } .devsite-claim-badge-dialog .redeem-code-section, devsite-badge-awarded .re= deem-code-section { padding: 18px 24px 0px; margin-bottom: -15px; } .devsite-claim-badge-dialog .redeem-code-title, devsite-badge-awarded .rede= em-code-title { text-transform: uppercase; font-size: 10.5px; font-weight: = 600; color: rgb(128, 134, 139); margin-bottom: 3px; } .devsite-claim-badge-dialog .redeem-code, devsite-badge-awarded .redeem-cod= e { display: inline-block; font-size: 18px; font-weight: 500; letter-spacin= g: 12px; color: rgb(0, 0, 0); padding: 8px 2px 8px 12px; border: 2px solid = rgb(26, 115, 232); border-radius: 4px; background-color: rgba(227, 242, 253= , 0.6); } .devsite-claim-badge-dialog .illustration-container.animate .badge-icon-cou= nter, devsite-badge-awarded .illustration-container.animate .badge-icon-cou= nter { animation: 1s ease 0s 1 normal none running counterHide, 0.33s cubic= -bezier(0.75, 0, 0.71, 0.97) 1s 1 normal none running badgeGrowIn, 0.17s cu= bic-bezier(0.85, -0.14, 0.83, 0.83) 1.33s 1 normal none running badgeGrowOu= t, 0.5s linear 1s 1 normal none running badgeFadeIn; opacity: 1; transform:= scale(1); } .devsite-claim-badge-dialog .illustration-container .badge-icon-counter, de= vsite-badge-awarded .illustration-container .badge-icon-counter { padding: = 3px 10px; font-size: 14px; border-radius: 19px; color: rgb(255, 255, 255); = font-weight: 500; background-color: rgb(25, 118, 210); position: absolute; = bottom: 17px; z-index: 10001; opacity: 0; transform: scale(0); box-shadow: = rgba(60, 64, 67, 0.15) 0px 4px 8px 3px, rgba(60, 64, 67, 0.3) 0px 1px 3px 0= px; } .devsite-claim-badge-dialog .badge-name, devsite-badge-awarded .badge-name = { font-weight: 500; } .devsite-claim-badge-dialog .buttons-container .more-badges-marker, devsite= -badge-awarded .buttons-container .more-badges-marker { display: flex; posi= tion: absolute; top: -12px; right: -12px; background: rgb(229, 57, 53); min= -width: 24px; min-height: 24px; border-radius: 50px; -webkit-box-pack: cent= er; justify-content: center; text-align: center; color: rgb(255, 255, 255);= font-weight: 700; max-height: 24px; max-width: 24px; line-height: 24px; fo= nt-size: 12px; } @media screen and (max-width: 600px) { .devsite-claim-badge-dialog .buttons-container .sharing, devsite-badge-aw= arded .buttons-container .sharing { -webkit-box-orient: horizontal; -webkit= -box-direction: normal; flex-direction: row; padding: 2px 0px 20px; } } .devsite-claim-badge-dialog .buttons-container .actions .button, .devsite-c= laim-badge-dialog .buttons-container .actions button, devsite-badge-awarded= .buttons-container .actions .button, devsite-badge-awarded .buttons-contai= ner .actions button { margin: 8px; } .devsite-claim-badge-dialog .buttons-container .sharing, devsite-badge-awar= ded .buttons-container .sharing { font-size: 14px; color: rgb(60, 64, 67); = padding-left: 16px; display: flex; -webkit-box-align: center; align-items: = center; } .devsite-claim-badge-dialog .buttons-container .sharing .share-buttons-cont= ainer, devsite-badge-awarded .buttons-container .sharing .share-buttons-con= tainer { display: flex; flex-wrap: wrap; } .devsite-claim-badge-dialog .buttons-container .sharing span, devsite-badge= -awarded .buttons-container .sharing span { margin: 0px 8px; } .devsite-claim-badge-dialog .buttons-container .sharing .button, .devsite-c= laim-badge-dialog .buttons-container .sharing button, devsite-badge-awarded= .buttons-container .sharing .button, devsite-badge-awarded .buttons-contai= ner .sharing button { box-shadow: none; margin: 0px 8px; padding: 0px; disp= lay: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack= : center; justify-content: center; border: 0px; height: auto; min-width: 0p= x; flex-shrink: 0; } .devsite-claim-badge-dialog .buttons-container .sharing .button:focus, .dev= site-claim-badge-dialog .buttons-container .sharing .button:hover, .devsite= -claim-badge-dialog .buttons-container .sharing button:focus, .devsite-clai= m-badge-dialog .buttons-container .sharing button:hover, devsite-badge-awar= ded .buttons-container .sharing .button:focus, devsite-badge-awarded .butto= ns-container .sharing .button:hover, devsite-badge-awarded .buttons-contain= er .sharing button:focus, devsite-badge-awarded .buttons-container .sharing= button:hover { background: none; } .devsite-claim-badge-dialog .buttons-container .sharing .button:active, .de= vsite-claim-badge-dialog .buttons-container .sharing button:active, devsite= -badge-awarded .buttons-container .sharing .button:active, devsite-badge-aw= arded .buttons-container .sharing button:active { box-shadow: none; } .devsite-claim-badge-dialog .buttons-container .sharing a:active, .devsite-= claim-badge-dialog .buttons-container .sharing a:focus, .devsite-claim-badg= e-dialog .buttons-container .sharing a:hover, devsite-badge-awarded .button= s-container .sharing a:active, devsite-badge-awarded .buttons-container .sh= aring a:focus, devsite-badge-awarded .buttons-container .sharing a:hover { = text-decoration: none; } .devsite-claim-badge-dialog .buttons-container .sharing .material-icons, de= vsite-badge-awarded .buttons-container .sharing .material-icons { color: rg= b(95, 99, 104); display: flex; -webkit-box-align: center; align-items: cent= er; -webkit-box-pack: center; justify-content: center; margin: 0px 8px; } devsite-badge-redeemer { display: block; opacity: 1; transition: opacity 0.= 7s ease-in; } devsite-badge-redeemer .redeem-code-page-subtitle { margin-bottom: 50px; ma= rgin-top: -28px; font-size: 18px; color: rgb(32, 33, 36); font-family: var(= --devsite-headline-font-family); } devsite-badge-redeemer devsite-badge-awarded { display: block; } devsite-badge-redeemer.redeem-success { opacity: 0; } devsite-badge-redeemer .waiting-container { display: flex; -webkit-box-orie= nt: vertical; -webkit-box-direction: normal; flex-direction: column; } devsite-badge-redeemer .waiting-container devsite-spinner { margin-top: 15p= x; align-self: center; } devsite-badge-redeemer .change-account-button, devsite-badge-redeemer .crea= te-profile-button, devsite-badge-redeemer .sign-in-button { margin-top: 10p= x; } 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: rgb(128, 134, 139); letter-spacing:= 1px; } devsite-badge-redeemer .redeem-code-error-icon, devsite-badge-redeemer .red= eem-code-error-message, devsite-badge-redeemer .redeem-code-success-icon { = display: none; } devsite-badge-redeemer.redeem-success .redeem-code-input { border-color: rg= b(30, 142, 62) !important; } devsite-badge-redeemer.redeem-success .redeem-code-success-icon { display: = inline; font-size: 25px; color: rgb(30, 142, 62); margin-left: 10px; line-h= eight: 44px; } devsite-badge-redeemer.redeem-error .redeem-code-input { border-color: rgb(= 217, 48, 37); } devsite-badge-redeemer.redeem-error .redeem-code-error-message { display: b= lock; font-size: 12px; color: rgb(128, 134, 139); font-style: italic; font-= weight: 600; } devsite-badge-redeemer.redeem-error .redeem-code-error-icon { display: inli= ne; font-size: 25px; color: rgb(217, 48, 37); margin-left: 10px; line-heigh= t: 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-siz= e: 18px; font-weight: 500; letter-spacing: 12px; color: rgb(0, 0, 0); paddi= ng: 8px 2px 8px 12px; border: 2px solid rgb(26, 115, 232); border-radius: 4= px; background-color: rgba(227, 242, 253, 0.6); width: 450px; height: 45px;= } devsite-badge-redeemer .redeem-code-input:disabled { border-color: rgb(128,= 134, 139); color: rgb(128, 134, 139); } devsite-book-nav { max-height: 100vh; overflow: hidden auto; position: rela= tive; z-index: 1004; } .devsite-book-nav-bg, body[pending] devsite-book-nav { background: var(--de= vsite-book-nav-background); box-shadow: var(--devsite-book-nav-box-shadow,0= 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--de= vsite-elevation-ambient-shadow-color)); } body[pending] devsite-book-nav { height: 100vh; } body[ready] devsite-book-nav[fixed] { box-shadow: none; contain: content; m= ax-height: 100%; position: fixed; transform: translateY(var(--devsite-js-bo= ok-nav-y-offset,0)); will-change: top, max-height, transform; } body[ready] .devsite-book-nav-bg[fixed] { bottom: 0px; display: block; posi= tion: fixed; top: 0px; z-index: 1; } body[ready] .devsite-book-nav-bg[animatable], body[ready] devsite-book-nav[= animatable] { transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -web= kit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .devsite-book-nav-bg::after { bottom: -10px; content: ""; display: block; h= eight: 10px; position: fixed; width: 279px; } [dir=3D"ltr"] .devsite-book-nav-bg::after { left: 0px; } [dir=3D"rtl"] .devsite-book-nav-bg::after { right: 0px; } devsite-book-nav .devsite-book-nav-filter { background: var(--devsite-book-= nav-background); border-bottom: var(--devsite-primary-border); display: fle= x; margin-bottom: 12px; padding: 24px; position: sticky; top: 0px; z-index:= 2; } devsite-book-nav input[type=3D"text"] { background: var(--devsite-searchbox= -inactive); border: 0px; border-radius: 4px; color: var(--devsite-searchbox= -placeholder,var(--devsite-secondary-text-color)); font-size: var(--devsite= -nav-font-size,13px); height: var(--devsite-book-nav-input-height); padding= -inline: var(--devsite-book-nav-input-height); width: 100%; } devsite-book-nav input[type=3D"text"]:hover { background: var(--devsite-sea= rchbox-hover); } devsite-book-nav input[type=3D"text"]:focus { background: var(--devsite-sea= rch-form-background-active); border: 0px; box-shadow: var(--devsite-search-= active-box-shadow,none); color: var(--devsite-search-form-text-active,var(-= -devsite-primary-text-color)); padding: 16px var(--devsite-book-nav-input-h= eight); } devsite-book-nav .devsite-nav-list { padding-bottom: 56px; } devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-acc= ordion):not(.devsite-nav-divider):first-child { border-top: 0px; margin-top= : 20px; padding-top: 0px; } devsite-book-nav .devsite-book-nav-filter:not(.hidden) + .devsite-book-nav = .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-accordion):not(.devs= ite-nav-divider):first-child { margin-top: 0px; } devsite-book-nav .devsite-book-nav-filter::before, devsite-book-nav .filter= -clear-button { -webkit-box-align: center; align-items: center; color: var(= --devsite-searchbox-placeholder,var(--devsite-secondary-text-color)); displ= ay: flex; font: 14px / 1 "Material Icons"; height: var(--devsite-book-nav-i= nput-height); -webkit-box-pack: center; justify-content: center; position: = absolute; top: 24px; width: var(--devsite-book-nav-input-height); } devsite-book-nav .devsite-book-nav-filter::before { content: "filter_list";= inset-inline: 24px auto; } devsite-book-nav .filter-clear-button { cursor: pointer; inset-inline: auto= 24px; outline: 0px; } devsite-book-nav .filter-clear-button::before { content: "close"; } devsite-book-nav .filter-clear-button:focus::before, devsite-book-nav .filt= er-clear-button:hover::before { background: var(--devsite-background-5); bo= rder-radius: 50%; padding: 4px; } devsite-book-nav .devsite-nav-text mark { background: rgb(254, 239, 195); b= order-radius: 4px; } [dir=3D"ltr"] devsite-book-nav li .devsite-nav-title { padding-left: 24px; = } [dir=3D"rtl"] devsite-book-nav li .devsite-nav-title { padding-left: 8px; p= adding-right: 24px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-titl= e { padding-left: 40px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-titl= e { padding-right: 40px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-t= itle { padding-left: 56px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-t= itle { padding-right: 56px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-title { padding-left: 72px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-title { padding-right: 72px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li .devsite= -nav-title { padding-left: 88px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li .devsite= -nav-title { padding-right: 88px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-title { padding-left: 104px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-title { padding-right: 104px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li li li .d= evsite-nav-title { padding-left: 120px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li li li .d= evsite-nav-title { padding-right: 120px; } [dir=3D"ltr"] devsite-book-nav li.devsite-nav-divider .devsite-nav-title { = padding-left: 0px; } [dir=3D"rtl"] devsite-book-nav li.devsite-nav-divider .devsite-nav-title { = padding-right: 0px; } [dir=3D"ltr"] devsite-book-nav .devsite-nav-title { margin-right: var(--dev= site-nav-title-margin-x,0); padding-right: 8px; } [dir=3D"rtl"] devsite-book-nav .devsite-nav-title { margin-left: var(--devs= ite-nav-title-margin-x,0); padding-left: 8px; } devsite-book-nav .devsite-nav-title.devsite-nav-active { background: var(--= devsite-nav-title-background-active,0); } [dir=3D"ltr"] devsite-book-nav .devsite-nav-title.devsite-nav-active { bord= er-radius: var(--devsite-nav-title-border-radius,0 12px 12px 0); } [dir=3D"rtl"] devsite-book-nav .devsite-nav-title.devsite-nav-active { bord= er-radius: var(--devsite-nav-title-border-radius,12px 0 0 12px); } [dir=3D"ltr"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), = [dir=3D"ltr"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ) > .devsite-expandable-nav > .devsite-nav-title-no-path { border-radius: v= ar(--devsite-nav-title-border-radius,0 12px 12px 0); } [dir=3D"rtl"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ):not(.devsite-nav-heading) > .devsite-nav-title:not(.devsite-nav-active), = [dir=3D"rtl"] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion= ) > .devsite-expandable-nav > .devsite-nav-title-no-path { border-radius: v= ar(--devsite-nav-title-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-hea= ding) > .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(.d= evsite-nav-accordion) > .devsite-expandable-nav > .devsite-nav-title-no-pat= h:hover { 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-hea= ding) > .devsite-nav-title:not(.devsite-nav-active):hover { color: var(--de= vsite-nav-title-color-hover,var(--devsite-link-color)); } devsite-book-nav .devsite-nav-list > .devsite-nav-heading:not(.devsite-nav-= divider) { border-top: var(--devsite-primary-border); padding-top: 11px; } devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) { margin-to= p: 12px; } [dir=3D"ltr"] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divide= r) .devsite-nav-title-no-path { padding-left: 24px; } [dir=3D"rtl"] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divide= r) .devsite-nav-title-no-path { padding-right: 24px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav .devsite-nav-heading= :not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-left: 40px;= } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav .devsite-nav-heading= :not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-right: 40px= ; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-head= ing:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-left: 56= px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li .devsite-nav-head= ing:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-right: 5= 6px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-h= eading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-left:= 72px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-h= eading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-right= : 72px; } [dir=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-le= ft: 88px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li .devsite-na= v-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padding-ri= ght: 88px; } [dir=3D"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=3D"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=3D"ltr"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padd= ing-left: 120px; } [dir=3D"rtl"] devsite-book-nav .devsite-expandable-nav li li li li li .devs= ite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path { padd= ing-right: 120px; } [dir=3D"ltr"] devsite-book-nav .devsite-nav-accordion > .devsite-expandable= -nav > .devsite-nav-title-no-path { margin-right: 0px; } [dir=3D"rtl"] devsite-book-nav .devsite-nav-accordion > .devsite-expandable= -nav > .devsite-nav-title-no-path { margin-left: 0px; } devsite-book-nav .devsite-nav-heading.devsite-nav-divider { background: var= (--devsite-nav-divider-background); border-bottom: var(--devsite-primary-bo= rder); border-top: var(--devsite-primary-border); padding: 4px 24px 2px; } devsite-book-nav .devsite-nav-heading.devsite-nav-divider:first-child { pad= ding-top: 4px; } devsite-book-nav .devsite-nav-divider > .devsite-nav-title { font: 500 11px= /16px var(--devsite-primary-font-family); letter-spacing: 0.8px; text-trans= form: uppercase; } devsite-book-nav .devsite-nav-accordion + .devsite-nav-accordion, devsite-b= ook-nav .devsite-nav-divider + .devsite-nav-accordion { border-top: 0px; pa= dding-top: 12px; } devsite-book-nav .devsite-nav-accordion + .devsite-nav-divider { border-top= : 0px; padding-top: 4px; } devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav= -heading > .devsite-nav-title-no-path { border-radius: 0px; 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: 0px center; } 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-accordi= on) .devsite-nav-heading > .devsite-nav-title-no-path:hover { color: var(--= devsite-nav-title-no-path-color-hover,var(--devsite-link-color)); } devsite-book-nav .devsite-nav-accordion + .devsite-nav-item:not(.devsite-na= v-accordion):not(.devsite-nav-divider), devsite-book-nav .devsite-nav-divid= er + .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider= ), devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devs= ite-nav-divider) + .devsite-nav-accordion, devsite-book-nav .devsite-nav-it= em:not(.devsite-nav-accordion):not(.devsite-nav-divider) + .devsite-nav-div= ider { margin-top: 12px; } devsite-book-nav .devsite-nav-break { height: 24px; } #devsite-hamburger-menu, devsite-book-nav .devsite-mobile-header, devsite-b= ook-nav .devsite-mobile-nav-top { display: none; } devsite-book-nav .devsite-mobile-header { background: var(--devsite-header-= color-upper,var(--devsite-background-1)); border-bottom: var(--devsite-head= er-border,var(--devsite-primary-border)); } #devsite-hamburger-menu::before, devsite-book-nav #devsite-close-nav::befor= e { border-radius: 50%; padding: 8px; transition: background 0.2s; } #devsite-hamburger-menu:focus::before, #devsite-hamburger-menu:hover::befor= e, devsite-book-nav #devsite-close-nav:focus::before, devsite-book-nav #dev= site-close-nav:hover::before { background: var(--devsite-background-3); } #devsite-hamburger-menu::before { content: "menu"; } [dir=3D"ltr"] devsite-book-nav #devsite-close-nav::before { content: "arrow= _back"; } [dir=3D"rtl"] devsite-book-nav #devsite-close-nav::before { content: "arrow= _forward"; } devsite-book-nav[top-level-nav] #devsite-close-nav::before { content: "clos= e"; } .devsite-book-nav-toggle { -webkit-box-align: center; align-items: center; = background-color: var(--devsite-book-nav-toggle-background); border: var(--= devsite-book-nav-toggle-border,0); bottom: 16px; box-shadow: var(--devsite-= book-nav-toggle-box-shadow,0 1px 2px 0 var(--devsite-elevation-key-shadow-c= olor),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)); color: = var(--devsite-book-nav-toggle-color,var(--devsite-secondary-text-color)); c= ursor: pointer; display: flex; height: 40px; -webkit-box-pack: center; just= ify-content: center; min-width: 24px; padding: 0px; position: fixed; text-d= ecoration: none; transform: translateX(calc(var(--devsite-js-book-nav-scrol= lbar-width, 0px) - var(--devsite-nav-title-margin-x, 8px))); transition: tr= ansform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.2s, -webkit-tran= sform 0.2s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1004; } .devsite-book-nav-toggle:focus, .devsite-book-nav-toggle:hover { background= -color: var(--devsite-book-nav-toggle-background-hover); border: var(--devs= ite-book-nav-toggle-border-hover,0); box-shadow: var(--devsite-book-nav-tog= gle-box-shadow-hover,0 1px 2px 0 var(--devsite-elevation-key-shadow-color),= 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)); color: var(--= devsite-book-nav-toggle-color-hover,var(--devsite-secondary-text-color)); } .devsite-book-nav-toggle[aria-expanded] { border-radius: 50%; width: 40px; = } [dir=3D"ltr"] .devsite-book-nav-toggle[aria-expanded] { transform: translat= eX(calc(229px - var(--devsite-js-book-nav-scrollbar-width, 0px) - var(--dev= site-nav-title-margin-x, 8px))); } [dir=3D"rtl"] .devsite-book-nav-toggle[aria-expanded] { transform: translat= eX(calc(-229px + var(--devsite-js-book-nav-scrollbar-width, 0px) + var(--de= vsite-nav-title-margin-x, 8px))); } .devsite-book-nav-toggle:not([aria-expanded]) { border-inline-start: 0px; t= ransition: width 0.2s, transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), border= -radius 0.2s, -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1); width: = 24px; } [dir=3D"ltr"] .devsite-book-nav-toggle:not([aria-expanded]) { border-radius= : 0px 20px 20px 0px; } [dir=3D"rtl"] .devsite-book-nav-toggle:not([aria-expanded]) { border-radius= : 20px 0px 0px 20px; } .devsite-book-nav-toggle:not([aria-expanded]):focus, .devsite-book-nav-togg= le:not([aria-expanded]):hover { width: 40px; } [dir=3D"ltr"] body[ready] .devsite-book-nav-bg[collapsed] { transform: tran= slate(-279px); } [dir=3D"rtl"] body[ready] .devsite-book-nav-bg[collapsed] { transform: tran= slate(279px); } [dir=3D"ltr"] body[ready] devsite-book-nav[collapsed] { transform: translat= e(-279px,var(--devsite-js-book-nav-y-offset,0)); } [dir=3D"rtl"] body[ready] devsite-book-nav[collapsed] { transform: translat= e(279px,var(--devsite-js-book-nav-y-offset,0)); } .devsite-book-nav-toggle .devsite-book-nav-toggle-icon { font-size: 20px; h= eight: 20px; position: static; width: 20px; } .devsite-book-nav-toggle .devsite-book-nav-toggle-icon::before { content: v= ar(--devsite-book-nav-toggle-icon); } [dir=3D"ltr"] .devsite-book-nav-toggle, [dir=3D"rtl"] .devsite-book-nav-tog= gle[aria-expanded] { --devsite-book-nav-toggle-icon: "chevron_right"; } [dir=3D"ltr"] .devsite-book-nav-toggle[aria-expanded], [dir=3D"rtl"] .devsi= te-book-nav-toggle { --devsite-book-nav-toggle-icon: "chevron_left"; } devsite-book-nav ~ .devsite-book-nav-blur { background-color: var(--devsite= -book-nav-background); bottom: 0px; height: 64px; mask-image: linear-gradie= nt(transparent, rgb(0, 0, 0) 28px); pointer-events: none; position: fixed; = width: calc(269px - var(--devsite-js-book-nav-scrollbar-width, 0px)); z-ind= ex: 1004; transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-= transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); transform: translate(0px); } [dir=3D"ltr"] devsite-book-nav ~ .devsite-book-nav-blur { left: 0px; } [dir=3D"rtl"] devsite-book-nav ~ .devsite-book-nav-blur { right: 0px; } [dir=3D"ltr"] devsite-book-nav ~ .devsite-book-nav-blur[collapsed] { left: = 0px; transform: translate(-281px,var(--devsite-js-book-nav-y-offset,0)); } [dir=3D"rtl"] devsite-book-nav ~ .devsite-book-nav-blur[collapsed] { right:= 0px; transform: translate(281px,var(--devsite-js-book-nav-y-offset,0)); } @media screen and (max-width: 840px) { devsite-book-nav { display: none; height: 100vh; z-index: 1013; max-heigh= t: 100vh !important; top: 0px !important; } body[ready] .devsite-book-nav-bg, body[ready] devsite-book-nav { transiti= on: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cub= ic-bezier(0.4, 0, 0.2, 1); } [dir=3D"ltr"] body[ready] devsite-book-nav { transform: translate(-281px)= ; } [dir=3D"rtl"] body[ready] devsite-book-nav { transform: translate(281px);= } .devsite-book-nav-blur { display: none; } body[ready] .devsite-book-nav-bg[fixed] { display: none; } body[ready] devsite-book-nav[fixed] { background: var(--devsite-book-nav-= background); box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-col= or),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color); display: b= lock !important; } 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: 10= 0%; position: relative; width: auto; z-index: 20; } #devsite-hamburger-menu { display: block; width: 40px; } [dir=3D"ltr"] #devsite-hamburger-menu { margin: 0px 0px 0px -4px; } [dir=3D"rtl"] #devsite-hamburger-menu { margin: 0px -4px 0px 0px; } devsite-book-nav #devsite-close-nav { color: var(--devsite-secondary-text= -color); flex-shrink: 0; } [dir=3D"ltr"] devsite-book-nav #devsite-close-nav { margin: 0px 0px 0px -= 12px; } [dir=3D"rtl"] devsite-book-nav #devsite-close-nav { margin: 0px -12px 0px= 0px; } devsite-book-nav .devsite-mobile-nav-top { display: block; } devsite-book-nav .devsite-book-nav-wrapper { display: flex; transition: t= ransform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-be= zier(0.4, 0, 0.2, 1); } [dir=3D"ltr"] devsite-book-nav .devsite-book-nav-wrapper { transform: tra= nslateX(-269px); } [dir=3D"rtl"] devsite-book-nav .devsite-book-nav-wrapper { transform: tra= nslateX(269px); } devsite-book-nav .devsite-nav-list { padding-bottom: 120px; } devsite-book-nav .devsite-nav-list > .devsite-nav-item:not(.devsite-nav-a= ccordion):not(.devsite-nav-divider):first-child { margin-top: 0px; } 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; flex-grow: 1; } devsite-book-nav[top-level-nav] .devsite-book-nav-wrapper { transform: tr= anslateX(0px); } devsite-book-nav:not([top-level-nav]) .devsite-mobile-nav-top, devsite-bo= ok-nav[top-level-nav] .devsite-mobile-nav-bottom { height: calc(-64px + 100= vh); overflow: hidden; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item { border-bottom: var(--devsite-primary-border); } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item > .devsite-nav-title { font-weight: 700; padding-bottom: 15px; padd= ing-top: 16px; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item > .devsite-nav-active { background: 0px center; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item > .devsite-nav-title:not(.devsite-nav-active) { color: var(--devsit= e-secondary-text-color); } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-na= v-title { border-radius: 0px; } devsite-book-nav .devsite-mobile-nav-top > .devsite-nav-list > .devsite-n= av-item:not(.devsite-nav-accordion):not(.devsite-nav-heading) > .devsite-na= v-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: 0px center; } devsite-book-nav .devsite-mobile-nav-bottom, devsite-book-nav .devsite-mo= bile-nav-top { flex-shrink: 0; width: 269px; } devsite-book-nav .devsite-mobile-header { -webkit-box-align: center; alig= n-items: center; display: flex; height: 49px; padding: 0px 16px; position: = sticky; top: 0px; z-index: 100; } devsite-book-nav .devsite-mobile-header .devsite-nav-active { font-weight= : 400; } devsite-book-nav .devsite-nav-responsive-tabs { margin-bottom: 12px; marg= in-top: -11px; } devsite-book-nav .devsite-lower-tab-item { margin: 0px; } devsite-book-nav .devsite-nav-responsive-tabs > .devsite-nav-item:last-ch= ild { margin-bottom: 8px; } devsite-book-nav ~ .devsite-book-nav-toggle { display: none; } devsite-book-nav .devsite-book-nav-filter { display: none; } } @media screen and (max-width: 600px) { #devsite-hamburger-menu, devsite-book-nav #devsite-close-nav { margin: 0p= x 4px 0px -12px; } } .devsite-expandable-nav { display: block; position: relative; } .devsite-expandable-nav > .devsite-nav-section { max-width: 100%; overflow-= y: hidden; transition: height 0.2s; width: 100%; will-change: height; } .devsite-expandable-nav:not([animatable]) > .devsite-nav-section { transiti= on: height 1ms; } .devsite-expandable-nav > .devsite-nav-section .devsite-nav-heading:not(.de= vsite-nav-divider):first-child { margin-top: 0px; } .devsite-expandable-nav:not(.expanded) > .devsite-nav-section { display: no= ne; } .devsite-expandable-nav:not(.expanded) > .devsite-nav-section { height: 0px= ; } .devsite-expandable-nav > .devsite-nav-title-no-path { cursor: pointer; out= line: 0px; } .devsite-expandable-nav > .devsite-nav-title { padding-inline-start: 24px; = } .devsite-expandable-nav .devsite-expandable-nav > .devsite-nav-title { padd= ing-inline-start: 40px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav > .= devsite-nav-title { padding-inline-start: 56px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav > .devsite-nav-title { padding-inline-start: 72px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav .devsite-expandable-nav > .devsite-nav-title { padding= -inline-start: 88px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav > .dev= site-nav-title { padding-inline-start: 104px; } .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .de= vsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsi= te-expandable-nav > .devsite-nav-title { padding-inline-start: 120px; } .devsite-expandable-nav > .devsite-nav-toggle { cursor: pointer; font-style= : normal; font-variant: normal; font-size-adjust: none; font-language-overr= ide: normal; font-kerning: auto; font-optical-sizing: auto; font-variation-= settings: normal; font-weight: normal; font-stretch: normal; font-size: 24p= x; line-height: 1; font-family: "Material Icons"; font-feature-settings: "l= iga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibili= ty; text-transform: none; overflow-wrap: normal; text-decoration: none; } .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expandable-nav > .= devsite-nav-toggle { font-size: 18px; position: absolute; top: var(--devsit= e-nav-toggle-y-start,2px); transform: rotate(0deg); transition: transform 0= .2s, -webkit-transform 0.2s; will-change: transform; } .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expandable-nav:not= ([animatable]) > .devsite-nav-toggle { transition: transform 1ms, -webkit-t= ransform 1ms; } [dir=3D"ltr"] .devsite-expandable-nav > .devsite-nav-toggle { left: 4px; } [dir=3D"rtl"] .devsite-expandable-nav > .devsite-nav-toggle { right: 4px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav > .devsite-na= v-toggle { left: 20px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav > .devsite-na= v-toggle { right: 20px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav > .devsite-nav-toggle { left: 36px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav > .devsite-nav-toggle { right: 36px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav > .devsite-nav-toggle { left: 52px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav > .devsite-nav-toggle { right: 52px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav > .devsite-nav-t= oggle { left: 68px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav > .devsite-nav-t= oggle { right: 68px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav > .devsite-nav-toggle { left: 84px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav > .devsite-nav-toggle { right: 84px; } [dir=3D"ltr"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav .devsite-expandable-nav > .devsite-nav-toggle { left: 100px; } [dir=3D"rtl"] .devsite-expandable-nav .devsite-expandable-nav .devsite-expa= ndable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expanda= ble-nav .devsite-expandable-nav > .devsite-nav-toggle { right: 100px; } .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expandable-nav:not= (.expanded) > .devsite-nav-toggle { transform: rotate(-90deg); } [dir=3D"rtl"] .devsite-nav-item:not(.devsite-nav-accordion) > .devsite-expa= ndable-nav:not(.expanded) > .devsite-nav-toggle { transform: rotate(90deg);= } .devsite-expandable-nav > .devsite-nav-toggle::before { content: "arrow_dro= p_down"; } .devsite-nav-accordion { border-bottom: var(--devsite-primary-border); bord= er-top: var(--devsite-primary-border); padding: 11px 0px; } .devsite-nav-accordion > .devsite-expandable-nav { -webkit-box-align: cente= r; align-items: center; display: flex; flex-wrap: wrap; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-title { -we= bkit-box-align: center; align-items: center; color: var(--devsite-secondary= -text-rgba); display: flex; -webkit-box-flex: 1; flex: 1 0 196px; font-weig= ht: 700; overflow: hidden; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-toggle { co= lor: var(--devsite-secondary-text-color); font-size: 24px; margin-block: 0p= x; margin-inline: 0px 8px; -webkit-box-ordinal-group: 2; order: 1; transfor= m: rotateX(0deg); transition: transform 0.5s, -webkit-transform 0.5s; } .devsite-nav-accordion > .devsite-expandable-nav:not([animatable]) > .devsi= te-nav-toggle { transition: transform 1ms, -webkit-transform 1ms; } .devsite-nav-accordion > .devsite-expandable-nav:not(.expanded) > .devsite-= nav-toggle { transform: rotateX(180deg); } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-toggle::bef= ore { content: "expand_less"; } .devsite-nav-accordion > .devsite-expandable-nav > .devsite-nav-section { -= webkit-box-ordinal-group: 3; order: 2; } devsite-book-nav .devsite-product-id-row { -webkit-box-align: center; align= -items: center; display: flex; -webkit-box-pack: justify; justify-content: = space-between; min-height: 60px; padding: var(--devsite-product-id-row-padd= ing,20px 24px 2px); } devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row { mi= n-height: 72px; padding: var(--devsite-product-id-row-padding,20px 24px); } devsite-book-nav .devsite-product-description-row { color: var(--devsite-he= ader-foreground-lower-description,var(--devsite-header-foreground-lower-hov= er,var(--devsite-inverted-text-color))); font: var(--devsite-header-lower-d= escription-font,400 20px/32px var(--devsite-primary-font-family)); } devsite-book-nav .devsite-product-description { font: 16px/24px var(--devsi= te-primary-font-family); margin-block: 0px; margin-inline: 0px 180px; } devsite-book-nav .devsite-breadcrumb-list + .devsite-product-description { = margin-block: 8px 0px; } devsite-book-nav .devsite-product-button-row { display: flex; margin-block:= 0px; margin-inline: 24px 0px; z-index: 1; } @media screen and (max-width: 840px) { devsite-book-nav .devsite-product-id-row { min-height: 72px; padding: var= (--devsite-product-id-row-padding,20px 24px); } devsite-book-nav .devsite-product-description { margin-inline: 0px; } } @media screen and (max-width: 600px) { devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row, d= evsite-book-nav .devsite-product-id-row { flex-wrap: wrap; padding: var(--d= evsite-product-id-row-padding,20px 16px); } devsite-book-nav .devsite-product-button-row { flex-basis: 100%; margin-b= lock: 16px 0px; margin-inline: 0px; } } devsite-book-nav .devsite-product-name-wrapper { -webkit-box-align: center;= align-items: center; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; h= eight: 36px; margin: 6px 0px; } devsite-book-nav .devsite-product-name-link, devsite-book-nav .devsite-site= -logo-link { -webkit-box-align: center; align-items: center; display: flex;= opacity: 1; transition: opacity 0.2s; } devsite-book-nav .devsite-product-name-link:focus, devsite-book-nav .devsit= e-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: var(--devsite-logo-height,32p= x); } devsite-book-nav .devsite-has-google-wordmark > .devsite-breadcrumb-link, d= evsite-book-nav .devsite-has-google-wordmark > .devsite-product-name { dire= ction: ltr; } devsite-book-nav .devsite-google-wordmark { height: 24px; margin: 0px 4px 0= px 0px; position: relative; top: 5px; } devsite-book-nav .devsite-google-wordmark-svg-path { transition: fill 0.2s;= } devsite-book-nav .devsite-site-logo-link canvas { height: auto !important; = } devsite-book-nav .devsite-site-logo-link picture { display: contents; } devsite-book-nav .devsite-product-logo-container { -webkit-box-align: cente= r; align-items: center; border-radius: 50%; color: var(--devsite-primary-co= lor,var(--devsite-primary-text-color)); display: flex; height: 36px; -webki= t-box-pack: center; justify-content: center; margin-inline: 0px 4px; width:= 36px; } devsite-book-nav .devsite-product-logo-container[background] { background: = var(--devsite-primary-color,var(--devsite-primary-text-color)); color: var(= --devsite-inverted-text-color); } devsite-book-nav .devsite-product-logo { color: inherit; font-size: 32px; h= eight: 32px; max-width: 32px; min-width: 32px; overflow: hidden; white-spac= e: nowrap; } devsite-book-nav .devsite-product-logo-container[background] .devsite-produ= ct-logo { font-size: 28px; height: 28px; max-width: 28px; min-width: 28px; = } devsite-book-nav .devsite-product-name { font: var(--devsite-wordmark-font,= 400 20px/32px var(--devsite-primary-font-family)); letter-spacing: 0px; mar= gin: 0px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; tran= sition: color 0.2s; white-space: nowrap; } devsite-book-nav .devsite-site-logo:not([src*=3D".svg"]) { height: auto; ma= x-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; fle= x: 0 1 auto; min-width: 0px; } devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item:n= ot(: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, de= vsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-list, devs= ite-book-nav .devsite-product-name-wrapper .devsite-product-name { width: 1= 00%; } devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link {= overflow: hidden; text-overflow: ellipsis; } } devsite-bookmark.show { display: inline-flex; -webkit-box-align: center; al= ign-items: center; background: var(--devsite-bookmark-background); border: = 0px; box-shadow: none; cursor: pointer; height: 36px; -webkit-box-pack: cen= ter; justify-content: center; margin: 0px; min-width: 66px; padding: 0px; v= ertical-align: middle; width: 66px; } devsite-bookmark.show.devsite-legacy-bookmark { border-radius: 18px; min-wi= dth: 36px; width: 36px; } devsite-bookmark.show.devsite-legacy-bookmark:focus, devsite-bookmark.show.= devsite-legacy-bookmark:hover { background: var(--devsite-bookmark-backgrou= nd-hover-legacy); } devsite-bookmark.show.devsite-page-bookmark, devsite-feature-tooltip.devsit= e-page-bookmark-tooltip { margin-inline: -74px 8px; } devsite-bookmark input.bookmark-checkbox { background: var(--devsite-bookma= rk-background); color: var(--devsite-bookmark-icon-color); margin: 0px; } devsite-bookmark devsite-dropdown-list { --devsite-button-box-shadow: none;= } devsite-bookmark devsite-dropdown-list .bookmark-icon { color: var(--devsit= e-bookmark-icon-color); transition: color 0.2s; } devsite-bookmark devsite-dropdown-list:where(:hover, :focus, :active) .book= mark-icon { color: var(--devsite-dropdown-list-toggle-color-hover); } devsite-bookmark devsite-dropdown-list .bookmark-icon.toggled { color: var(= --devsite-bookmark-icon-color-saved); } devsite-bookmark devsite-dropdown-list:where(:hover, :focus, :active) .book= mark-icon.toggled { color: var(--devsite-bookmark-icon-color-saved-hover); = } devsite-bookmark input.bookmark-checkbox::after { content: "bookmark_border= "; } devsite-bookmark input.bookmark-checkbox:checked::after { content: "bookmar= k"; } devsite-bookmark input.bookmark-checkbox:checked:focus::before, devsite-boo= kmark input.bookmark-checkbox:focus::before { background: var(--devsite-boo= kmark-background-focus-legacy); } devsite-bookmark input.bookmark-checkbox:checked, devsite-bookmark[saved] i= nput.bookmark-checkbox, devsite-bookmark[saved] input.bookmark-checkbox:che= cked { color: var(--devsite-bookmark-icon-color-saved); } .devsite-bookmark-dialog .create-profile-spinner { -webkit-box-align: cente= r; align-items: center; background: rgba(255, 255, 255, 0.8); inset: 0px; d= isplay: flex; -webkit-box-pack: center; justify-content: center; opacity: 0= ; pointer-events: none; position: absolute; transition: opacity 0.3s cubic-= bezier(0.4, 0, 0.2, 1); z-index: 10; } .devsite-bookmark-dialog.loading .create-profile-spinner { opacity: 1; } devsite-carousel > :where(ul, ol, [role=3D"list"]) { display: flex; gap: va= r(--devsite-carousel-item-gap); list-style: none; padding: 0px; } devsite-carousel:not(:defined) :where(ul, ol, [role=3D"list"]) { display: n= one; } devsite-carousel > :where(ul, ol, [role=3D"list"]) > :where(li, [role=3D"li= stitem"]) { -webkit-box-align: start; align-items: start; box-sizing: borde= r-box; -webkit-box-flex: var(--devsite-carousel-item-flex); flex: var(--dev= site-carousel-item-flex); margin: 0px; scroll-snap-align: start; } devsite-carousel[data-items-per-slide=3D"auto"] > :is(ul, ol, [role=3D"list= "]) > :is(li, [role=3D"listitem"]):last-child:empty { border: 0px; padding:= 0px; padding-block: 0px; padding-inline: 0px; visibility: hidden; width: v= ar(--devsite-carousel-ghost-item-width); } devsite-catalog { display: block; margin: 20px 0px; width: 100%; } devsite-catalog > * { display: none; } devsite-catalog > .catalog-container { -webkit-box-align: start; align-item= s: start; display: grid; gap: 30px; grid: var(--devsite-catalog-grid); } devsite-catalog .catalog-sidebar { grid-area: sidebar; } devsite-catalog .catalog-main { grid-area: main; } devsite-catalog .catalog-checkbox-controls-container, devsite-catalog .cata= log-checkbox-controls-group, devsite-catalog .catalog-main-filter-controls = { display: flex; } devsite-catalog .catalog-checkbox-controls-container, devsite-catalog .cata= log-checkbox-controls-group { -webkit-box-orient: vertical; -webkit-box-dir= ection: normal; flex-direction: column; } devsite-catalog .catalog-checkbox-controls-group, devsite-catalog .catalog-= checkbox-controls-subtitle, devsite-catalog .catalog-checkbox-controls-titl= e, devsite-catalog .catalog-checkbox-label, devsite-catalog .catalog-filter= -bar { text-align: var(--devsite-catalog-text-align,start); width: 100%; } devsite-catalog .catalog-checkbox-controls-container { border: var(--devsit= e-primary-border); border-radius: var(--devsite-card-border-radius); color:= var(--devsite-secondary-text-color); } devsite-catalog .catalog-filter-chips { display: flex; flex-wrap: wrap; gap= : var(--devsite-chips-gap); } devsite-catalog .catalog-checkbox-controls-filter-chips-container { display= : none; } devsite-catalog .catalog-main-filter-chips > :only-child { margin-bottom: 2= 4px; } devsite-catalog .catalog-main-filter-chips > div { display: flex; flex-wrap= : wrap; gap: 16px 8px; } devsite-catalog .catalog-main-filter-chips > div:empty { display: none; } devsite-catalog .catalog-filter-chip { -webkit-box-align: center; align-ite= ms: center; border-radius: 16px; display: inline-flex; height: 32px; } devsite-catalog .catalog-filter-chip::after { font-style: normal; font-vari= ant: normal; font-size-adjust: none; font-language-override: normal; font-k= erning: auto; font-optical-sizing: auto; font-variation-settings: normal; f= ont-weight: normal; font-stretch: normal; line-height: 1; font-family: "Mat= erial Icons"; font-feature-settings: "liga"; -webkit-font-smoothing: antial= iased; text-rendering: optimizelegibility; text-transform: none; overflow-w= rap: normal; -webkit-box-align: center; align-items: center; content: var(-= -devsite-button-icon-content); display: flex; font-size: 18px; height: 18px= ; -webkit-box-pack: center; justify-content: center; margin-inline-end: var= (--devsite-button-icon-margin-x-end); margin-inline-start: var(--devsite-bu= tton-icon-margin-x-start); width: 18px; } devsite-catalog .catalog-checkbox-controls-group { -webkit-box-align: start= ; align-items: flex-start; padding: 0px 20px 20px; } devsite-catalog .catalog-container .catalog-clear-group-checkboxes-button, = devsite-catalog .catalog-container .catalog-select-group-checkboxes-button = { margin-inline-start: -8px; } devsite-catalog .catalog-checkbox-controls-group > devsite-pagination { mar= gin: 0px; } devsite-catalog .catalog-checkbox-controls-group > devsite-pagination .butt= on { border: 0px; margin-inline-start: -10px; } devsite-catalog .catalog-checkbox-controls-buttons-container { display: non= e; } devsite-catalog .catalog-checkbox-controls-title { border-bottom: var(--dev= site-primary-border); color: var(--devsite-catalog-title-color); font: var(= --devsite-catalog-title-font,500 13px/20px var(--devsite-primary-font-famil= y)); letter-spacing: var(--devsite-catalog-title-letter-spacing,1.5px); mar= gin: var(--devsite-catalog-title-margin,0 0 20px); padding: var(--devsite-c= atalog-title-padding,15px 20px 11px); text-transform: var(--devsite-catalog= -title-text-transform,uppercase); } devsite-catalog .catalog-checkbox-controls-subtitle { color: var(--devsite-= primary-text-color); font: var(--devsite-catalog-subtitle-font,16px/24px va= r(--devsite-headline-font-family)); padding: var(--devsite-catalog-subtitle= -padding); } devsite-catalog .catalog-checkbox-container { margin: 6px 0px; } devsite-catalog .catalog-checkbox-label { color: var(--devsite-catalog-labe= l-color,--devsite-secondary-text-color); font: var(--devsite-catalog-label-= font,500 14px/20px var(--devsite-primary-font-family)); } devsite-catalog .catalog-main-filter-controls { -webkit-box-align: center; = align-items: center; flex-wrap: wrap; gap: 24px; -webkit-box-pack: start; j= ustify-content: flex-start; } devsite-catalog .catalog-filter-bar-container { -webkit-box-flex: 1; flex: = 1 1 0%; position: relative; width: 100%; } devsite-catalog .catalog-filter-bar-container::before { font-style: normal;= font-variant: normal; font-size-adjust: none; font-language-override: norm= al; font-kerning: auto; font-optical-sizing: auto; font-variation-settings:= normal; font-weight: normal; font-stretch: normal; font-size: 24px; line-h= eight: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -we= bkit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-= transform: none; overflow-wrap: normal; color: var(--devsite-catalog-filter= -bar-container-color); content: var(--devsite-catalog-filter-bar-container-= content); position: var(--devsite-catalog-filter-bar-container-position); t= op: var(--devsite-catalog-filter-bar-container-top); } [dir=3D"ltr"] devsite-catalog .catalog-filter-bar-container::before { left:= var(--devsite-catalog-filter-bar-container-x-start); } [dir=3D"rtl"] devsite-catalog .catalog-filter-bar-container::before { right= : var(--devsite-catalog-filter-bar-container-x-start); } devsite-catalog .catalog-filter-bar { margin: 0px 0px 24px; max-width: var(= --devsite-catalog-filter-bar-max-width,725px); min-width: 150px; } devsite-catalog .catalog-show-sidebar-button { display: var(--devsite-catal= og-sidebar-button-display); margin: var(--devsite-catalog-sidebar-button-ma= rgin,0); } devsite-catalog .catalog-filter-bar-container + .catalog-show-sidebar-butto= n { margin: 4px 0px auto; } devsite-catalog devsite-pagination { margin-top: 20px; } devsite-catalog devsite-dynamic-content .devsite-dynamic-content-no-results= { border: 0px; padding: 0px; width: auto; } devsite-catalog devsite-dynamic-content .devsite-dynamic-content-no-results= -image { width: 425px; } @media screen and (max-width: 1253px) { devsite-catalog .catalog-sidebar { border-radius: var(--devsite-catalog-s= idebar-border-radius); box-shadow: var(--devsite-card-box-shadow); height: = calc(100vh - var(--devsite-js-header-height, 0) - 4px); margin-block: calc(= var(--devsite-js-header-height, 0) + 4px) 0; margin-inline-end: 0px; positi= on: fixed; top: 0px; transition: width 0.2s; visibility: hidden; width: 0px= ; z-index: 1007; } [dir=3D"ltr"] devsite-catalog .catalog-sidebar { right: 0px; } [dir=3D"rtl"] devsite-catalog .catalog-sidebar { left: 0px; } devsite-catalog .catalog-sidebar[expanded] { max-width: 90%; visibility: = visible; width: 340px; } devsite-catalog .catalog-sidebar::before { background-color: rgba(0, 0, 0= , 0.4); inset: 0px; content: ""; margin: -200px; opacity: 0; pointer-events= : none; position: fixed; -webkit-tap-highlight-color: transparent; transiti= on: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s linear; visi= bility: hidden; z-index: -1; } devsite-catalog .catalog-sidebar[expanded]::before { content: ""; cursor:= pointer; opacity: 1; pointer-events: auto; transition: opacity 0.2s; visib= ility: visible; } devsite-catalog .catalog-checkbox-controls-title { margin-bottom: 10px; } devsite-catalog .catalog-checkbox-controls-buttons-container { border-top= : var(--devsite-primary-border); display: flex; -webkit-box-pack: end; just= ify-content: flex-end; margin-top: auto; padding: 16px 20px; } devsite-catalog .catalog-checkbox-controls-container { background: var(--= devsite-card-background,var(--devsite-background-1)); height: 100%; overflo= w-y: scroll; } devsite-catalog .catalog-checkbox-controls-filter-chips-container { displ= ay: block; margin-block: 0px 2px; margin-inline: 16px 12px; } devsite-catalog .catalog-main { width: 100%; } } cloudx-catalog-innovators .loading, devsite-catalog-body-badges .loading { = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: center; justify-content: center; padding: 36px 0px; } cloudx-catalog-innovators p, devsite-catalog-body-badges p { margin: 0px; } cloudx-catalog-innovators .no-results, devsite-catalog-body-badges .no-resu= lts { display: flex; -webkit-box-align: center; align-items: center; -webki= t-box-pack: center; justify-content: center; padding: 64px 0px; gap: 8px; o= pacity: 0.5; } cloudx-catalog-innovators .profile-cards-grid, devsite-catalog-body-badges = .profile-cards-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; ga= p: 22px; } cloudx-catalog-innovators .profile-cards-controls, devsite-catalog-body-bad= ges .profile-cards-controls { display: flex; -webkit-box-align: center; ali= gn-items: center; -webkit-box-pack: center; justify-content: center; gap: 8= px; margin-top: 20px; } @media screen and (max-width: 1253px) { cloudx-catalog-innovators .profile-cards-grid, devsite-catalog-body-badge= s .profile-cards-grid { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 600px) { cloudx-catalog-innovators .profile-cards-grid, devsite-catalog-body-badge= s .profile-cards-grid { grid-template-columns: 1fr; } } cloudx-catalog-innovators .transparent, devsite-catalog-body-badges .transp= arent { opacity: 0; user-select: none; } cloudx-catalog-innovators .profile-card, devsite-catalog-body-badges .profi= le-card { border-radius: 8px; border: var(--devsite-primary-border); paddin= g: 32px 16px; display: flex; -webkit-box-orient: vertical; -webkit-box-dire= ction: normal; flex-direction: column; -webkit-box-align: center; align-ite= ms: center; text-align: center; } cloudx-catalog-innovators .profile-card-image, cloudx-catalog-innovators .p= rofile-card-image-placeholder, devsite-catalog-body-badges .profile-card-im= age, devsite-catalog-body-badges .profile-card-image-placeholder { width: 1= 18px; height: 118px; min-width: 118px; min-height: 118px; border-radius: 11= 8px; } cloudx-catalog-innovators .profile-card-image-placeholder, devsite-catalog-= body-badges .profile-card-image-placeholder { background: var(--devsite-bac= kground-5); } cloudx-catalog-innovators .profile-card-name, devsite-catalog-body-badges .= profile-card-name { font-family: var(--devsite-headline-font-family); font-= size: 24px; line-height: 32px; color: var(--devsite-secondary-color); margi= n-top: 20px; } cloudx-catalog-innovators .profile-card-details, cloudx-catalog-innovators = .profile-card-location, devsite-catalog-body-badges .profile-card-details, = devsite-catalog-body-badges .profile-card-location { font-family: var(--dev= site-primary-font-family); font-size: 16px; line-height: 24px; } cloudx-catalog-innovators .profile-card-location, devsite-catalog-body-badg= es .profile-card-location { color: rgb(60, 64, 67); margin-top: 8px; } cloudx-catalog-innovators .profile-card-details, devsite-catalog-body-badge= s .profile-card-details { color: var(--devsite-secondary-color); margin-top= : 8px; -webkit-box-flex: 1; flex-grow: 1; } cloudx-catalog-innovators .profile-card-button, devsite-catalog-body-badges= .profile-card-button { margin-top: 20px; } devsite-checkbox:not([ready]) { background: 0px center; visibility: hidden;= } devsite-checkbox[ready] { visibility: visible; } devsite-code { border: var(--devsite-code-border,0); border-radius: var(--d= evsite-code-border-radius,0); clear: both; display: block; margin: var(--de= vsite-code-margin,16px 0); overflow: hidden; position: relative; direction:= ltr !important; } devsite-code .devsite-code-buttons-container { position: absolute; right: v= ar(--devsite-code-buttons-container-right,0); top: 0px; z-index: 1; } devsite-code .devsite-code-buttons-container button { -webkit-box-align: ce= nter; align-items: center; background: 0px center; border: 0px; border-radi= us: 0px; box-shadow: none; color: rgb(32, 33, 36); display: inline-flex; fo= nt-size: 18px; height: var(--devsite-code-button-size,24px); -webkit-box-pa= ck: center; justify-content: center; margin: 0px; min-width: auto; padding:= 0px; transition: color 0.2s; width: var(--devsite-code-button-size,24px); = } devsite-code .devsite-code-buttons-container button:focus, devsite-code .de= vsite-code-buttons-container button:hover { color: rgb(95, 99, 104); } devsite-code .devsite-code-buttons-container button.material-icons, devsite= -code .devsite-code-buttons-container button.material-icons:hover { cursor:= pointer; } devsite-code .devsite-code-buttons-container button { color: var(--devsite-= code-buttons-color); } devsite-code .devsite-code-buttons-container button:focus, devsite-code .de= vsite-code-buttons-container button:hover { color: var(--devsite-code-butto= ns-hover); } devsite-code .devsite-code-buttons-container .devsite-toggle-dark { display= : var(--devsite-code-buttons-toggle-dark-display); } devsite-code .devsite-code-buttons-container .devsite-toggle-light { displa= y: var(--devsite-code-buttons-toggle-light-display); } devsite-code pre { margin: 0px; padding-block: var(--devsite-code-padding-b= lock,24px); padding-inline: var(--devsite-code-padding-inline,24px); } devsite-code pre::-webkit-scrollbar-thumb { background: var(--devsite-scrol= lbar-thumb-background); } devsite-code pre .com, devsite-code pre .devsite-syntax-c, devsite-code pre= .devsite-syntax-c1, devsite-code pre .devsite-syntax-ch, devsite-code pre = .devsite-syntax-cm, devsite-code pre .devsite-syntax-cp, devsite-code pre .= devsite-syntax-cpf, devsite-code pre .devsite-syntax-cs { color: var(--devs= ite-code-comments-color); } devsite-code pre .dec, devsite-code pre .devsite-syntax-il, devsite-code pr= e .devsite-syntax-m, devsite-code pre .devsite-syntax-mb, devsite-code pre = .devsite-syntax-mf, devsite-code pre .devsite-syntax-mh, devsite-code pre .= devsite-syntax-mi, devsite-code pre .devsite-syntax-mo, devsite-code pre .l= it { color: var(--devsite-code-numbers-color); } devsite-code pre .devsite-syntax-k, devsite-code pre .devsite-syntax-kc, de= vsite-code pre .devsite-syntax-kd, devsite-code pre .devsite-syntax-kn, dev= site-code pre .devsite-syntax-kp, devsite-code pre .devsite-syntax-kr, devs= ite-code pre .devsite-syntax-kt, devsite-code pre .devsite-syntax-nt, devsi= te-code pre .devsite-syntax-ow, devsite-code pre .kwd, devsite-code pre .ta= g { color: var(--devsite-code-keywords-color); } devsite-code pre .atv, devsite-code pre .cpf, devsite-code pre .devsite-syn= tax-dl, devsite-code pre .devsite-syntax-s, devsite-code pre .devsite-synta= x-s1, devsite-code pre .devsite-syntax-s2, devsite-code pre .devsite-syntax= -sa, devsite-code pre .devsite-syntax-sb, devsite-code pre .devsite-syntax-= sc, devsite-code pre .devsite-syntax-sd, devsite-code pre .devsite-syntax-s= e, devsite-code pre .devsite-syntax-sh, devsite-code pre .devsite-syntax-si= , devsite-code pre .devsite-syntax-sr, devsite-code pre .devsite-syntax-ss,= devsite-code pre .devsite-syntax-sx, devsite-code pre .str { color: var(--= devsite-code-strings-color); } devsite-code pre .atn, devsite-code pre .devsite-syntax-bp, devsite-code pr= e .devsite-syntax-fm, devsite-code pre .devsite-syntax-gh, devsite-code pre= .devsite-syntax-go, devsite-code pre .devsite-syntax-gp, devsite-code pre = .devsite-syntax-gr, devsite-code pre .devsite-syntax-gt, devsite-code pre .= devsite-syntax-gu, devsite-code pre .devsite-syntax-na, devsite-code pre .d= evsite-syntax-nb, devsite-code pre .devsite-syntax-nc, devsite-code pre .de= vsite-syntax-nd, devsite-code pre .devsite-syntax-ne, devsite-code pre .dev= site-syntax-nf, devsite-code pre .devsite-syntax-ni, devsite-code pre .devs= ite-syntax-nl, devsite-code pre .devsite-syntax-nn, devsite-code pre .devsi= te-syntax-no, devsite-code pre .devsite-syntax-nv, devsite-code pre .devsit= e-syntax-vc, devsite-code pre .devsite-syntax-vg, devsite-code pre .devsite= -syntax-vi, devsite-code pre .devsite-syntax-vm, devsite-code pre .typ { co= lor: var(--devsite-code-types-color); } devsite-code .prettyprint :not(.devsite-github-link) > a:not(.devsite-githu= b-link), devsite-code a, devsite-code a :is(.atn, .atv, .com, .dec, .kwd, .= lit, .pln, .pun, .str, .tag, .typ), devsite-code a [class^=3D"devsite-synta= x-"] { -webkit-font-smoothing: auto; font-weight: 700; } devsite-code[dark-code] .prettyprint :not(.devsite-github-link) > a:not(.de= vsite-github-link), devsite-code[dark-code] a, devsite-code[dark-code] a :i= s(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .typ), devsit= e-code[dark-code] a [class^=3D"pygments=3D"] { color: rgb(102, 157, 246); } devsite-code .prettyprint a:focus, devsite-code .prettyprint a:hover, devsi= te-code a:focus :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .= tag, .typ), devsite-code a:focus [class^=3D"devsite-syntax-"], devsite-code= a:hover :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .t= yp), devsite-code a:hover [class^=3D"devsite-syntax-"] { text-decoration: u= nderline; } devsite-code .devsite-terminal::before { color: rgb(189, 193, 198); content= : "$"; padding-right: 8px; } devsite-code .devsite-terminal[data-terminal-prefix]::before { content: att= r(data-terminal-prefix); } devsite-code .devsite-github-link { -webkit-box-align: center; align-items:= center; display: flex; -webkit-box-pack: end; justify-content: flex-end; } devsite-code a.devsite-github-link:focus, devsite-code a.devsite-github-lin= k:hover { text-decoration: none; } devsite-code .devsite-github-link::after { background: no-repeat var(--devs= ite-github-link-icon); content: ""; display: block; height: 18px; margin-le= ft: 8px; width: 18px; } devsite-code[dark-code] .devsite-github-link > a { color: rgb(102, 157, 246= ); } devsite-code[highlight] .prettyprint > span { opacity: 0.54; } devsite-code devsite-selector pre { margin: 0px; } body[layout=3D"full"] devsite-code { overflow: visible; } body[layout=3D"full"] devsite-code::after { background: var(--devsite-code-= background); content: ""; display: block; height: 100%; left: calc(50% - 50= vw); position: absolute; top: 0px; width: 100vw; z-index: -1; } :is(aside, .beta, .caution, .deprecated, .dogfood, .experimental, .key-poin= t, .key-term, .note, .objective, .preview, .special, .success, .tip, .warni= ng) devsite-code pre { background: var(--devsite-code-background); } devsite-codelab-catalog .controls { -webkit-box-align: center; align-items:= center; -webkit-box-pack: justify; justify-content: space-between; } devsite-codelab-catalog .catalog-selector, devsite-codelab-catalog .categor= y-selector, devsite-codelab-catalog .sort-controls { -webkit-box-flex: 1; f= lex: 1 1 0%; } devsite-codelab-catalog .controls { display: flex; flex-wrap: wrap; } devsite-codelab-catalog .catalog-selector, devsite-codelab-catalog .categor= y-selector { display: flex; } devsite-codelab-catalog .catalog-selector { -webkit-box-pack: center; justi= fy-content: center; margin: 0px; width: auto; } devsite-codelab-catalog .category-selector { -webkit-box-pack: end; justify= -content: flex-end; } devsite-codelab-catalog[sortorder=3D"-timestamp"] .button[sortorder=3D"-tim= estamp"], devsite-codelab-catalog[sortorder=3D"displaytitle"] .button[sorto= rder=3D"displaytitle"], devsite-codelab-catalog[sortorder=3D"durationminute= s"] .button[sortorder=3D"durationminutes"] { border-bottom: 2px solid; bord= er-radius: 4px 4px 0px 0px; } @media screen and (max-width: 840px) { devsite-codelab-catalog .sort-controls { -webkit-box-flex: 0; flex: 0 1 a= uto; padding-bottom: 16px; width: 100%; } devsite-codelab-catalog .catalog-selector { -webkit-box-pack: start; just= ify-content: flex-start; } } @media screen and (max-width: 600px) { devsite-codelab-catalog .catalog-selector { padding-bottom: 16px; } devsite-codelab-catalog .category-selector { -webkit-box-pack: start; jus= tify-content: flex-start; } } devsite-content-footer { clear: both; color: var(--devsite-secondary-text-r= gba); display: block; font: 13px/20px var(--devsite-primary-font-family); } devsite-content-footer :link, devsite-content-footer :visited { color: var(= --devsite-contrast-link-color); } devsite-countdown { --devsite-countdown-box-height: 158px; --devsite-countd= own-box-margin: 0 12px; --devsite-countdown-box-width: 220px; --devsite-cou= ntdown-display: flex; --devsite-countdown-gap: unset; --devsite-countdown-g= rid: unset; --devsite-countdown-label-font: 500 32px "Google Sans"; --devsi= te-countdown-number-font: 700 64px/56px "Google Sans"; } @media screen and (max-width: 825px) { devsite-countdown { --devsite-countdown-box-height: 100px; --devsite-coun= tdown-box-margin: 0; --devsite-countdown-box-width: 100%; --devsite-countdo= wn-display: grid; --devsite-countdown-gap: 10px 18px; --devsite-countdown-g= rid: auto-flow/1fr 1fr; --devsite-countdown-label-font: 500 22px "Google Sa= ns"; --devsite-countdown-number-font: 700 44px/56px "Google Sans"; } } devsite-countdown { -webkit-box-align: center; align-items: center; display= : var(--devsite-countdown-display); gap: var(--devsite-countdown-gap); grid= : var(--devsite-countdown-grid); -webkit-box-pack: center; justify-content:= center; padding: 20px; } devsite-countdown .devsite-countdown-box { -webkit-box-align: center; align= -items: center; border: 1px solid rgb(218, 220, 224); border-radius: 8px; d= isplay: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; = flex-direction: column; height: var(--devsite-countdown-box-height); -webki= t-box-pack: center; justify-content: center; margin: var(--devsite-countdow= n-box-margin); width: var(--devsite-countdown-box-width); } devsite-countdown .devsite-countdown-number { font: var(--devsite-countdown= -number-font); } devsite-countdown .devsite-countdown-label { font: var(--devsite-countdown-= label-font); } devsite-credentials-dialog { border: 1px dashed rgb(244, 57, 160); cursor: = pointer; padding: 2px; } .devsite-credentials-dialog .devsite-credentials-dialog-credentials, .devsi= te-credentials-dialog .devsite-credentials-dialog-oauth-message, .devsite-c= redentials-dialog .devsite-credentials-dialog-projects { margin-top: 16px; = } .devsite-credentials-dialog devsite-spinner { margin: auto; } .devsite-credentials-dialog .devsite-credentials-dialog-selector { width: 1= 00%; } devsite-cse { display: block; } devsite-cse table { border-collapse: inherit; margin: 0px; } devsite-cse tr { background: var(--devsite-background-1); border: 0px; } devsite-cse td { padding: 0px; } devsite-cse .gsc-control-cse, devsite-cse .gsc-control-cse .gsc-table-resul= t { background: 0px center; border: 0px; font: 400 16px/24px var(--devsite-= primary-font-family); padding: 0px; } devsite-cse .gsc-above-wrapper-area { display: none; } devsite-cse .gsc-results { width: 100%; } devsite-cse .has-cse-filter .gsc-webResult.gsc-result:has(.gs-spelling) { d= isplay: none; } devsite-cse .gsc-results .gsc-imageResult, devsite-cse .gsc-webResult.gsc-r= esult, devsite-cse .gsc-webResult.gsc-result:hover { background: 0px center= ; } devsite-cse .gsc-results .gsc-cursor-box { margin: 8px 0px; } devsite-cse .gsc-table-result, devsite-cse .gsc-thumbnail-inside, devsite-c= se .gsc-url-top { padding-left: 0px; padding-right: 0px; } devsite-cse .gs-error-result .gs-snippet, devsite-cse .gs-no-results-result= .gs-snippet, devsite-cse .gs-webResult:not(.gs-no-results-result):not(.gs-= error-result) .gs-snippet { color: var(--devsite-primary-text-color); } devsite-cse .gs-error-result .gs-snippet, devsite-cse .gs-no-results-result= .gs-snippet { background: 0px center; border: 0px; margin: 0px; padding: 0= px; } devsite-cse .gcsc-find-more-on-google { margin: 0px; } devsite-cse .has-cse-filter .gcsc-find-more-on-google { display: none; } devsite-cse .gcsc-find-more-on-google, devsite-cse .gsc-control-cse .gs-ima= geResult 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:visi= ted, devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:visited b, dev= site-cse .gsc-control-cse .gs-result .gs-title, devsite-cse .gsc-control-cs= e .gs-result .gs-title *, devsite-cse .gsc-control-cse .gs-webResult.gs-res= ult 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-t= itle:visited b { color: var(--devsite-link-color); font: 500 16px/24px var(= --devsite-primary-font-family); height: auto; text-decoration: none; } devsite-cse .gcsc-find-more-on-google-magnifier { fill: var(--devsite-link-= color); } devsite-cse .gsc-results .gsc-cursor-box .gsc-cursor-page { background: 0px= center; border-color: transparent; color: var(--devsite-link-color); } 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 di= v.gs-visibleUrl { color: var(--devsite-search-results-breadcrumb-color); fo= nt-size: 14px; } devsite-cse .gcsc-branding { display: none; } devsite-device { display: block; margin: 16px 0px; } devsite-device > .devsite-device-options { display: flex; gap: 12px; margin= : 0px 0px 24px; } devsite-device .devsite-device-input { display: flex; margin: 0px 0px 24px;= } devsite-device .devsite-device-input > input { -webkit-box-flex: 1; flex: 1= 1 0%; margin-inline: 0px 16px; } devsite-device [type=3D"radio"], devsite-device [type=3D"radio"]::after, de= vsite-device [type=3D"radio"]::before { display: none; } devsite-device [type=3D"radio"] + label { border: var(--devsite-primary-bor= der); box-shadow: none; font: 500 14px/36px var(--devsite-headline-font-fam= ily); -webkit-box-align: center; align-items: center; border-radius: 16px; = color: var(--devsite-link-color); display: flex; height: 32px; padding: 0px= 16px; transition: background 0.2s, border 0.2s, box-shadow 0.2s, color 0.2= s; } devsite-device [type=3D"radio"] + label:focus, devsite-device [type=3D"radi= o"] + label:hover { background: var(--devsite-link-background-active); } devsite-device [type=3D"radio"]:checked + label { background: var(--devsite= -link-color); border-color: var(--devsite-link-color); color: var(--devsite= -inverted-text-color); } devsite-device > .devsite-device { overflow: hidden; position: relative; } devsite-device[device=3D"desktop"] > .devsite-device { max-width: 100%; pad= ding-bottom: 62.5%; } devsite-device[device=3D"tablet"] > .devsite-device { max-width: 60%; paddi= ng-bottom: 80%; } devsite-device[device=3D"mobile"] > .devsite-device { max-width: 32.1094%; = padding-bottom: 57.1094%; } devsite-device iframe { background: var(--devsite-background-1); border: so= lid var(--devsite-device-border-color); height: 166.667%; position: absolut= e; transform: scale(0.6); width: 166.667%; } [dir=3D"ltr"] devsite-device iframe { transform-origin: 0px 0px; } [dir=3D"rtl"] devsite-device iframe { transform-origin: 100% 0px; } devsite-device[device=3D"desktop"] iframe { border-radius: 16px; border-wid= th: 32px 16px; } devsite-device[device=3D"tablet"] iframe { border-radius: 24px; border-widt= h: 60px 16px; } devsite-device[device=3D"mobile"] iframe { border-radius: 36px; border-widt= h: 60px 12px; } devsite-dropdown-list:not([ready]) { background: 0px center; visibility: hi= dden; position: relative; z-index: 2; } devsite-dropdown-list[ready] { visibility: visible; } devsite-dynamic-content { display: block; margin: var(--devsite-dynamic-con= tent-margin,20px 0); width: 100%; } .devsite-dynamic-content-display-tag-container { list-style: none; padding:= 12px 0px; } .devsite-dynamic-content-display-tag-container:empty { display: none; } devsite-dynamic-content .devsite-card-progress { background: var(--devsite-= progress-background); height: 2px; margin: 0px -16px; overflow: hidden; wid= th: auto; } devsite-dynamic-content .devsite-card-progress-bar { background: var(--devs= ite-progress-bar-color); height: 2px; transform: translateX(-101%); transit= ion: transform 0.213s cubic-bezier(0, 0, 0.2, 1), background 0.213s cubic-b= ezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1); } devsite-dynamic-content .devsite-card-progress-info { font: 13px/20px var(-= -devsite-primary-font-family); margin-top: 2px; opacity: 0; transform: tran= slateY(12px); transition: transform 0.213s cubic-bezier(0.4, 0, 1, 1), opac= ity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-bezie= r(0.4, 0, 1, 1); } devsite-dynamic-content .devsite-card-progress-info.show { opacity: 1; tran= sform: translateY(0px); 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 c= ubic-bezier(0, 0, 0.2, 1); } devsite-dynamic-content .devsite-card-progress-info:empty::before { content= : "=C2=A0"; } .devsite-dynamic-content-display-tag { background: var(--devsite-background= -3); border-radius: var(--devsite-display-tag-border-radius); color: var(--= devsite-display-tag-color,var(--devsite-secondary-text-color)); display: in= line-block; font: var(--devsite-display-tag-font,500 14px/20px var(--devsit= e-primary-font-family)); margin-block: 0px 12px; margin-inline: 0px 4px; pa= dding: var(--devsite-display-tag-padding,1px 8px); } devsite-dynamic-content .devsite-dynamic-content-no-results { -webkit-box-a= lign: center; align-items: center; background: var(--devsite-background-1);= border: var(--devsite-secondary-border); border-radius: var(--devsite-card= -border-radius); display: inline-flex; flex-wrap: wrap; gap: 32px; -webkit-= box-pack: justify; justify-content: space-between; max-width: 100%; padding= : 25px 55px; width: 100%; } devsite-dynamic-content .devsite-dynamic-content-no-results-image { display= : var(--devsite-dynamic-content-no-results-image-display,block); max-width:= 100%; width: 250px; } devsite-dynamic-content devsite-pagination { margin-top: 20px; } devsite-dynamic-hero { display: none; } devsite-dynamic-hero img { object-fit: contain; padding: 50px; } devsite-dynamic-hero .scale-down img { max-height: 180px; object-fit: scale= -down; padding: 0px; } devsite-dynamic-hero a:focus { text-decoration: none; } devsite-dynamic-hero .devsite-landing-row-item-description-content { -webki= t-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; max-wi= dth: 90%; overflow: hidden; text-overflow: ellipsis; } devsite-dynamic-hero .devsite-landing-row-item-image .material-icons { -web= kit-box-align: center; align-items: center; display: flex; font-size: 190px= ; -webkit-box-pack: center; justify-content: center; padding: 55px; } .dgc-hero.fade-in { animation: 1s ease 0s 1 normal none running dynamic-her= o-fade-in; background: url("/web/20230131013155im_/https://www.gstatic.com/= devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27= dbcd2bcca1/developers/images/dynamic-hero-background.svg") 100% center / co= ntain no-repeat; display: flex; -webkit-box-orient: vertical; -webkit-box-d= irection: normal; flex-direction: column; -webkit-box-pack: center; justify= -content: center; } [appearance=3D"dark"] .dgc-hero.fade-in { background-image: url("/web/20230= 131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f2= 7e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic-h= ero-background-dark.svg"); } .dgc-hero.fade-in devsite-dynamic-hero { display: block; } .dgc-hero.fade-out { animation: 0.5s ease 0s 1 normal forwards running dyna= mic-hero-fade-out; } .dgc-dynamic-hero { display: none; } @media screen and (max-width: 840px) { .dgc-hero.fade-in { background-image: url("/web/20230131013155im_/https:/= /www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5= cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic-hero-background-cropp= ed.svg"); } [appearance=3D"dark"] .dgc-hero.fade-in { background-image: url("/web/202= 30131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3= f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/dynamic= -hero-background-dark-cropped.svg"); } devsite-dynamic-hero .devsite-landing-row-item-image .material-icons, dev= site-dynamic-hero img { padding: 0px 30px 0px 0px; } devsite-dynamic-hero .devsite-landing-row-item-description-content { -web= kit-line-clamp: 3; max-width: 100%; } } @media screen and (max-width: 600px) { .dgc-hero.fade-in { background: unset; } [appearance=3D"dark"] .dgc-hero.fade-in { background: unset; } devsite-dynamic-hero .devsite-landing-row-item-image .material-icons, dev= site-dynamic-hero img { padding: 0px; } } @-webkit-keyframes dynamic-hero-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes dynamic-hero-fade-in {=20 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes dynamic-hero-fade-out {=20 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes dynamic-hero-fade-out {=20 0% { opacity: 1; } 100% { opacity: 0; } } devsite-edit-profile { display: grid; grid: auto / calc(50% - 12px) calc(50= % - 12px); margin-block: 0px 18px; margin-inline: 24px; gap: 20px; } devsite-edit-profile .waiting-container { margin: auto; } devsite-edit-profile .devsite-edit-profile-error-incorrect, devsite-edit-pr= ofile .devsite-edit-profile-error-missing { display: none; color: rgb(229, = 57, 53); font-size: 12px; margin: 2px 0px 0px 14px; } devsite-edit-profile .devsite-edit-profile-textarea { grid-column: 1 / 3; m= in-height: 110px; } devsite-edit-profile .devsite-edit-profile-input { display: block; position= : relative; min-height: 86px; } devsite-edit-profile .devsite-edit-profile-input[incorrect] .devsite-edit-p= rofile-error-incorrect, devsite-edit-profile .devsite-edit-profile-input[mi= ssing] .devsite-edit-profile-error-missing { display: inline-block; } devsite-edit-profile .devsite-edit-profile-input-length, devsite-edit-profi= le .devsite-edit-profile-private-chip { color: var(--devsite-secondary-text= -color); font-size: 12px; font-weight: 500; margin: 2px 0px 0px 14px; displ= ay: inline-block; } devsite-edit-profile .devsite-edit-profile-input-length .material-symbols-o= utlined, devsite-edit-profile .devsite-edit-profile-private-chip .material-= symbols-outlined { font-size: 12px; font-variation-settings: "FILL" 0, "wgh= t" 400, "GRAD" 0, "opsz" 48; top: 2px; position: relative; } devsite-edit-profile.devsite-edit-profile-small { grid: auto / auto; } devsite-edit-profile.devsite-edit-profile-small .devsite-edit-profile-texta= rea { grid-column: unset; } 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 0px 20px; pa= dding-bottom: 7px; } devsite-expandable .exw-control > h3.showalways { margin: 34px 0px 20px; } devsite-expandable .exw-control > h4.showalways { margin: 36px 0px 20px; } devsite-expandable .expand-control:not(button):not(.button) { color: var(--= devsite-link-color); cursor: pointer; } devsite-expandable a.exw-control:active, devsite-expandable a.exw-control:f= ocus, devsite-expandable a.exw-control:hover { color: var(--devsite-link-co= lor); cursor: pointer; outline: 0px; text-decoration: none; } devsite-expandable a.exw-control > .showalways::before { -webkit-box-align:= center; align-items: center; color: var(--devsite-secondary-text-color); c= ontent: "add_circle"; display: inline-flex; font-style: normal; font-varian= t: normal; font-size-adjust: none; font-language-override: normal; font-ker= ning: auto; font-optical-sizing: auto; font-variation-settings: normal; fon= t-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1; fo= nt-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font-sm= oothing: antialiased; text-rendering: optimizelegibility; text-transform: n= one; overflow-wrap: normal; height: 20px; -webkit-box-pack: center; justify= -content: center; margin-inline-end: 12px; transform: translate3d(0px, -1px= , 0px); user-select: none; vertical-align: middle; width: 20px; } devsite-expandable.arrow-icon a.exw-control > .showalways::before { content= : "chevron_right"; } [dir=3D"rtl"] devsite-expandable.arrow-icon a.exw-control > .showalways::be= fore { content: "chevron_left"; } devsite-expandable .exw-control > h2.showalways::before { transform: transl= ate3d(0px, -2px, 0px); } devsite-expandable[expanded] > a.exw-control > .showalways::before { conten= t: "remove_circle"; } devsite-expandable.arrow-icon[expanded] > a.exw-control > .showalways::befo= re { content: "keyboard_arrow_down"; } devsite-expandable a.exw-control:focus > .showalways::before, devsite-expan= dable a.exw-control:hover > .showalways::before { color: var(--devsite-link= -color); } devsite-content devsite-expandable devsite-expandable { margin-left: 40px; = } devsite-extradory { display: flex; -webkit-box-pack: center; justify-conten= t: center; -webkit-box-align: center; align-items: center; } devsite-extradory .devsite-extra-dory-iframe { width: 100%; height: 100%; d= isplay: flex; -webkit-box-align: center; align-items: center; -webkit-box-p= ack: center; justify-content: center; } devsite-extradory .devsite-extra-dory-iframe iframe { width: 100%; height: = 100%; border: 0px; } devsite-extradory h2 { font-size: 24px; color: rgb(66, 66, 66); text-align:= center; line-height: 32px; margin: 0px; align-self: center; } devsite-extradory .devsite-extradory-create-profile { align-self: center; } devsite-extradory .devsite-extradory-step1, devsite-extradory .devsite-extr= adory-step2, devsite-extradory .devsite-extradory-wrapper { display: flex; = -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction= : column; -webkit-box-align: start; align-items: start; width: 100%; paddin= g: 20px; } devsite-extradory .devsite-extradory-create-profile { margin-top: 26px; } devsite-extradory p { font-size: 16px; color: rgb(66, 66, 66); line-height:= 24px; } devsite-extradory .devsite-extradory-cta label, devsite-extradory .devsite-= extradory-cta p { font-size: 14px; color: rgb(66, 66, 66); line-height: 29p= x; margin: 0px; } devsite-extradory .devsite-extradory-buttons, devsite-extradory .devsite-ex= tradory-join-group, devsite-extradory .devsite-extradory-try-again-buttons = { margin-top: 36px; } devsite-extradory .devsite-extradory-spinner { padding: 64px; display: flex= ; -webkit-box-align: center; align-items: center; -webkit-box-pack: center;= justify-content: center; width: 100%; } devsite-extradory .devsite-extradory-try-again-buttons { display: flex; -we= bkit-box-align: center; align-items: center; -webkit-box-pack: center; just= ify-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 .devsi= te-extradory-sign-in, devsite-extradory .devsite-extradory-try-again { alig= n-self: center; } .devsite-fast-track-creator-dialog { padding: 24px; } devsite-fast-track-profile-creator label { font-size: 16px; } devsite-fast-track-profile-creator h4 { margin: 0px 0px 10px; } devsite-fast-track-profile-creator .sub-text { color: var(--devsite-seconda= ry-text-color); font: 400 12px/16px var(--devsite-primary-font-family); let= ter-spacing: 0.3px; padding-inline-start: 16px; margin: 5px 0px 20px; } devsite-fast-track-profile-creator .tos { margin: 12px 0px 24px; } devsite-fast-track-profile-creator devsite-spinner { margin-right: 8px; } devsite-fast-track-profile-creator .devsite-devprofile-callout-buttons { di= splay: flex; -webkit-box-pack: end; justify-content: end; } devsite-feature-tooltip:not([ready]) > [slot] { display: none; } devsite-feature-tooltip { display: block; } devsite-feature-tooltip [slot].step { display: none; } devsite-feature-tooltip [slot].step.current { display: block; } devsite-dialog.devsite-feedback .devsite-dialog-contents { display: flex; -= webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction:= column; padding: 0px; } devsite-dialog.devsite-feedback h3 { margin: 0px 0px 20px; padding: 16px 16= px 0px; } devsite-dialog.devsite-feedback .devsite-feedback-items { display: flex; pa= dding: 0px 6px; } devsite-dialog.devsite-feedback .devsite-feedback-item { -webkit-box-align:= center; align-items: center; color: var(--devsite-secondary-text-color); d= isplay: flex; -webkit-box-flex: 1; flex: 1 0 0px; -webkit-box-orient: verti= cal; -webkit-box-direction: normal; flex-direction: column; text-decoration= : none; } devsite-dialog.devsite-feedback .devsite-feedback-item-type { color: var(--= devsite-link-color); } devsite-dialog.devsite-feedback .devsite-feedback-item:focus > .devsite-fee= dback-item-type { text-decoration: underline; } devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container { -we= bkit-box-align: center; align-items: center; display: flex; height: 48px; -= webkit-box-pack: center; justify-content: center; margin: 8px 0px; width: 4= 8px; } devsite-dialog.devsite-feedback .devsite-feedback-item-icon-color { backgro= und-color: var(--devsite-feedback-icon-background,var(--devsite-primary-col= or,var(--devsite-primary-text-color))); border-radius: 50%; color: var(--de= vsite-inverted-text-color); } devsite-dialog.devsite-feedback .devsite-feedback-item-icon { font-size: 32= px; } devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container img {= max-width: 100%; } devsite-dialog.devsite-feedback .devsite-feedback-notice, devsite-dialog.de= vsite-feedback .devsite-feedback-support { padding: 16px 16px 0px; text-ali= gn: 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 { ver= tical-align: middle; } devsite-dialog.devsite-feedback .devsite-feedback-buttons { display: flex; = -webkit-box-pack: end; justify-content: flex-end; padding: var(--devsite-fe= edback-buttons-padding,16px 0 0); } devsite-filter { display: block; } .devsite-filter-input, devsite-filter input[type=3D"text"] { --devsite-inpu= t-width: 100%; } devsite-filter > .devsite-table-wrapper:first-child > table { margin-top: 0= px; } devsite-filter [results-count-container] { color: var(--devsite-filter-resu= lts-count-color); font-family: var(--devsite-filter-results-count-font-fami= ly); margin: var(--devsite-filter-results-count-margin,16px 0); } devsite-filter[sortable] th:hover { cursor: pointer; } devsite-filter th[sort-ascending], devsite-filter th[sort-descending] { use= r-select: none; } devsite-filter th[sort-ascending]::after, devsite-filter th[sort-descending= ]::after { content: "arrow_drop_down"; display: inline-block; font-style: n= ormal; font-variant: normal; font-size-adjust: none; font-language-override= : normal; font-kerning: auto; font-optical-sizing: auto; font-variation-set= tings: normal; font-weight: normal; font-stretch: normal; font-size: 24px; = line-height: 1; font-family: "Material Icons"; font-feature-settings: "liga= "; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;= text-transform: none; overflow-wrap: normal; margin: -2px 0px 0px; positio= n: absolute; transform: rotate(0deg); transition: transform 0.2s, -webkit-t= ransform 0.2s; vertical-align: middle; } devsite-filter th[sort-descending]::after { transform: rotate(-180deg); } devsite-filter[hide-if-empty][empty] { display: none; } devsite-filter[highlight] mark { background-color: rgb(255, 225, 104); } devsite-filter[highlight] mark::after, devsite-filter[highlight] mark::befo= re { clip-path: inset(100%); clip: rect(1px, 1px, 1px, 1px); height: 1px; o= verflow: 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-filter .devsite-filter-input-container { display: flex; -webkit-box= -flex: 1; flex-grow: 1; position: relative; } devsite-filter .devsite-filter-clear-button { -webkit-box-align: center; al= ign-items: center; color: var(--devsite-searchbox-placeholder,var(--devsite= -secondary-text-color)); cursor: pointer; display: flex; font: 14px / 1 "Ma= terial Icons"; height: var(--devsite-input-height,36px); inset-inline: auto= 0px; -webkit-box-pack: center; justify-content: center; outline: 0px; posi= tion: absolute; width: var(--devsite-input-height,36px); } devsite-filter .devsite-filter-clear-button::before { content: "close"; } devsite-filter .devsite-filter-clear-button:focus::before, devsite-filter .= devsite-filter-clear-button:hover::before { background: var(--devsite-backg= round-5); border-radius: 50%; padding: 4px; } devsite-footer-linkboxes { background: var(--devsite-footer-background,var(= --devsite-background-1)); color: var(--devsite-footer-color); display: bloc= k; font: var(--devsite-footer-linkboxes-font,400 14px/16px var(--devsite-pr= imary-font-family)); padding: var(--devsite-footer-linkboxes-padding); } devsite-footer-linkboxes .devsite-footer-linkboxes-list { border-bottom: va= r(--devsite-primary-border); display: grid; gap: 24px; grid-template-column= s: var(--devsite-footer-linkboxes-grid-template-columns); list-style: none;= padding: 24px 0px; } devsite-footer-linkboxes .devsite-footer-linkbox { margin: 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-heading { font: var(--devs= ite-footer-heading-font,500 14px/16px var(--devsite-primary-font-family)); = margin: var(--devsite-footer-heading-margin,0 0 8px); text-transform: var(-= -devsite-footer-heading-text-transform); } devsite-footer-linkboxes .devsite-footer-linkbox-list .devsite-footer-linkb= ox-heading { margin: var(--devsite-footer-list-heading-margin,40px 0 0); } devsite-footer-linkboxes .devsite-footer-linkbox-list { list-style-type: no= ne; padding: 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-item { margin: 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-link { color: var(--devsit= e-footer-link-color,var(--devsite-primary-text-color)); display: inline-blo= ck; padding: 8px 0px; } devsite-footer-linkboxes .devsite-footer-linkbox-link:focus, devsite-footer= -linkboxes .devsite-footer-linkbox-link:hover { color: var(--devsite-footer= -link-hover,var(--devsite-link-color)); font-weight: var(--devsite-footer-l= ink-font-weight-hover); text-decoration: none; } devsite-footer-linkboxes .devsite-footer-linkbox-description { color: var(-= -devsite-secondary-text-color); font: var(--devsite-footer-description-font= ,14px/20px var(--devsite-primary-font-family)); margin: 0px 0px 16px; } devsite-footer-linkboxes .devsite-footer-linkbox-icon { margin-block: 0px 4= px; } devsite-footer-promos { background: var(--devsite-footer-background,var(--d= evsite-background-1)); border-top: var(--devsite-footer-border,var(--devsit= e-primary-border)); color: var(--devsite-footer-color); display: block; fon= t: 14px/20px var(--devsite-primary-font-family); padding: 0px 24px; } devsite-footer-promos .devsite-footer-promos-list { border-bottom: var(--de= vsite-primary-border); display: flex; gap: 0px 24px; list-style: none; just= ify-content: space-around; padding: 18px 0px; } devsite-footer-promos .devsite-footer-promo { -webkit-box-flex: 0; flex: 0 = 1 192px; margin: 20px 0px; text-align: center; } devsite-footer-promos .devsite-footer-promo-icon { color: var(--devsite-tex= t-color,var(--devsite-primary-text-rgba)); display: block; font-size: 48px;= height: 48px; margin-block: 0px 8px; margin-inline: auto; width: 48px; } devsite-footer-promos .devsite-footer-promo-title { color: var(--devsite-fo= oter-heading-color,var(--devsite-primary-text-rgba)); display: block; font-= style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeri= c: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-pos= ition: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; = font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; f= ont-feature-settings: ; font-variation-settings: ; font-language-override: = ; font-weight: var(--devsite-footer-heading-font-weight,500); } devsite-footer-promos .devsite-footer-promo-title:focus, devsite-footer-pro= mos .devsite-footer-promo-title:hover { color: var(--devsite-footer-link-ho= ver,var(--devsite-link-color)); font-weight: var(--devsite-footer-link-font= -weight-hover); text-decoration: none; } @media screen and (max-width: 1253px) { .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promos-list { flex-wrap: wrap; gap: unset; -webkit-box-pack: start; just= ify-content: flex-start; } .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promo { -webkit-box-flex: 0; flex: 0 0 50%; padding-block: 0px; padding-= inline: 20px; } } @media screen and (max-width: 840px) { .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promos-list, devsite-footer-promos .devsite-footer-promos-list { flex-wr= ap: wrap; -webkit-box-pack: start; justify-content: flex-start; padding: 12= px 0px; } .devsite-main-content[has-book-nav] ~ devsite-footer-promos .devsite-foot= er-promo, devsite-footer-promos .devsite-footer-promo { -webkit-box-flex: 0= ; flex: 0 0 50%; margin: 0px; padding-block: 8px; padding-inline: 0px; text= -align: start; } devsite-footer-promos .devsite-footer-promo-icon { height: 32px; margin-b= lock: 0px; margin-inline: 0px 8px; width: 32px; } devsite-footer-promos .devsite-footer-promo-title { -webkit-box-align: ce= nter; align-items: center; display: flex; font-weight: 400; } devsite-footer-promos .devsite-footer-promo-description { display: none; = } } @media screen and (max-width: 600px) { devsite-footer-promos { padding: 0px 16px; } devsite-footer-promos .devsite-footer-promos-list { display: block; } } devsite-footer-utility { background: var(--devsite-footer-background,var(--= devsite-background-1)); color: var(--devsite-footer-color); display: block;= font: 400 14px/16px var(--devsite-primary-font-family); padding: 0px 24px;= } devsite-footer-utility .devsite-footer-sites-list, devsite-footer-utility .= devsite-footer-sites-logo-link, devsite-footer-utility .devsite-footer-util= ity-button, devsite-footer-utility .devsite-footer-utility-item, devsite-fo= oter-utility .devsite-footer-utility-list, devsite-footer-utility nav { dis= play: flex; } devsite-footer-utility .devsite-footer-utility-button, devsite-footer-utili= ty .devsite-footer-utility-list, devsite-footer-utility nav { -webkit-box-a= lign: center; align-items: center; } devsite-footer-utility nav { gap: 16px; padding: 24px 0px; } devsite-footer-utility .devsite-footer-sites, devsite-footer-utility .devsi= te-footer-sites-list { gap: 0px 40px; } devsite-footer-utility .devsite-footer-sites { border-block-end: var(--devs= ite-primary-border); padding: 24px 0px 23px; } devsite-footer-utility .devsite-footer-sites-list, devsite-footer-utility .= devsite-footer-utility-list { list-style: none; padding: 0px; } devsite-footer-utility .devsite-footer-sites-item, devsite-footer-utility .= devsite-footer-utility-item { margin: 0px; } devsite-footer-utility .devsite-footer-sites-link { color: var(--devsite-pr= imary-text-color); display: block; padding: 8px 0px; } devsite-footer-utility .devsite-footer-sites-link:focus, devsite-footer-uti= lity .devsite-footer-sites-link:hover { color: var(--devsite-link-color); t= ext-decoration: none; } devsite-footer-utility .devsite-footer-sites-logo { height: 32px; margin-to= p: -4px; width: 185px; } devsite-footer-utility .devsite-footer-utility-links, devsite-footer-utilit= y .devsite-footer-utility-list { flex-wrap: wrap; } devsite-footer-utility .devsite-footer-utility-list { gap: 16px 8px; -webki= t-box-flex: var(--devsite-footer-utility-list-flex,1); flex: var(--devsite-= footer-utility-list-flex,1); min-height: 36px; } devsite-footer-utility .devsite-footer-utility-link { color: var(--devsite-= footer-link-color,var(--devsite-primary-text-color)); } devsite-footer-utility .devsite-footer-utility-link:focus, devsite-footer-u= tility .devsite-footer-utility-link:hover { color: var(--devsite-footer-lin= k-hover,var(--devsite-link-color)); } devsite-footer-utility a:focus, devsite-footer-utility a:hover { font-weigh= t: var(--devsite-footer-link-font-weight-hover); } devsite-footer-utility .devsite-footer-utility-item { -webkit-box-flex: 0; = flex: 0 0 auto; } devsite-footer-utility .devsite-footer-utility-item-centered { margin: 0px = auto; } devsite-footer-utility .devsite-footer-utility-button { gap: 0px 16px; line= -height: 20px; margin-inline: auto 0px; } devsite-footer-utility .devsite-footer-utility-button > a:focus { text-deco= ration: none; } devsite-footer-utility .devsite-footer-utility-item::before { content: "|";= margin-inline-end: 8px; } devsite-footer-utility .devsite-footer-utility-button::before, devsite-foot= er-utility .devsite-footer-utility-item-centered::before, devsite-footer-ut= ility .devsite-footer-utility-item-no-marker::before, devsite-footer-utilit= y .devsite-footer-utility-item:first-child::before { content: ""; margin-in= line-end: 0px; } devsite-footer-utility devsite-language-selector { align-self: flex-end; ma= rgin: var(--devsite-language-selector-margin,0); } @media screen and (max-width: 1253px) { [has-book-nav] ~ devsite-footer-utility .devsite-footer-sites, [has-book-= nav] ~ devsite-footer-utility .devsite-footer-sites-list { -webkit-box-alig= n: start; align-items: start; -webkit-box-orient: vertical; -webkit-box-dir= ection: normal; flex-direction: column; } [has-book-nav] ~ devsite-footer-utility .devsite-footer-sites { gap: 16px= 0px; } } @media screen and (max-width: 840px) { devsite-footer-utility .devsite-footer-sites, devsite-footer-utility .dev= site-footer-sites-list { -webkit-box-align: start; align-items: start; -web= kit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: co= lumn; } devsite-footer-utility .devsite-footer-sites { gap: 16px 0px; } devsite-footer-utility .devsite-footer-utility-list { flex: 1 1 100%; } devsite-footer-utility .devsite-footer-utility-button { flex: 1 1 100%; m= argin-inline: 0px; } devsite-footer-utility .devsite-footer-utility-button::before { display: = none; } } @media screen and (max-width: 600px) { devsite-footer-utility { padding: 0px 16px; } devsite-footer-utility .devsite-footer-utility-item-centered { margin: 12= px 0px; } } .devsite-fully-clickable { background-color: var(--devsite-fully-clickable-= background,var(--devsite-background-color)); border-radius: var(--devsite-f= ully-clickable-border-radius); position: relative; } .devsite-fully-clickable::before { border-radius: var(--devsite-fully-click= able-border-radius); box-shadow: var(--devsite-fully-clickable-box-shadow,0= 14px 25px 0 rgba(60,64,67,.08),0 4px 13px 0 rgba(60,64,67,.12)); content: = ""; display: block; height: 100%; left: 0px; opacity: 0; pointer-events: no= ne; position: absolute; top: 0px; transition: opacity 0.2s ease-out; width:= 100%; } .devsite-fully-clickable:focus-within::before, .devsite-fully-clickable:hov= er::before { opacity: 1; } .devsite-fully-clickable:active::before { opacity: 0.4; } .devsite-fully-clickable-link:active, .devsite-fully-clickable-link:focus, = .devsite-fully-clickable-link:hover { transform: none !important; } .devsite-fully-clickable-link:not(.button):active, .devsite-fully-clickable= -link:not(.button):focus, .devsite-fully-clickable-link:not(.button):hover = { text-decoration: none !important; } .devsite-fully-clickable-link::before { inset: 0px; content: ""; display: b= lock; position: absolute; z-index: 1; } devsite-googler-buttons { -webkit-box-align: center; align-items: center; b= ottom: calc(var(--devsite-panel-height, 0px) + 24px); display: flex; font-s= tyle: normal; font-variant: normal; font-size-adjust: none; font-language-o= verride: normal; font-kerning: auto; font-optical-sizing: auto; font-variat= ion-settings: normal; font-weight: normal; font-stretch: normal; font-size:= 24px; line-height: 1; font-family: "Material Icons"; font-feature-settings= : "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegi= bility; text-transform: none; overflow-wrap: normal; -webkit-box-orient: ve= rtical; -webkit-box-direction: normal; flex-direction: column; position: fi= xed; z-index: 1009; } [dir=3D"ltr"] devsite-googler-buttons { right: 24px; } [dir=3D"rtl"] devsite-googler-buttons { left: 24px; } devsite-googler-buttons > a:focus { text-decoration: none; } devsite-googler-buttons .devsite-googler-button { -webkit-box-align: center= ; align-items: center; background: var(--devsite-background-1); border-radi= us: 50%; cursor: pointer; display: flex; height: 40px; -webkit-box-pack: ce= nter; justify-content: center; margin: -48px auto; outline: 0px; position: = relative; 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 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--devsit= e-elevation-ambient-shadow-color); margin: 4px auto; } devsite-googler-buttons .devsite-googler-button:focus, devsite-googler-butt= ons .devsite-googler-button:hover, devsite-googler-buttons a:focus > .devsi= te-googler-button { background: rgb(227, 242, 253); } devsite-googler-buttons .devsite-googler-button:active, devsite-googler-but= tons a:active > .devsite-googler-button { background: rgb(187, 222, 251); } devsite-googler-buttons .devsite-googler-admin::before { color: rgb(128, 13= 4, 139); content: "storage"; } devsite-googler-buttons .devsite-googler-page-insights::before { color: rgb= (18, 181, 203); content: "bar_chart"; } devsite-googler-buttons .devsite-googler-analytics::before { color: rgb(232= , 113, 10); content: "timeline"; } devsite-googler-buttons .devsite-googler-bug::before { color: rgb(229, 37, = 146); content: "bug_report"; } devsite-googler-buttons .devsite-googler-cache { background: rgb(104, 159, = 56); } devsite-googler-buttons .devsite-googler-cache:hover { background: rgb(124,= 179, 66); } devsite-googler-buttons .devsite-googler-cache:active, devsite-googler-butt= ons .devsite-googler-cache:focus { background: rgb(139, 195, 74); } devsite-googler-buttons .devsite-googler-cache[active] { background: rgb(21= 7, 48, 37); } devsite-googler-buttons .devsite-googler-cache[active]:hover { background: = rgb(234, 67, 53); } devsite-googler-buttons .devsite-googler-cache[active]:active, devsite-goog= ler-buttons .devsite-googler-cache[active]:focus { background: rgb(238, 103= , 92); } devsite-googler-buttons .devsite-googler-cache::before { color: var(--devsi= te-inverted-text-color); content: "cached"; } devsite-googler-buttons .devsite-googler-cache[active]::after { background:= var(--devsite-background-1); border-bottom: 2px solid rgb(217, 48, 37); co= ntent: ""; display: block; height: 4px; position: absolute; transform: rota= te(45deg) translateY(1px); width: 28px; } devsite-googler-buttons .devsite-googler-cache[active]:active::after, devsi= te-googler-buttons .devsite-googler-cache[active]:focus::after { border-col= or: rgb(238, 103, 92); } devsite-googler-buttons .devsite-googler-devrel::before { color: rgb(96, 12= 5, 139); content: "build"; } devsite-googler-buttons .devsite-googler-edit::before { color: rgb(104, 159= , 56); content: "edit"; } devsite-googler-buttons .devsite-googler-source::before { color: rgb(30, 13= 6, 229); content: "code"; } devsite-googler-buttons .devsite-googler-env::before { color: rgb(103, 58, = 183); content: "swap_horiz"; } devsite-googler-buttons .devsite-googler-speed-dial { display: flex; box-sh= adow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px v= ar(--devsite-elevation-ambient-shadow-color); height: 56px; margin: 0px; wi= dth: 56px; } devsite-googler-buttons[active] .devsite-googler-speed-dial { margin: 16px = 0px 0px; } devsite-googler-buttons .devsite-googler-speed-dial::before { content: url(= "/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa= 6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/images/fab.svg")= ; transition: transform 0.2s, -webkit-transform 0.2s; } devsite-googler-buttons[active] .devsite-googler-speed-dial::before { conte= nt: "close"; 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: 0px; width: 100%; } devsite-header .devsite-top-logo-row-wrapper-wrapper { border-bottom: var(-= -devsite-header-border,0); position: relative; z-index: 1; } devsite-header .devsite-top-logo-row-wrapper-wrapper, devsite-header .devsi= te-top-logo-row-wrapper-wrapper::before { background: var(--devsite-header-= color-upper,var(--devsite-background-1)); } body[ready] devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper::be= fore { content: ""; height: 400px; position: absolute; transform: translate= Y(-400px); width: 100%; } devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper { pointer-event= s: all; } devsite-header .devsite-collapsible-section { position: relative; } devsite-header .devsite-collapsible-section, devsite-header[no-lower-row][f= ixed] { box-shadow: var(--devsite-header-lower-box-shadow,0 1px 2px 0 var(-= -devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-= ambient-shadow-color)); } devsite-header[fixed] .devsite-collapsible-section { contain: style; pointe= r-events: all; transform: translateZ(0px); will-change: transform; } devsite-header .devsite-top-logo-row { -webkit-box-align: center; align-ite= ms: center; background: var(--devsite-header-color-upper,var(--devsite-back= ground-1)); display: flex; gap: 16px; height: 48px; padding: 0px 16px 0px 2= 4px; position: relative; transform: translateZ(0px); } [dir=3D"rtl"] devsite-header .devsite-top-logo-row { padding: 0px 24px 0px = 16px; } devsite-header .devsite-top-button { background: var(--devsite-header-link-= background,0); color: var(--devsite-header-link-color,var(--devsite-seconda= ry-text-rgba)); padding: 0px 8px; transition: background 0.2s, box-shadow 0= .2s, color 0.2s; } devsite-header .devsite-top-button, devsite-header .devsite-top-button:acti= ve, devsite-header .devsite-top-button:focus, devsite-header .devsite-top-b= utton:hover { border: 0px; } devsite-header .devsite-top-button:active, devsite-header .devsite-top-butt= on:focus, devsite-header .devsite-top-button:hover { color: var(--devsite-h= eader-link-color-active,var(--devsite-primary-text-rgba)); } devsite-header .devsite-top-button:focus { background: var(--devsite-header= -link-background-focus,var(--devsite-header-link-background-hover,var(--dev= site-header-link-background-active,var(--devsite-background-3)))); } devsite-header .devsite-top-button:hover { background: var(--devsite-header= -link-background-hover,var(--devsite-header-link-background-active,var(--de= vsite-background-3))); } devsite-header .devsite-top-button:active { background: var(--devsite-heade= r-link-background-active,var(--devsite-background-3)); box-shadow: var(--de= vsite-header-link-box-shadow-active,none); } devsite-header .devsite-header-icon-button { color: var(--devsite-header-ic= on-color,var(--devsite-secondary-text-rgba)); display: none; -webkit-box-fl= ex: 0; flex: 0 0 auto; height: 24px; min-width: 24px; padding: 0px; transit= ion: 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: var(--devsite-header-icon-color-active,var(--devsite-primary-text-= rgba)); } devsite-header .devsite-top-logo-row-middle { -webkit-box-align: center; al= ign-items: center; display: flex; -webkit-box-flex: 1; flex-grow: 1; positi= on: relative; } devsite-header .devsite-collapsible-section { background-color: var(--devsi= te-header-color-lower,var(--devsite-primary-color,var(--devsite-secondary-t= ext-color))); } @media screen and (max-width: 840px) { devsite-header { transform: translateZ(0px); } devsite-header .devsite-top-logo-row { padding: 0px 16px; gap: 8px; } devsite-header .devsite-header-upper-tabs devsite-tabs { margin: 0px 0px = 0px 16px; } [dir=3D"rtl"] devsite-header .devsite-header-upper-tabs devsite-tabs { ma= rgin: 0px 16px 0px 0px; } devsite-header .devsite-header-upper-tabs .devsite-doc-set-nav { display:= none; } } devsite-header .devsite-header-billboard { -webkit-box-align: center; align= -items: center; background-color: var(--devsite-header-color-lower,var(--de= vsite-primary-color,var(--devsite-background-1))); display: flex; -webkit-b= ox-pack: center; justify-content: center; padding: 40px 24px 20px; position= : relative; z-index: 100; } devsite-header .devsite-header-billboard h1 { line-height: var(--devsite-h1= -line-height,1); overflow: visible; padding: 0px; } devsite-header .devsite-header-billboard-logo { max-height: 64px; } devsite-header .devsite-header-billboard-search { margin: 0px auto; max-wid= th: 816px; padding-bottom: 48px; } devsite-header .devsite-header-billboard-search devsite-search { width: 100= %; } devsite-header .devsite-header-billboard-search devsite-search .devsite-pop= out-result { max-height: 50vh; } devsite-header .devsite-header-billboard-search .devsite-search-background,= devsite-header .devsite-header-billboard-search devsite-search .devsite-se= archbox::before { background: var(--devsite-header-color-lower,var(--devsit= e-primary-color,var(--devsite-background-1))); } @media screen and (max-width: 840px) { devsite-header .devsite-header-billboard-search { margin: 0px 24px; } } devsite-header .devsite-doc-set-nav-row { -webkit-box-align: center; align-= items: center; border-bottom: var(--devsite-header-lower-tabs-border-bottom= ,none); display: flex; -webkit-box-pack: justify; justify-content: space-be= tween; min-height: 48px; padding: 0px 24px 0px 0px; } [dir=3D"rtl"] devsite-header .devsite-doc-set-nav-row { padding: 0px 0px 0p= x 24px; } [dir=3D"ltr"] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-l= ist { padding-left: 24px; } [dir=3D"rtl"] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-l= ist { padding-right: 24px; } @media screen and (max-width: 840px) { devsite-header .devsite-doc-set-nav-row { display: none; } } @media screen and (max-width: 600px) { devsite-header devsite-language-selector { display: none; } } devsite-header .devsite-header-link { transition: background 0.2s, box-shad= ow 0.2s, color 0.2s; } devsite-header .devsite-header-link, devsite-header .devsite-header-link:vi= sited { color: var(--devsite-header-link-color,var(--devsite-secondary-text= -rgba)); } devsite-header .devsite-header-link:focus, devsite-header .devsite-header-l= ink:hover { color: var(--devsite-header-link-color-active,var(--devsite-pri= mary-text-rgba)); } @media screen and (max-width: 840px) { devsite-header .devsite-header-link { display: none; } } devsite-header .devsite-product-name-wrapper { -webkit-box-align: center; a= lign-items: center; display: flex; -webkit-box-flex: 0; flex: 0 0 auto; hei= ght: 36px; margin: 6px 0px; } devsite-header .devsite-product-name-link, devsite-header .devsite-site-log= o-link { -webkit-box-align: center; align-items: center; display: flex; opa= city: 1; transition: opacity 0.2s; } devsite-header .devsite-product-name-link:focus, devsite-header .devsite-pr= oduct-name-link:hover, devsite-header .devsite-site-logo-link:focus { opaci= ty: 0.7; text-decoration: none; } devsite-header .devsite-site-logo { height: var(--devsite-logo-height,32px)= ; } devsite-header .devsite-has-google-wordmark > .devsite-breadcrumb-link, dev= site-header .devsite-has-google-wordmark > .devsite-product-name { directio= n: ltr; } devsite-header .devsite-google-wordmark { height: 24px; margin: 0px 4px 0px= 0px; position: relative; top: 5px; } devsite-header .devsite-google-wordmark-svg-path { transition: fill 0.2s; } devsite-header .devsite-site-logo-link canvas { height: auto !important; } devsite-header .devsite-site-logo-link picture { display: contents; } devsite-header .devsite-product-logo-container { -webkit-box-align: center;= align-items: center; border-radius: 50%; color: var(--devsite-primary-colo= r,var(--devsite-primary-text-color)); display: flex; height: 36px; -webkit-= box-pack: center; justify-content: center; margin-inline: 0px 4px; width: 3= 6px; } devsite-header .devsite-product-logo-container[background] { background: va= r(--devsite-primary-color,var(--devsite-primary-text-color)); color: var(--= devsite-inverted-text-color); } devsite-header .devsite-product-logo { color: inherit; font-size: 32px; hei= ght: 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: var(--devsite-wordmark-font,40= 0 20px/32px var(--devsite-primary-font-family)); letter-spacing: 0px; margi= n: 0px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; transi= tion: color 0.2s; white-space: nowrap; } devsite-header .devsite-site-logo:not([src*=3D".svg"]) { height: auto; max-= height: 32px; } devsite-header .devsite-breadcrumb-link > .devsite-product-name { color: in= herit; } @media screen and (max-width: 840px) { devsite-header .devsite-product-name-wrapper { -webkit-box-flex: 0; flex:= 0 1 auto; min-width: 0px; } devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item:not= (:first-of-type), devsite-header .devsite-product-name-wrapper .devsite-sit= e-logo-link + .devsite-product-name { display: none; } devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item, de= vsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link, devsit= e-header .devsite-product-name-wrapper .devsite-breadcrumb-list, devsite-he= ader .devsite-product-name-wrapper .devsite-product-name { width: 100%; } devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link { o= verflow: hidden; text-overflow: ellipsis; } } devsite-header .devsite-product-id-row { -webkit-box-align: center; align-i= tems: center; display: flex; -webkit-box-pack: justify; justify-content: sp= ace-between; min-height: 60px; padding: var(--devsite-product-id-row-paddin= g,20px 24px 2px); } devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row { min-= height: 72px; padding: var(--devsite-product-id-row-padding,20px 24px); } devsite-header .devsite-product-description-row { color: var(--devsite-head= er-foreground-lower-description,var(--devsite-header-foreground-lower-hover= ,var(--devsite-inverted-text-color))); font: var(--devsite-header-lower-des= cription-font,400 20px/32px var(--devsite-primary-font-family)); } devsite-header .devsite-product-description { font: 16px/24px var(--devsite= -primary-font-family); margin-block: 0px; margin-inline: 0px 180px; } devsite-header .devsite-breadcrumb-list + .devsite-product-description { ma= rgin-block: 8px 0px; } devsite-header .devsite-product-button-row { display: flex; margin-block: 0= px; margin-inline: 24px 0px; z-index: 1; } @media screen and (max-width: 840px) { devsite-header .devsite-product-id-row { min-height: 72px; padding: var(-= -devsite-product-id-row-padding,20px 24px); } devsite-header .devsite-product-description { margin-inline: 0px; } } @media screen and (max-width: 600px) { devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row, dev= site-header .devsite-product-id-row { flex-wrap: wrap; padding: var(--devsi= te-product-id-row-padding,20px 16px); } devsite-header .devsite-product-button-row { flex-basis: 100%; margin-blo= ck: 16px 0px; margin-inline: 0px; } } devsite-header[search-expanded] .devsite-header-upper-tabs { opacity: 0; po= sition: absolute; } devsite-header[search-expanded] devsite-search { -webkit-box-flex: 1; flex:= 1 0 0%; } devsite-header [transition] { transition: transform 0.2s, -webkit-transform= 0.2s; } devsite-header[search-active] .devsite-search-background::after { backgroun= d: var(--devsite-searchbox-active,var(--devsite-background-3)); } devsite-header devsite-search[search-active] .devsite-search-field::-webkit= -input-placeholder { color: var(--devsite-searchbox-placeholder-active,var(= --devsite-secondary-text-color)); } devsite-header devsite-search[search-active] .devsite-search-field::placeho= lder { color: var(--devsite-searchbox-placeholder-active,var(--devsite-seco= ndary-text-color)); } devsite-header devsite-search[search-active] .devsite-search-field, devsite= -header devsite-search[search-active] .devsite-search-field:hover { backgro= und: var(--devsite-searchbox-active,var(--devsite-background-3)); color: va= r(--devsite-searchbox-text-active,var(--devsite-primary-text-color)); } devsite-header devsite-search[search-active] .devsite-search-image { color:= var(--devsite-searchbox-placeholder,var(--devsite-secondary-text-color)); = } @media screen and (max-width: 840px) { devsite-header[search-active] .devsite-product-name-wrapper, devsite-head= er[search-active] devsite-language-selector, devsite-header[search-active] = devsite-user { display: none; } devsite-header[search-active] devsite-search { -webkit-box-flex: 1; flex-= grow: 1; transform: none !important; } devsite-header[search-active] .devsite-header-upper-tabs { -webkit-box-fl= ex: 0; flex: 0 1 0%; overflow: hidden; } devsite-header[search-active] .devsite-top-logo-row devsite-search { marg= in: 6px 0px; } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-searchbox { width: 100%; } devsite-header devsite-search[search-active] .devsite-search-form { borde= r-radius: var(--devsite-search-border-radius,0); box-shadow: var(--devsite-= search-active-box-shadow,none); left: 0px; overflow: var(--devsite-search-a= ctive-overflow,visible); position: var(--devsite-search-form-position,relat= ive); top: 0px; } [dir=3D"ltr"] devsite-header devsite-search[search-active] .devsite-searc= h-form { right: var(--devsite-search-form-position-end,auto); } [dir=3D"rtl"] devsite-header devsite-search[search-active] .devsite-searc= h-form { left: var(--devsite-search-form-position-end,auto); } devsite-header devsite-search[search-active] .devsite-search-field, devsi= te-header devsite-search[search-active] .devsite-search-field:hover { backg= round: var(--devsite-search-form-background-active,var(--devsite-background= -3)); color: var(--devsite-search-form-text-active,var(--devsite-primary-te= xt-color)); } [dir=3D"ltr"] devsite-header .devsite-header-billboard-search devsite-sea= rch[search-active] .devsite-search-form { right: var(--devsite-search-form-= position-start,auto); } [dir=3D"rtl"] devsite-header .devsite-header-billboard-search devsite-sea= rch[search-active] .devsite-search-form { left: var(--devsite-search-form-p= osition-start,auto); } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-searchbox .devsite-search-image { display: flex; } devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox::b= efore, devsite-header .devsite-top-logo-row devsite-search[search-active] .= devsite-popout { width: var(--devsite-popout-width,calc(100vw + 16px)); } [dir=3D"ltr"] devsite-header .devsite-top-logo-row devsite-search .devsit= e-searchbox::before, [dir=3D"ltr"] devsite-header .devsite-top-logo-row dev= site-search[search-active] .devsite-popout { left: var(--devsite-popout-pos= ition-start,-60px); } [dir=3D"rtl"] devsite-header .devsite-top-logo-row devsite-search .devsit= e-searchbox::before, [dir=3D"rtl"] devsite-header .devsite-top-logo-row dev= site-search[search-active] .devsite-popout { right: var(--devsite-popout-po= sition-start,-60px); } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-search-button { margin-block: 0px; margin-inline: var(--devsite-search-b= utton-margin-before,16px) 0; } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-search-button[search-open] { display: none; } devsite-header .devsite-top-logo-row devsite-search[search-active] .devsi= te-search-button[search-close] { display: flex; } devsite-header [transition] { transition: none; } } devsite-header .devsite-search-background { -webkit-box-align: center; alig= n-items: center; box-sizing: content-box; display: flex; justify-content: s= tretch; margin-block: 0px; margin-inline: 24px 0px; padding: 6px 0px; point= er-events: none; position: absolute; transition: transform 0.2s, -webkit-tr= ansform 0.2s; will-change: transition; z-index: 9; } [dir=3D"ltr"] devsite-header .devsite-search-background { right: 0px; trans= form-origin: right center; } [dir=3D"rtl"] devsite-header .devsite-search-background { left: 0px; transf= orm-origin: left center; } devsite-header .devsite-search-background, devsite-header .devsite-searchbo= x::before { background: var(--devsite-header-color-upper,var(--devsite-back= ground-1)); } devsite-header .devsite-search-background::after { content: ""; -webkit-box= -flex: 1; flex-grow: 1; height: 100%; transition: background 0.2s; } devsite-header .devsite-search-background::after, devsite-header devsite-se= arch input.devsite-search-field { background: var(--devsite-searchbox-inact= ive); } devsite-header devsite-search input.devsite-search-field::-webkit-input-pla= ceholder { color: var(--devsite-searchbox-placeholder,var(--devsite-seconda= ry-text-color)); } devsite-header devsite-search input.devsite-search-field::placeholder { col= or: var(--devsite-searchbox-placeholder,var(--devsite-secondary-text-color)= ); } devsite-header devsite-search input.devsite-search-field:hover { background= : var(--devsite-searchbox-hover); } devsite-header devsite-search .devsite-search-image, devsite-header devsite= -search input.devsite-search-field { color: var(--devsite-searchbox-placeho= lder,var(--devsite-secondary-text-color)); } devsite-header[billboard] .devsite-search-background { display: none; } devsite-header[billboard][bottom-row--hidden] .devsite-search-background { = display: flex; } devsite-header[billboard] .devsite-top-logo-row devsite-search .devsite-sea= rch-form { opacity: 1; transition: opacity 0.2s, transform 0.2s, -webkit-tr= ansform 0.2s; } devsite-header[billboard][bottom-row--hidden] .devsite-top-logo-row devsite= -search .devsite-search-form { transform: translateZ(0px); } body[template=3D"404"] devsite-header .devsite-top-logo-row .devsite-search= -form, devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-log= o-row devsite-search .devsite-search-form { opacity: 0; pointer-events: non= e; } [dir=3D"ltr"] body[template=3D"404"] devsite-header .devsite-top-logo-row .= devsite-search-form, [dir=3D"ltr"] devsite-header[billboard]:not([bottom-ro= w--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form { tra= nsform: translate3d(200px, 0px, 0px); } [dir=3D"rtl"] body[template=3D"404"] devsite-header .devsite-top-logo-row .= devsite-search-form, [dir=3D"rtl"] devsite-header[billboard]:not([bottom-ro= w--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form { tra= nsform: translate3d(-200px, 0px, 0px); } devsite-header[billboard][bottom-row--hidden] .devsite-header-billboard-sea= rch devsite-search { opacity: 0; } devsite-header[billboard] .devsite-header-billboard-search devsite-search {= margin-inline: 0px; } devsite-header[billboard] .devsite-header-billboard-search devsite-search .= devsite-popout { max-height: calc(-255px + 100vh); } @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: 0px; } devsite-header .devsite-search-background, devsite-header .devsite-search= -background::after, devsite-header devsite-search .devsite-search-field, de= vsite-header devsite-search .devsite-search-field:hover, devsite-header[sea= rch-active] .devsite-search-background::after { background: 0px center; } devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox .d= evsite-search-image { display: none; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n { -webkit-box-align: center; align-items: center; color: var(--devsite-se= condary-text-color); display: flex; z-index: 1; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-open] { display: flex; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-close] { display: none; margin-right: 6px; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-open]::before { content: "search"; } devsite-header .devsite-top-logo-row devsite-search .devsite-search-butto= n[search-close]::before { content: "cancel"; } devsite-header .devsite-top-logo-row devsite-search .devsite-result-item = a, devsite-header .devsite-top-logo-row devsite-search .devsite-result-labe= l, devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-foo= ter, devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-h= eader { padding-inline: var(--devsite-search-content-padding-start,60px) 8p= x; } } devsite-header .devsite-header-upper-tabs { -webkit-box-flex: 1; flex: 1 1 = 0px; margin-block: 0px; margin-inline: var(--devsite-upper-tab-margin-x,32p= x) 0; opacity: 1; position: relative; z-index: 8; } 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-he= ader devsite-tabs.upper-tabs .devsite-tabs-wrapper { background: var(--devs= ite-header-color-upper,var(--devsite-background-1)); } devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab > a:fo= cus, devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab >= a:hover { color: var(--devsite-upper-tab-active,var(--devsite-primary-text= -color)); } devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab > a:fo= cus::after, devsite-header devsite-tabs.upper-tabs > .devsite-tabs-wrapper = > tab > a:hover::after { border-color: var(--devsite-upper-tab-marker-color= -inactive,var(--devsite-upper-tab-inactive,var(--devsite-secondary-text-col= or))); } devsite-header cloudx-tabs-nav.lower-tabs a, devsite-header devsite-tabs.lo= wer-tabs .devsite-tabs-content, devsite-header devsite-tabs.lower-tabs a { = color: var(--devsite-header-foreground-lower,var(--devsite-inverted-text-co= lor)); letter-spacing: var(--devsite-header-lower-tabs-letter-spacing,0); } devsite-header cloudx-tabs-nav.lower-tabs a:focus, devsite-header cloudx-ta= bs-nav.lower-tabs a:hover, devsite-header devsite-tabs.lower-tabs .devsite-= tabs-content:focus, devsite-header devsite-tabs.lower-tabs .devsite-tabs-co= ntent:hover, devsite-header devsite-tabs.lower-tabs a:focus, devsite-header= devsite-tabs.lower-tabs a:hover { color: var(--devsite-header-foreground-l= ower-hover,var(--devsite-header-foreground-lower,var(--devsite-inverted-tex= t-rgba))); } devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a, devsite-header d= evsite-tabs.lower-tabs tab[active] > .devsite-tabs-content, devsite-header = devsite-tabs.lower-tabs tab[active] > a { color: var(--devsite-header-foreg= round-lower-active,var(--devsite-inverted-text-color)); } devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a:focus, devsite-he= ader devsite-tabs.lower-tabs tab[active] > .devsite-tabs-content:focus, dev= site-header devsite-tabs.lower-tabs tab[active] > a:focus { color: var(--de= vsite-header-foreground-lower-active-focus,var(--devsite-header-foreground-= lower,var(--devsite-inverted-text-rgba))); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-header cloudx-tabs-nav.lower-tabs tab[active] > a, devsite-header= devsite-tabs.lower-tabs tab[active] > .devsite-tabs-content, devsite-heade= r devsite-tabs.lower-tabs tab[active] > a { color: inherit; } } devsite-header cloudx-tabs-nav.lower-tabs > .devsite-tabs-wrapper > tab > a= ::after, devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wrapper > t= ab > a::after { border-radius: var(--devsite-lower-tab-marker-border-radius= ,var(--devsite-tab-marker-border-radius,0)); } devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wrapper > tab > a:fo= cus::after, devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wrapper = > tab > a:hover::after { border-color: var(--devsite-lower-tab-marker-color= -inactive,var(--devsite-header-foreground-lower,var(--devsite-inverted-text= -rgba))); } devsite-header cloudx-tabs-nav.lower-tabs > .devsite-tabs-wrapper > tab[act= ive] > a::after, devsite-header devsite-tabs.lower-tabs > .devsite-tabs-wra= pper > tab[active] > a::after { border-color: var(--devsite-lower-tab-marke= r-color-active,var(--devsite-header-foreground-lower-active,var(--devsite-b= ackground-1))); } devsite-header cloudx-tabs-nav tab[overflow-tab] > a::after, devsite-header= devsite-tabs tab[overflow-tab] > a::after { display: none; } devsite-header devsite-tabs.upper-tabs tab[overflow-tab]::after { backgroun= d: var(--devsite-header-color-upper,var(--devsite-background-1)); } devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-overflow-menu, devs= ite-header devsite-tabs.upper-tabs .devsite-tabs-overflow-menu { border-top= : var(--devsite-header-border,0); } @media screen and (max-width: 840px) { [dir=3D"ltr"] devsite-header .devsite-header-upper-tabs { margin-left: 0p= x; } [dir=3D"rtl"] devsite-header .devsite-header-upper-tabs { margin-right: 0= px; } devsite-header devsite-tabs.lower-tabs, devsite-header devsite-tabs.upper= -tabs { display: none; } } [layout=3D"docs"] h2:not(.no-link), [layout=3D"docs"] h3:not(.no-link), [la= yout=3D"docs"] h4:not(.no-link), [layout=3D"docs"] h5:not(.no-link), [layou= t=3D"docs"] h6:not(.no-link), h1.add-link { margin-inline-end: -40px; paddi= ng-inline-end: 40px; } .devsite-heading-link.material-icons { color: var(--devsite-icon-color,var(= --devsite-secondary-text-color)); height: 24px; opacity: 0; } .devsite-heading-link.material-icons:focus, .devsite-heading-link.material-= icons:hover { color: var(--devsite-icon-color-hover,var(--devsite-link-colo= r)); cursor: pointer !important; } .devsite-landing-row-item-list h4 > .devsite-heading-link.material-icons, h= 1 > .devsite-heading-link.material-icons, h2 > .devsite-heading-link.materi= al-icons, h3 > .devsite-heading-link.material-icons { vertical-align: middl= e; } .devsite-landing-row-item-list h4 > .devsite-heading-link.material-icons, t= h > h2 > .devsite-heading-link.material-icons, th > h3 > .devsite-heading-l= ink.material-icons { margin: -4px 0px; } .devsite-heading-link.material-icons:focus, .devsite-heading-link.material-= icons:hover, :focus > .devsite-heading-link.material-icons, :hover > .devsi= te-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: 16px; } devsite-iframe iframe { height: 100%; width: 100%; } devsite-iframe iframe[src*=3D".frame"] { height: calc(100% + 32px); margin:= -16px; width: calc(100% + 32px); } devsite-info-popout:not(:defined) { visibility: hidden; } devsite-jump-to { display: block; opacity: 0; padding-bottom: 96px; pointer= -events: none; position: relative; transition: opacity 0.5s; margin: 40px 0= px 0px !important; } devsite-jump-to[visible] { opacity: 1; pointer-events: auto; } devsite-jump-to .devsite-jump-to-link { -webkit-box-align: center; align-it= ems: center; border-radius: 50%; box-shadow: 0 1px 2px 0 var(--devsite-elev= ation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation-ambient-shado= w-color); display: flex; font-size: 24px; height: 56px; -webkit-box-pack: c= enter; justify-content: center; overflow: hidden; position: absolute; trans= ition: background 0.2s, box-shadow 0.2s, color 0.2s; width: 56px; backgroun= d: var(--devsite-link-background,var(--devsite-link-color)) !important; col= or: var(--devsite-link-color,var(--devsite-inverted-text-color)) !important= ; } devsite-jump-to .devsite-jump-to-link:focus, devsite-jump-to .devsite-jump-= to-link:hover { text-decoration: none; background: var(--devsite-link-backg= round-hover,var(--devsite-background-1)) !important; color: var(--devsite-l= ink-color) !important; } devsite-jump-to .devsite-jump-to-link:active { box-shadow: 0 1px 2px 0 var(= --devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation= -ambient-shadow-color); } [dir=3D"ltr"] devsite-jump-to .devsite-jump-to-link { right: 0px; } [dir=3D"rtl"] devsite-jump-to .devsite-jump-to-link { left: 0px; } devsite-jump-to[pinned] .devsite-jump-to-link { bottom: 40px; box-shadow: 0= 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(--de= vsite-elevation-ambient-shadow-color); position: fixed; } devsite-jump-to[pinned] .devsite-jump-to-link:active { box-shadow: 0 2px 3p= x 0 var(--devsite-elevation-key-shadow-color),0 6px 10px 4px var(--devsite-= elevation-ambient-shadow-color); } devsite-jump-to .devsite-jump-to-link::before { content: "arrow_upward"; fo= nt-style: normal; font-variant: normal; font-size-adjust: none; font-langua= ge-override: normal; font-kerning: auto; font-optical-sizing: auto; font-va= riation-settings: normal; font-weight: normal; font-stretch: normal; font-s= ize: 24px; line-height: 1; font-family: "Material Icons"; font-feature-sett= ings: "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimize= legibility; text-transform: none; overflow-wrap: normal; } @media screen and (max-width: 840px) { devsite-jump-to { padding-bottom: 80px; margin: 40px 0px 0px !important; = } devsite-jump-to[pinned] .devsite-jump-to-link { bottom: 24px; } } devsite-language-selector:not(:defined) ul, devsite-language-selector:not([= open]) ul { display: none; } devsite-language-selector ul { display: block; list-style: none; padding: 0= px; } devsite-language-selector li { font-size: 14px; margin: 0px; min-width: 100= %; } devsite-language-selector a { -webkit-box-align: center; align-items: cente= r; display: flex; min-height: 48px; min-width: 0px; overflow: hidden; paddi= ng-inline: 16px; text-overflow: ellipsis; white-space: nowrap; } devsite-language-selector a:is(:link, :visited) { color: var(--devsite-prim= ary-text-color); } devsite-language-selector a:is(:hover, :focus) { background-color: var(--de= vsite-background-3); text-decoration: none; } devsite-language-selector a[aria-current] { background-color: var(--devsite= -item-background-selected,var(--devsite-background-3)); font-weight: var(--= devsite-item-font-weight-selected,500); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-language-selector a[aria-current] { font-weight: 700; text-decora= tion: underline; } } .devsite-dialog-wrapper { -webkit-box-align: center; align-items: center; i= nset: 0px; display: flex; -webkit-box-pack: center; justify-content: center= ; pointer-events: none; position: fixed; z-index: 1014; } devsite-dialog { background: var(--devsite-background-1); border-radius: va= r(--devsite-border-radius,2px); color: var(--devsite-secondary-text-color);= box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8p= x 3px var(--devsite-elevation-ambient-shadow-color); font-size: 14px; line-= height: 20px; max-height: calc(-48px + 100vh); max-width: calc(-48px + 100v= w); pointer-events: all; overflow: auto; padding: var(--devsite-dialog-padd= ing,8px); width: 480px; } @media screen and (max-width: 840px) { devsite-dialog { max-height: calc(-32px + 100vh); max-width: calc(-32px += 100vw); } } devsite-dialog:not([open]) { display: none; } devsite-dialog .devsite-dialog-contents { color: var(--devsite-secondary-te= xt-color); overflow: hidden; padding: var(--devsite-dialog-contents-padding= ,16px); } devsite-dialog .devsite-dialog-close { cursor: pointer; } devsite-dialog .devsite-dialog-close:not(.button):not(button) { border-radi= us: 16px; height: 32px; width: 32px; display: flex; -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: center; justify-content: center;= } devsite-dialog .devsite-dialog-close:not(.button):not(button):hover { backg= round-color: rgb(241, 243, 244); } devsite-dialog .devsite-dialog-contents > p:first-child:last-child { margin= : 0px; } devsite-dialog h2, devsite-dialog h3 { color: var(--devsite-heading-color,i= nherit); } devsite-dialog h3 { font: var(--devsite-heading-font,400 20px/32px var(--de= vsite-primary-font-family)); margin: 0px 0px 20px; outline: 0px; text-align= : var(--devsite-heading-text-align,inherit); } devsite-dialog .devsite-dialog-buttons { display: flex; -webkit-box-pack: e= nd; justify-content: flex-end; padding: 4px 4px 0px; } devsite-lightbox { pointer-events: all; } devsite-lightbox:not([open]) { display: none; } devsite-lightbox .devsite-dialog-contents { padding: 0px; } devsite-lightbox .devsite-lightbox-icon-close { -webkit-box-align: center; = align-items: center; background: rgba(0, 0, 0, 0.5); border: 0px; border-ra= dius: 0px; cursor: pointer; display: flex; height: 40px; -webkit-box-pack: = center; justify-content: center; outline: 0px; padding: 0px; position: abso= lute; top: 0px; width: 40px; } [dir=3D"ltr"] devsite-lightbox .devsite-lightbox-icon-close { right: 0px; } [dir=3D"rtl"] devsite-lightbox .devsite-lightbox-icon-close { left: 0px; } devsite-lightbox .devsite-lightbox-icon-close:hover { background: rgba(255,= 255, 255, 0.3); } devsite-lightbox .devsite-lightbox-icon-close:active { box-shadow: none; } devsite-lightbox .devsite-lightbox-icon-close::after { font-style: normal; = font-variant: normal; font-size-adjust: none; font-language-override: norma= l; font-kerning: auto; font-optical-sizing: auto; font-variation-settings: = normal; font-weight: normal; font-stretch: normal; font-size: 24px; line-he= ight: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -web= kit-font-smoothing: antialiased; text-rendering: optimizelegibility; text-t= ransform: none; overflow-wrap: normal; color: rgb(241, 241, 241); content: = "close"; transition: color 0.3s ease-in-out; } devsite-lightbox .devsite-lightbox-icon-close:focus::after, devsite-lightbo= x .devsite-lightbox-icon-close:hover::after { color: rgb(255, 255, 255); } .devsite-lightbox-image { cursor: pointer; outline: 0px; } .devsite-lightbox-image:focus { filter: brightness(75%); } .MathJax_SVG_Display { overflow-x: auto; } @media screen and (max-width: 600px) { .MathJax_SVG_Display { padding: 0px 16px 16px; margin: 1em -16px !importa= nt; width: calc(100% + 32px) !important; } } devsite-multiple-choice { background-color: var(--devsite-multiple-choice-b= ackground); border: var(--devsite-multiple-choice-border); border-radius: v= ar(--devsite-multiple-choice-border-radius); display: block; margin: 16px 0= px; overflow: var(--devsite-multiple-choice-overflow); visibility: hidden != important; } devsite-multiple-choice[ready] { visibility: visible !important; } devsite-multiple-choice .devsite-multiple-choice-question { background-colo= r: var(--devsite-multiple-choice-question-background); color: var(--devsite= -multiple-choice-question-color); font: var(--devsite-table-heading-font,50= 0 16px/24px var(--devsite-primary-font-family)); padding: 16px 24px; } devsite-multiple-choice .devsite-multiple-choice-answer { border-bottom: va= r(--devsite-multiple-choice-answer-border-bottom); border-top: var(--devsit= e-multiple-choice-answer-border-top); } devsite-multiple-choice .devsite-multiple-choice-answer, devsite-multiple-c= hoice .devsite-multiple-choice-answer:focus, devsite-multiple-choice .devsi= te-multiple-choice-answer:hover { outline: 0px; } devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):focu= s, devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):h= over { color: var(--devsite-link-color); cursor: pointer; } devsite-multiple-choice .devsite-multiple-choice-option { padding: 16px 72p= x 16px 24px; position: relative; } devsite-multiple-choice .devsite-multiple-choice-option::after { content: "= expand_more"; font-style: normal; font-variant: normal; font-size-adjust: n= one; font-language-override: normal; font-kerning: auto; font-optical-sizin= g: auto; font-variation-settings: normal; font-weight: normal; font-stretch= : normal; font-size: 24px; line-height: 1; font-family: "Material Icons"; f= ont-feature-settings: "liga"; -webkit-font-smoothing: antialiased; text-ren= dering: optimizelegibility; text-transform: none; overflow-wrap: normal; he= ight: 100%; position: absolute; right: 24px; top: calc(50% - 12px); } devsite-multiple-choice [correct] { background-color: var(--devsite-multipl= e-choice-correct-background); } devsite-multiple-choice [incorrect] { background-color: var(--devsite-multi= ple-choice-incorrect-background); } devsite-multiple-choice [correct] .devsite-multiple-choice-option::after { = color: var(--devsite-multiple-choice-correct-color); content: "check"; } devsite-multiple-choice [incorrect] .devsite-multiple-choice-option::after = { color: var(--devsite-multiple-choice-incorrect-color); content: "not_inte= rested"; } devsite-multiple-choice .devsite-multiple-choice-explanation { font-size: 1= 4px; padding: 0px 24px 16px; } devsite-multiple-choice .devsite-multiple-choice-explanation-correctness { = font-weight: 500; margin-top: 16px; } devsite-multiple-choice [correct] .devsite-multiple-choice-explanation-corr= ectness { color: var(--devsite-multiple-choice-correct-color); } devsite-multiple-choice [incorrect] .devsite-multiple-choice-explanation-co= rrectness { color: var(--devsite-multiple-choice-incorrect-color); } devsite-my-community { font-size: 16px; } devsite-my-community .devsite-my-community-feature-not-available { text-ali= gn: center; margin: 50px 0px; } devsite-my-community .waiting-container { margin: auto; } devsite-my-community .devsite-my-community-card { margin-bottom: 24px; heig= ht: unset; } devsite-my-community .devsite-my-community-header { padding: 24px; border-b= ottom: var(--devsite-card-border); display: flex; -webkit-box-align: center= ; align-items: center; } devsite-my-community .devsite-my-community-icon { max-width: 66px; max-heig= ht: 66px; margin-inline-end: 18px; } devsite-my-community .devsite-my-community-title-container { display: flex;= -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directio= n: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-p= ack: center; justify-content: center; } devsite-my-community .devsite-my-community-title { font-style: ; font-varia= nt-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-e= ast-asian: ; font-variant-alternates: ; font-variant-position: ; font-varia= nt-emoji: ; font-stretch: ; font-family: ; font-optical-sizing: ; font-size= -adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings= : ; font-language-override: ; font-weight: 400; font-size: 28px; line-heigh= t: 36px; color: var(--devsite-heading-color,var(--devsite-secondary-text-co= lor)); } devsite-my-community .devsite-my-community-member-chip { font-family: Robot= o; font-weight: 500; font-size: 14px; line-height: 20px; -webkit-box-align:= center; align-items: center; color: var(--devsite-success-notice-color); b= ackground-color: var(--devsite-success-notice-background); padding: 1px 8px= ; margin-block-start: 7px; } devsite-my-community .devsite-my-community-description { padding: 0px 24px = 20px; white-space: pre-line; } devsite-my-community .devsite-my-community-button-container { padding: 0px = 24px 24px; } devsite-my-community .devsite-my-community-button-container button.button {= margin: 6px 6px 0px 0px; } devsite-my-community .devsite-my-community-button-container devsite-spinner= { display: inline-block; margin-left: 24px; position: absolute; } devsite-my-community .devsite-my-community-details-container { display: fle= x; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direct= ion: column; transition: border-color, max-height, 0.5s ease-out; border-to= p: 1px solid transparent; margin-top: 4px; max-height: 0px; } devsite-my-community .devsite-my-community-details-container[opened] { bord= er-top: var(--devsite-card-border); transition: border-color, max-height, 0= .5s ease-in; max-height: 3000px; } devsite-my-community .devsite-my-community-missing-info-warning, devsite-my= -community .devsite-my-community-profile-not-allowed { gap: 10px; color: va= r(--devsite-caution-notice-color); background-color: var(--devsite-caution-= notice-background); padding: 9px 24px; font-size: 14px; display: flex; marg= in-block: 3px 24px; } devsite-my-community .devsite-my-community-missing-info-warning .material-s= ymbols-outlined, devsite-my-community .devsite-my-community-profile-not-all= owed .material-symbols-outlined { font-variation-settings: "FILL" 1, "wght"= 400, "GRAD" 0, "opsz" 48; } devsite-my-community .devsite-my-community-no-profile-info { color: var(--d= evsite-note-notice-color); background-color: var(--devsite-note-notice-back= ground); padding: 9px 24px; font-size: 14px; display: flex; margin-block-en= d: 24px; } devsite-my-community .devsite-my-community-no-profile-info .material-symbol= s-outlined { margin-inline-end: 10px; } devsite-my-community .devsite-my-community-profile-attributes-title { font-= size: 18px; margin: 0px 24px 9px; font-family: var(--devsite-headline-font-= family); } devsite-my-community .devsite-my-community-legal-title { font-size: 18px; m= argin: 0px 0px 16px; font-family: var(--devsite-headline-font-family); } devsite-my-community .devsite-my-community-profile-attributes { display: gr= id; grid: auto / calc(50% - 12px) calc(50% - 12px); margin: 0px 24px 18px; = gap: 24px; font-size: 18px; } devsite-my-community .devsite-my-community-profile-attributes-text { margin= : 0px; font-size: 16px; grid-column: 1 / 3; } devsite-my-community .devsite-my-community-error-incorrect, devsite-my-comm= unity .devsite-my-community-error-missing { display: none; color: rgb(229, = 57, 53); font-size: 12px; margin: 2px 0px 0px 14px; } devsite-my-community .devsite-my-community-legal-container { margin: 0px 24= px 24px; } devsite-my-community .devsite-my-community-legal-container[missing] .devsit= e-my-community-error-missing { display: inline-block; } devsite-my-community .devsite-my-community-legal-container[missing] .devsit= e-my-community-legal-copy { border: 2px solid rgb(229, 57, 53); } devsite-my-community .devsite-my-community-profile-attribute-input { displa= y: block; position: relative; min-height: 86px; } devsite-my-community .devsite-my-community-profile-attribute-input[incorrec= t] .devsite-my-community-error-incorrect, devsite-my-community .devsite-my-= community-profile-attribute-input[missing] .devsite-my-community-error-miss= ing { display: inline-block; } devsite-my-community .devsite-my-community-email-preference { padding: 0px = 24px 24px; } devsite-my-community .devsite-my-community-email-pref-input { margin-top: 8= px; } devsite-my-community .devsite-my-community-profile-title { margin: 24px 24p= x 16px; font-size: 18px; font-family: var(--devsite-headline-font-family); = } devsite-my-community .devsite-my-community-profile-text { margin: 0px 24px = 16px; } devsite-my-community .devsite-my-community-private-explanation { margin: 0p= x 24px 24px; } devsite-my-community .devsite-my-community-private-explanation span { color= : var(--devsite-secondary-text-color); font-size: 12px; font-weight: 500; d= isplay: inline-flex; vertical-align: bottom; line-height: 23px; } devsite-my-community .devsite-my-community-private-explanation span::before= { content: "lock"; font-family: "Material Symbols Outlined"; font-size: 12= px; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48; mar= gin-inline-end: 3px; } devsite-my-community .devsite-my-community-private-chip { color: var(--devs= ite-secondary-text-color); font-size: 12px; font-weight: 500; margin: 2px 0= px 0px 14px; display: inline-block; } devsite-my-community .devsite-my-community-private-chip .material-symbols-o= utlined { font-size: 12px; font-variation-settings: "FILL" 0, "wght" 400, "= GRAD" 0, "opsz" 48; top: 2px; position: relative; } devsite-my-community .devsite-my-community-legal-copy { padding: 16px; font= -size: 14px; background-color: var(--devsite-background-3); display: flex; = } devsite-my-community .devsite-my-community-legal-copy input { background-co= lor: transparent; margin-block-start: 5px; margin-inline-end: 11px; } .devsite-my-community-leave-title { font-family: "Google Sans"; font-weight= : 500; font-size: 18px; line-height: 24px; color: var(--devsite-heading-col= or,var(--devsite-secondary-text-color)); margin-bottom: 16px; } .devsite-my-community-leave-buttons { margin-top: 24px; } devsite-my-community.devsite-my-community-small .devsite-my-community-title= { font-size: 22px; } devsite-my-community.devsite-my-community-small .devsite-my-community-profi= le-attributes { grid: auto / auto; } devsite-my-community.devsite-my-community-small .devsite-my-community-profi= le-attributes-text { grid-column: 1 / 2; } devsite-nav-buttons { display: block; } devsite-nav-buttons button { -webkit-box-align: center; align-items: center= ; border: var(--devsite-button-border); box-shadow: none; display: inline-f= lex; font-weight: 500; text-transform: none; } devsite-nav-buttons button, devsite-nav-buttons button:focus, devsite-nav-b= uttons button:hover { color: var(--devsite-button-color); } devsite-nav-buttons button:focus, devsite-nav-buttons button:hover { backgr= ound: var(--devsite-button-background-hover); border: var(--devsite-button-= border-hover); } devsite-nav-buttons button, devsite-nav-buttons button[class^=3D"button-"] = { border-radius: 16px; height: 32px; line-height: 30px; padding: var(--devs= ite-button-padding,0 12px); } devsite-nav-buttons button[class^=3D"button-"][selected], devsite-nav-butto= ns button[selected] { border: var(--devsite-button-border-selected); paddin= g-left: 8px; } devsite-nav-buttons button[class^=3D"button-"], devsite-nav-buttons button[= class^=3D"button-"][selected] { border: 0px; } devsite-nav-buttons button[selected] { background: var(--devsite-button-bac= kground-selected); color: var(--devsite-button-color-selected); } devsite-nav-buttons button.button-white[selected] { background: var(--devsi= te-button-white-background-selected,var(--devsite-link-color)); color: var(= --devsite-button-white-color-selected,var(--devsite-inverted-text-color)); = } devsite-nav-buttons button.button-primary[selected] { background: var(--dev= site-button-primary-background-selected); color: var(--devsite-button-prima= ry-color-selected,var(--devsite-inverted-text-color)); } devsite-nav-buttons button[selected]::before { font-style: normal; font-var= iant: normal; font-size-adjust: none; font-language-override: normal; font-= kerning: auto; font-optical-sizing: auto; font-variation-settings: normal; = font-weight: normal; font-stretch: normal; font-size: 24px; line-height: 1;= font-family: "Material Icons"; font-feature-settings: "liga"; -webkit-font= -smoothing: antialiased; text-rendering: optimizelegibility; text-transform= : none; overflow-wrap: normal; content: "checked"; margin-right: 8px; width= : 24px; } devsite-pagination { display: block; font: var(--devsite-pagination-font,in= herit); letter-spacing: var(--devsite-pagination-letter-spacing,normal); } devsite-pagination[buttons], devsite-pagination[initial-results] { -webkit-= box-align: center; align-items: center; display: flex; -webkit-box-pack: ce= nter; justify-content: center; } devsite-pagination button[hidden] { display: none; } devsite-pagination .devsite-pagination-page-numbers-controls { -webkit-box-= align: stretch; align-items: stretch; display: flex; } devsite-pagination .devsite-pagination-next-button, devsite-pagination .dev= site-pagination-previous-button { border: 0px; } devsite-pagination .devsite-pagination-next-button:not([disabled]), devsite= -pagination .devsite-pagination-previous-button:not([disabled]) { border: 0= px; color: var(--devsite-secondary-text-color); } devsite-pagination .devsite-pagination-previous-button::before { content: "= chevron_left"; } devsite-pagination .devsite-pagination-next-button::before { content: "chev= ron_right"; } devsite-pagination .devsite-pagination-page-numbers { -webkit-box-align: ce= nter; align-items: center; display: flex; } devsite-pagination .devsite-pagination-ellipsis, devsite-pagination a { mar= gin: var(--devsite-pagination-link-margin,0 7px); } devsite-pagination a[selected] { text-decoration: underline; } devsite-pagination .devsite-pagination-ellipsis { align-self: flex-start; p= adding-top: 1px; } [dir] devsite-pagination .button, [dir] devsite-pagination .button + .butto= n { margin-left: 10px; margin-right: 10px; } devsite-panel { bottom: 0px; display: block; height: var(--devsite-panel-he= ight,auto); left: 0px; max-height: var(--devsite-panel-max-height,50vh); ov= erflow: auto; position: fixed; right: 0px; z-index: 1017; } devsite-panel[always-on-top] { z-index: 1005; } devsite-panel[devsite-size=3D"content-area"] { background-color: var(--devs= ite-background-1); } devsite-playlist { display: block; margin-bottom: 48px; } devsite-playlist .devsite-playlist--inner { margin: 0px auto; max-width: va= r(--devsite-playlist-max-width); padding: 0 var(--devsite-playlist-padding-= x); } devsite-playlist .devsite-playlist--header { background-color: rgb(19, 48, = 65); } devsite-playlist .devsite-playlist--header .devsite-playlist--inner { paddi= ng-bottom: 24px; } devsite-playlist .devsite-playlist--header-details { display: flex; -webkit= -box-pack: justify; justify-content: space-between; } devsite-playlist .devsite-playlist--header-badge-info, devsite-playlist .de= vsite-playlist--header-details-info { color: rgb(255, 255, 255); padding-to= p: 40px; width: calc(50% - 20px); } devsite-playlist .devsite-playlist--header-badge-info { -webkit-box-align: = center; align-items: center; display: flex; -webkit-box-pack: center; justi= fy-content: center; position: relative; } devsite-playlist .devsite-playlist--header-badge-info--bg { background: url= ("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835a= a6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/imag= es/playlist_header.svg") 0px -20px / cover no-repeat; content: ""; height: = 213px; left: 0px; position: absolute; top: 0px; width: 510px; } devsite-playlist .devsite-playlist--header-badge-info--container { place-se= lf: center; position: relative; } devsite-playlist .devsite-playlist-badge-details-icon, devsite-playlist .de= vsite-playlist-badge-details-icon-container { -webkit-box-align: center; al= ign-items: center; display: flex; -webkit-box-pack: center; justify-content= : center; } devsite-playlist .devsite-playlist-badge-details-icon-container-signin-enab= led.devsite-playlist-badge-details-icon-container { margin-bottom: -48px; p= osition: relative; z-index: 1; } devsite-playlist .devsite-playlist-badge-details-icon { background: var(--d= evsite-background-1); border-radius: 50%; height: 135px; padding: 7px; posi= tion: relative; width: 135px; } devsite-playlist .devsite-playlist-badge-details-icon-container-signin-enab= led .devsite-playlist-badge-details-icon { transform: translate3d(0px, -44p= x, 0px); transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-tra= nsform 0.2s cubic-bezier(0, 0, 0.2, 1); } devsite-playlist .devsite-playlist--progress-bar--outer, devsite-playlist .= devsite-playlist--progress-text, devsite-playlist .devsite-playlist-badge-d= etails-action, devsite-playlist .devsite-playlist-badge-details-icon img, d= evsite-playlist .devsite-playlist-badge-details-subtext { opacity: 1; posit= ion: relative; transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transfo= rm 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4= , 0, 1, 1); z-index: 2; } devsite-playlist .devsite-playlist-badge-details-icon img { animation: 0.33= s cubic-bezier(0.75, 0, 0.71, 0.97) 0s 1 normal none running badgeGrowIn, 0= .17s cubic-bezier(0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none running badg= eGrowOut, 0.5s linear 0s 1 normal none running badgeFadeIn; opacity: 1; tra= nsform: scale(1); } devsite-playlist .devsite-playlist-badge-sharing { -webkit-box-align: cente= r; align-items: center; border-top: var(--devsite-secondary-border); displa= y: flex; -webkit-box-pack: justify; justify-content: space-between; margin:= 12px -16px -16px; padding: 8px 0px; padding-inline-start: 12px; } devsite-playlist .devsite-playlist-share-buttons { -webkit-box-align: cente= r; align-items: center; display: flex; -webkit-box-pack: center; justify-co= ntent: center; } devsite-playlist .devsite-playlist-badge-sharing span { color: var(--devsit= e-secondary-text-color); font-size: 14px; line-height: 1; } devsite-playlist .devsite-playlist-badge-sharing img { width: 18px; } devsite-playlist .devsite-playlist-badge-sharing button { -webkit-box-align= : center; align-items: center; border: 0px; box-shadow: none; display: flex= ; height: auto; -webkit-box-pack: center; justify-content: center; min-widt= h: 0px; padding: 4px; } devsite-playlist .devsite-playlist-badge-sharing button:focus, devsite-play= list .devsite-playlist-badge-sharing button:hover { background: none; } devsite-playlist .devsite-playlist-badge-sharing button + button { margin: = 0px 8px; } devsite-playlist .devsite-playlist-badge-details-icon img { position: stati= c; } devsite-playlist .devsite-playlist-badge-details-icon devsite-spinner { opa= city: 0; position: absolute; transition: opacity 0.2s cubic-bezier(0.4, 0, = 1, 1); } devsite-playlist .devsite-playlist--progress-text { color: var(--devsite-pr= imary-text-color); font-size: 16px; font-weight: 500; line-height: 20px; te= xt-align: center; } devsite-playlist .devsite-playlist--progress-bar { transition: opacity 0.2s= cubic-bezier(0.4, 0, 1, 1); } devsite-playlist .devsite-playlist--progress-bar.hide { opacity: 0; } devsite-playlist .devsite-playlist--progress-bar--outer { background: var(-= -devsite-link-background-active); border-radius: 24px; height: 10px; margin= : 14px 0px 0px; position: relative; } devsite-playlist .devsite-playlist--progress-bar--inner { background: var(-= -devsite-link-color); border-radius: 24px; display: inline-block; height: 1= 00%; position: absolute; transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);= white-space: nowrap; width: 0px; } devsite-playlist .devsite-playlist-badge-details-action, devsite-playlist .= devsite-playlist-badge-details-subtext { font-size: 14px; line-height: 16px= ; text-align: center; } devsite-playlist .devsite-playlist-badge-details-subtext { color: var(--dev= site-secondary-text-color); padding: 28px 0px 0px; } devsite-playlist .devsite-playlist-badge-details-action { font-weight: 700;= padding: 4px 0px 0px; } devsite-playlist .no-badge .devsite-playlist-badge-details-icon-container {= display: none; } devsite-playlist .badge-earned .devsite-playlist-badge-details-subtext { pa= dding: 0px 0px 12px; } devsite-playlist .not-eligible .devsite-playlist--progress-bar, devsite-pla= ylist .not-eligible .devsite-playlist--progress-text { display: none; } devsite-playlist .not-eligible.no-badge .devsite-playlist-badge-details-sub= text { padding-top: 0px; } devsite-playlist .loading { pointer-events: none; } devsite-playlist .loading .devsite-playlist-badge-details-icon-container { = inset: 0px; margin-bottom: 0px; position: absolute; } devsite-playlist .loading .devsite-playlist-badge-details-icon { background= : 0px center; transform: translateZ(0px); } devsite-playlist .loading .devsite-playlist--progress-bar--outer, devsite-p= laylist .loading .devsite-playlist--progress-text, devsite-playlist .loadin= g .devsite-playlist-badge-details-action, devsite-playlist .loading .devsit= e-playlist-badge-details-subtext { opacity: 0; } devsite-playlist .loading .devsite-playlist-badge-details-icon img { opacit= y: 0; position: absolute; } devsite-playlist .loading .devsite-playlist-badge-details-icon devsite-spin= ner { opacity: 1; } devsite-playlist .devsite-playlist--header h1:first-of-type { color: rgb(25= 5, 255, 255); font: var(--devsite-h1-font); } devsite-playlist .devsite-playlist-details { color: var(--devsite-secondary= -text-color); font-size: 12px; line-height: 16px; } devsite-playlist .devsite-playlist--header p { line-height: 24px; margin: 2= 2px 0px; padding: 0px; } devsite-playlist .devsite-playlist-return-button { margin-top: 24px; } devsite-playlist .devsite-playlist-summary { display: flex; font: normal 70= 0 12px/24px var(--devsite-primary-font-family); } devsite-playlist .devsite-playlist-badge-details { background: var(--devsit= e-background-1); border-radius: 8px; height: auto; max-width: 213px; paddin= g: 16px; width: 100%; min-width: 64px; min-height: 64px; } devsite-playlist .profile-notification { -webkit-box-align: center; align-i= tems: center; display: flex; -webkit-box-pack: center; justify-content: cen= ter; } devsite-playlist .profile-notification--inner { box-shadow: 0 1px 2px 0 var= (--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevatio= n-ambient-shadow-color); border-radius: 4px; color: var(--devsite-secondary= -text-color); margin: 0px auto; padding: 16px; } devsite-playlist .devsite-playlist--section { padding: 24px 0px; position: = relative; } devsite-playlist .devsite-playlist--section .arrow--up, devsite-playlist[no= t-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: flex; } devsite-playlist .devsite-playlist--item-top::before { background: var(--de= vsite-background-5); content: ""; display: block; height: 0px; margin-inlin= e-start: 15px; margin-top: 2px; position: absolute; top: 54px; transition: = height 0.2s cubic-bezier(0.4, 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 1= , 1); width: 1px; z-index: 1; } devsite-playlist .devsite-playlist--item-top-index { -webkit-box-flex: 0; f= lex: 0 0 0%; position: relative; width: 30px; } devsite-playlist .devsite-playlist--item-top-index span { -webkit-box-align= : center; align-items: center; background: var(--devsite-primary-text-color= ); border-radius: 50%; color: var(--devsite-inverted-text-color); display: = flex; height: 30px; -webkit-box-pack: center; justify-content: center; marg= in-top: 2px; opacity: 1; width: 30px; } devsite-playlist .devsite-playlist--item-top-index i { color: var(--devsite= -playlist-icon-color); font-size: 36px; height: 36px; left: -3px; opacity: = 0; position: absolute; top: -1px; transform: rotate(45deg); width: 36px; } devsite-playlist .devsite-playlist--item-top-index devsite-spinner { opacit= y: 0; position: absolute; top: 2px; } devsite-playlist .devsite-playlist--item-top-index devsite-spinner, devsite= -playlist .devsite-playlist--item-top-index i, devsite-playlist .devsite-pl= aylist--item-top-index span { transition: background 0.2s cubic-bezier(0.4,= 0, 1, 1), opacity 0.2s cubic-bezier(0.4, 0, 1, 1); } devsite-playlist .devsite-playlist--item-top-controls { width: 32px; } devsite-playlist .devsite-playlist--item-top-controls button { box-shadow: = 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--d= evsite-elevation-ambient-shadow-color); -webkit-box-align: center; align-it= ems: center; border-radius: 50%; color: var(--devsite-playlist-button-color= ,var(--devsite-primary-text-color)); display: flex; height: 32px; -webkit-b= ox-pack: center; justify-content: center; min-width: 0px; padding: 0px; wid= th: 32px; } devsite-playlist .devsite-playlist--item-top-controls button:focus, devsite= -playlist .devsite-playlist--item-top-controls button:hover { color: var(--= devsite-playlist-button-color-hover); } devsite-playlist .devsite-playlist--item-top-controls button:active { color= : var(--devsite-playlist-button-color-active); } devsite-playlist .devsite-playlist--item-top-controls button .material-icon= s { cursor: pointer; font-size: 24px; height: 24px; margin: 0px; position: = static; top: auto; width: 24px; } devsite-playlist .devsite-playlist--item-top-title { cursor: pointer; -webk= it-box-flex: 1; flex: 1 1 0%; padding: 0px 18px; } devsite-playlist .devsite-playlist--item-top-title h2 { font-size: 28px; li= ne-height: 36px; margin: 0px; padding: 0px; } devsite-playlist .devsite-playlist--item--content, devsite-playlist .devsit= e-playlist--item--meta { padding: 0px 48px; } devsite-playlist .devsite-playlist--item--meta { -webkit-box-align: center;= align-items: center; color: var(--devsite-secondary-text-color); display: = flex; font-size: 12px; line-height: 16px; margin: 4px 0px; } devsite-playlist .devsite-playlist--item--meta em { padding-inline-start: 1= 6px; } devsite-playlist .devsite-playlist--item--meta .material-icons { font-size:= 18px; height: 18px; margin-inline-end: 4px; width: 18px; } devsite-playlist .devsite-playlist--item--actions, devsite-playlist .devsit= e-playlist--item--content { display: none; } devsite-playlist .devsite-playlist--item--actions { -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: end; justify-content: flex-end; = padding: 8px 0px 32px; padding-inline-start: 48px; } devsite-playlist [ready] .devsite-playlist--item-top::before { height: calc= (100% - 30px); } devsite-playlist [expanded] { background: url("/web/20230131013155im_/https= ://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cf= e5cc51e31c466c45c27dbcd2bcca1/developers/images/playlist_active.svg") cente= r top repeat-x rgb(245, 245, 247); } devsite-playlist [expanded] .arrow--down { display: none; } devsite-playlist [expanded] .arrow--up { display: block; } devsite-playlist [expanded] .devsite-playlist--item-top-index span { backgr= ound: var(--devsite-link-color); } devsite-playlist [expanded] .devsite-playlist--item--content { display: blo= ck; } devsite-playlist [expanded] .devsite-playlist--item--actions { display: fle= x; } devsite-playlist [type=3D"game"] .devsite-playlist--item--content, devsite-= playlist [type=3D"video"] .devsite-playlist--item--content { padding: 12px = 48px; } devsite-playlist [completing] devsite-spinner { opacity: 1; } devsite-playlist [completed] .devsite-playlist--item-top-index span { opaci= ty: 0; } devsite-playlist [completed] .devsite-playlist--item-top-index i { opacity:= 1; transform: rotate(0deg); } devsite-playlist [completed] .playlist-skip { display: none; } devsite-playlist [completed][expanded] .devsite-playlist--item-top-index i = { background-color: rgba(230, 240, 255, 0.24); } devsite-playlist [last] .devsite-playlist--item-top::before { display: none= ; } devsite-playlist .devsite-playlist--section-quiz { border: var(--devsite-pr= imary-border); border-radius: 4px; padding: 24px; } devsite-playlist .devsite-playlist--section-quiz h2 { margin: 0px; padding:= 0px; } devsite-playlist .devsite-playlist--section-project-header { -webkit-box-al= ign: start; align-items: start; display: flex; -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; gap: 0px 8px; } devsite-playlist .devsite-playlist--project--status { background: var(--dev= site-background-3); border-radius: 4px; font: 500 11px/16px var(--devsite-p= rimary-font-family); letter-spacing: 0.8px; padding-block: 4px; padding-inl= ine: 8px; text-transform: uppercase; } devsite-playlist .devsite-playlist--footer, devsite-playlist .devsite-playl= ist--section-quiz .devsite-playlist--item--actions { display: flex; } devsite-playlist .devsite-playlist--footer { -webkit-box-pack: center; just= ify-content: center; margin-top: 20px; padding: 4px 0px; } .devsite-playlist-dialog { box-shadow: 0 1px 3px 0 var(--devsite-elevation-= key-shadow-color),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-colo= r); background: var(--devsite-background-1); border-radius: 8px; padding: 2= 4px; position: relative; } .devsite-playlist-dialog .devsite-playlist-dialog-spinner { -webkit-box-ali= gn: center; align-items: center; background: var(--devsite-background-1); i= nset: 0px; display: none; -webkit-box-pack: center; justify-content: center= ; position: absolute; z-index: 100; } .devsite-playlist-dialog.loading .devsite-playlist-dialog-spinner { display= : flex; } .devsite-playlist-dialog .devsite-playlist-dialog-inner { color: var(--devs= ite-secondary-text-color); position: relative; } .devsite-playlist-dialog .devsite-playlist-dialog-inner h4 { font-family: v= ar(--devsite-headline-font-family); font-size: 16px; line-height: 24px; mar= gin: 0px 0px 16px; } .devsite-playlist-dialog .devsite-playlist-dialog-inner label { font-size: = 14px; line-height: 22px; } .devsite-playlist-dialog .devsite-playlist-dialog-inner p { color: var(--de= vsite-secondary-text-color); font-size: 12px; line-height: 16px; } @media screen and (max-width: 600px) { devsite-playlist .devsite-playlist--header-details { -webkit-box-align: c= enter; align-items: center; -webkit-box-orient: vertical; -webkit-box-direc= tion: normal; flex-direction: column; } devsite-playlist .devsite-playlist--header-badge-info, devsite-playlist .= devsite-playlist--header-details-info { width: 100%; } devsite-playlist .devsite-playlist--header-badge-info--bg { background-po= sition: 0px center; top: 84px; } } devsite-playlist-earnable-badges { display: block; } devsite-playlist-earnable-badges.loading { position: relative; } devsite-playlist-earnable-badges .spinner-container { position: absolute; i= nset: 0px; display: flex; -webkit-box-align: center; align-items: center; -= webkit-box-pack: center; justify-content: center; } devsite-playlist-summary { display: block; } devsite-playlist-summary.loading { position: relative; } devsite-playlist-summary .progress-container { position: absolute; top: 0px= ; right: 0px; left: 0px; z-index: 1000; } devsite-playlist-summary .devsite-playlist-summary-image.hide, devsite-play= list-summary .devsite-playlist-summary-info.hide { opacity: 0; transform: t= ranslateY(12px); transition: transform 0.213s cubic-bezier(0.4, 0, 1, 1), o= pacity 0.213s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.213s cubic-be= zier(0.4, 0, 1, 1); } devsite-playlist-summary .devsite-playlist-summary-image, devsite-playlist-= summary .devsite-playlist-summary-info { opacity: 1; transform: translateY(= 0px); transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1), opacity 0.21= 3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.213s cubic-bezier(0, 0, = 0.2, 1); } devsite-playlist-summary .devsite-playlist-summary-progress-background { ov= erflow: hidden; } devsite-playlist-summary.not-signed-in .devsite-playlist-summary-progress-b= ackground { margin-right: 0px; } devsite-playlist-summary.not-signed-in .devsite-playlist-summary-progress-b= ar-value { display: none; } devsite-playlist-summary .devsite-playlist-summary-progress-bar { transform= : translateX(-101%); transition: transform 0.213s cubic-bezier(0, 0, 0.2, 1= ), -webkit-transform 0.213s cubic-bezier(0, 0, 0.2, 1); } devsite-playlist-summary .devsite-playlist-summary-progress-bar-value:empty= ::before, devsite-playlist-summary .devsite-playlist-summary-status:empty::= before { content: "=C2=A0"; } devsite-product-catalog .devsite-product-catalog-alphabet { border-bottom: = var(--devsite-primary-border); border-top: var(--devsite-primary-border); c= olor: var(--devsite-secondary-text-color); display: flex; font-size: 20px; = -webkit-box-pack: justify; justify-content: space-between; padding: 16px 0p= x; } devsite-product-catalog .devsite-product-catalog-alphabet-link, devsite-pro= duct-catalog .devsite-product-catalog-alphabet-link-disabled { display: fle= x; -webkit-box-flex: 1; flex: 1 1 auto; padding: 10px 0px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter:not(:last-= child) { border-bottom: var(--devsite-primary-border); } devsite-product-catalog .devsite-product-catalog-alphabet-letter-heading { = margin: 20px 0px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list { col= umn-count: 3; column-gap: 40px; list-style: none; margin: 0px 0px 40px; pad= ding: 0px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list-item = { break-inside: avoid; margin: 0px 0px 16px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-link { dis= play: block; padding: 8px 0px; } devsite-product-catalog .devsite-product-catalog-item-name { margin: 0px; } devsite-product-catalog devsite-filter:not(:first-of-type) { border-top: va= r(--devsite-primary-border); } devsite-product-catalog .devsite-filter-input + .devsite-product-catalog-al= phabet { margin-top: 32px; } devsite-product-catalog .devsite-filter-input:valid + .devsite-product-cata= log-alphabet { display: none; } @media screen and (max-width: 840px) { devsite-product-catalog .devsite-product-catalog-alphabet { flex-wrap: wr= ap; -webkit-box-pack: start; justify-content: flex-start; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list { c= olumn-count: 2; } devsite-product-catalog .devsite-product-catalog-alphabet-link, devsite-p= roduct-catalog .devsite-product-catalog-alphabet-link-disabled { display: b= lock; -webkit-box-flex: 0; flex: 0 0 44px; text-align: center; } } @media screen and (max-width: 600px) { devsite-product-catalog .devsite-product-catalog-alphabet { padding: 0px = 0px 20px; } devsite-product-catalog .devsite-product-catalog-alphabet-letter-list { c= olumn-count: 1; } } devsite-progress { pointer-events: none; transform-origin: 50% 0px; transfo= rm: scaleY(0); transition: transform 0.2s, -webkit-transform 0.2s; } devsite-progress[type=3D"indeterminate"] { height: 2px; transform: scaleY(1= ); contain: size layout style paint; } devsite-progress .devsite-progress--indeterminate { position: relative; hei= ght: 2px; } devsite-progress .devsite-progress--indeterminate-1, devsite-progress .devs= ite-progress--indeterminate-2, devsite-progress .devsite-progress--indeterm= inate-3, devsite-progress .devsite-progress--indeterminate-4 { inset: 0px; = position: absolute; transform-origin: 0px 0px; transform: scaleX(0); } devsite-progress .devsite-progress--indeterminate-1 { animation: 2.5s linea= r 0s infinite normal none running progress-indeterminate-1; background: var= (--devsite-progress-background-1,var(--devsite-background-1)); z-index: 1; = } devsite-progress .devsite-progress--indeterminate-2 { animation: 2.5s ease-= in 0s infinite normal none running progress-indeterminate-2; background: va= r(--devsite-progress-background-2,var(--devsite-background-1)); z-index: 2;= } devsite-progress .devsite-progress--indeterminate-3 { animation: 2.5s ease-= out 0s infinite normal none running progress-indeterminate-3; background: v= ar(--devsite-progress-background-3,var(--devsite-background-1)); z-index: 3= ; } devsite-progress .devsite-progress--indeterminate-4 { animation: 2.5s ease-= out 0s infinite normal none running progress-indeterminate-4; background: v= ar(--devsite-progress-background-4,var(--devsite-background-1)); z-index: 4= ; } @-webkit-keyframes progress-indeterminate-1 {=20 0% { transform: scaleX(0); } 50%, 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-1 {=20 0% { transform: scaleX(0); } 50%, 100% { transform: scaleX(1); } } @-webkit-keyframes progress-indeterminate-2 {=20 0%, 20% { transform: scaleX(0); } 70%, 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-2 {=20 0%, 20% { transform: scaleX(0); } 70%, 100% { transform: scaleX(1); } } @-webkit-keyframes progress-indeterminate-3 {=20 0%, 60% { transform: scaleX(0); } 90%, 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-3 {=20 0%, 60% { transform: scaleX(0); } 90%, 100% { transform: scaleX(1); } } @-webkit-keyframes progress-indeterminate-4 {=20 0%, 75% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes progress-indeterminate-4 {=20 0%, 75% { transform: scaleX(0); } 100% { transform: scaleX(1); } } devsite-quiz { display: block; font-size: 14px; } devsite-quiz input[type=3D"checkbox"], devsite-quiz input[type=3D"radio"] {= margin-top: 0px; position: relative; top: 3px; } devsite-quiz devsite-bookmark input.bookmark-checkbox { top: 0px; } devsite-quiz input + label { font-size: 14px; vertical-align: middle; } devsite-quiz devsite-select .devsite-select-toggle { min-width: 200px; } devsite-quiz [answered] .variant-success:checked { color: var(--devsite-qui= z-correct-color); } devsite-quiz [answered] .variant-success:checked:focus::before { background= : var(--devsite-quiz-correct-background); } devsite-quiz [answered] input[type=3D"text"].variant-success { background-c= olor: var(--devsite-quiz-correct-background); border-color: var(--devsite-q= uiz-correct-border-color); } devsite-quiz [answered] input[type=3D"text"]:focus.variant-success { border= -bottom-color: var(--devsite-quiz-correct-border-color-focus); } devsite-quiz [answered] .variant-error:checked { color: var(--devsite-quiz-= error-color); } devsite-quiz [answered] .variant-error:checked:focus::before { background: = var(--devsite-quiz-error-background); } devsite-quiz [answered] input[type=3D"text"].variant-error { background-col= or: var(--devsite-quiz-error-background); border-color: var(--devsite-quiz-= error-border-color); } devsite-quiz [answered] input[type=3D"text"]:focus.variant-error { border-b= ottom-color: var(--devsite-quiz-error-color); } devsite-quiz .devsite-quiz-header { background: var(--devsite-background-2)= ; border-bottom: var(--devsite-primary-border); } devsite-quiz .devsite-quiz-header-content { -webkit-box-align: center; alig= n-items: center; display: flex; -webkit-box-pack: justify; justify-content:= space-between; margin: 0px auto; padding: 48px 16px; } devsite-quiz .devsite-quiz-title { margin-bottom: 8px; padding: 0px; top: 0= px; } devsite-quiz .devsite-quiz-tagline { color: var(--devsite-quiz-secondary-te= xt-color); font-weight: 400; font-size: 14px; line-height: 20px; margin: 0p= x; } devsite-quiz .devsite-quiz-tagline:empty { min-height: 40px; } devsite-quiz .devsite-quiz-return-button { margin-top: 15px; } devsite-quiz .devsite-quiz-badge { display: none; } devsite-quiz .devsite-quiz-partially-correct-indicator { background-color: = var(--devsite-quiz-partially-correct-indicator-background); } devsite-quiz .devsite-quiz-body { margin: 0px auto; padding: 48px 16px 0px;= } devsite-quiz [answered] .devsite-quiz-feedback { margin-bottom: 18px; opaci= ty: 1; transform: translateX(0px); transition: opacity 0.2s cubic-bezier(0,= 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0= .2s cubic-bezier(0, 0, 0.2, 1); } devsite-quiz .devsite-quiz-submit-error { background: var(--devsite-quiz-er= ror-background); border-radius: 4px; font-size: 16px; font-weight: 500; lin= e-height: 30px; padding: 6px 12px; } devsite-quiz .devsite-quiz-submit-error i { color: var(--devsite-quiz-error= -color); line-height: 30px; margin-inline-end: 8px; } devsite-quiz .devsite-quiz-submit-button { margin-top: 64px; } devsite-quiz .devsite-quiz-submit-button devsite-spinner { display: inline-= block; margin-inline-start: 15px; top: 5px; } devsite-quiz .devsite-quiz-question-list { font-style: ; font-variant-ligat= ures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asia= n: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji= : ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical= -sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; fon= t-variation-settings: ; font-language-override: ; font-weight: 500; list-st= yle-position: inside; padding-inline-start: 0px; } devsite-quiz .devsite-quiz-question { margin: 0px 0px 64px; } devsite-quiz .devsite-quiz-question:last-child { margin-bottom: 0px; } devsite-quiz .devsite-quiz-question-header { font-style: ; font-variant-lig= atures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-as= ian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emo= ji: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optic= al-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; f= ont-variation-settings: ; font-language-override: ; font-weight: 500; margi= n: 0px; } devsite-quiz .devsite-quiz-question-sub-header { color: var(--devsite-quiz-= secondary-text-color); font-size: 12px; font-style: italic; line-height: 16= px; margin: 0px; } devsite-quiz .devsite-quiz-answer { -webkit-box-align: start; align-items: = flex-start; display: flex; margin: 16px 0px; position: relative; } devsite-quiz .devsite-quiz-answer label { font-family: var(--devsite-primar= y-font-family); font-weight: 400; line-height: 24px; margin-inline-end: 15p= x; } devsite-quiz .devsite-quiz-answer .devsite-landing-row-item-media { margin-= inline-end: 15px; min-width: auto; } devsite-quiz .devsite-quiz-match-question { border-top: var(--devsite-prima= ry-border); margin: 24px 0px 0px; } devsite-quiz .devsite-quiz-match-question-row { border-bottom: var(--devsit= e-primary-border); display: block; } devsite-quiz .devsite-quiz-feedback, devsite-quiz .devsite-quiz-match-quest= ion-row-element { margin: 24px 0px; } devsite-quiz .devsite-quiz-problem-item { font-size: 14px; line-height: 20p= x; margin: 0px; } devsite-quiz .devsite-quiz-fill-in-the-blank-container { display: flex; -we= bkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: c= olumn; font-size: 14px; margin: 8px 0px 0px; } devsite-quiz .devsite-quiz-fill-in-the-blank-question { -webkit-box-align: = center; align-items: center; display: block; line-height: 32px; margin-bott= om: 0px; } devsite-quiz .devsite-quiz-fill-in-the-blank-question + .devsite-quiz-feedb= ack { margin-top: 8px; } devsite-quiz .devsite-quiz-text-input { font-family: var(--devsite-primary-= font-family); font-size: 14px; font-weight: 400; margin-inline-start: 0px; = padding: 3px 7px; } devsite-quiz .devsite-quiz-text-input::-webkit-input-placeholder { font-siz= e: 14px; font-style: italic; line-height: 20px; } devsite-quiz .devsite-quiz-text-input::placeholder { font-size: 14px; font-= style: italic; line-height: 20px; } devsite-quiz .devsite-quiz-footer { background: transparent; min-height: 48= px; transition: background 0.2s cubic-bezier(0.4, 0, 1, 1); margin: 64px 0p= x -68px; } devsite-quiz devsite-badge-awarded { max-width: 720px; display: block; marg= in: 0px auto; } devsite-quiz [show] { background: var(--devsite-background-2); transition: = background 0.2s cubic-bezier(0, 0, 0.2, 1); } devsite-quiz [show] .devsite-quiz-footer-content { opacity: 1; transform: t= ranslateY(0px); transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transf= orm 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0,= 0, 0.2, 1); } devsite-quiz .devsite-quiz-footer-content { opacity: 0; padding: 48px 16px;= transform: translateY(24px); transition: opacity 0.2s cubic-bezier(0.4, 0,= 1, 1), transform 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s c= ubic-bezier(0.4, 0, 1, 1); } devsite-quiz .static-badge-awarded-container { min-height: 68px; background= : var(--devsite-background-2); } devsite-quiz .static-badge-awarded-container .devsite-badger-award-inner:fi= rst-child { padding-top: 30px; } devsite-quiz .static-badge-awarded-container .devsite-badger-award-inner:la= st-child { padding-bottom: 30px; } devsite-quiz .devsite-quiz-results-container { width: 100%; } devsite-quiz .devsite-quiz-footer-header { font: 400 32px/40px var(--devsit= e-headline-font-family); } devsite-quiz .devsite-quiz-score { font-weight: 500; } devsite-quiz .devsite-quiz-score-copy { font: 400 24px/32px var(--devsite-h= eadline-font-family); margin-bottom: 8px; } devsite-quiz .devsite-quiz-score-success { font-size: 20px; margin-bottom: = 20px; } devsite-quiz .devsite-quiz-score-fail .devsite-quiz-score { color: var(--de= vsite-quiz-error-color); } devsite-quiz .devsite-quiz-score-success .devsite-quiz-score { color: var(-= -devsite-quiz-correct-color); } devsite-quiz .devsite-quiz-score-subtext { color: var(--devsite-quiz-second= ary-text-color); margin-top: 8px; } devsite-quiz .devsite-quiz-action-buttons { display: flex; } devsite-quiz .devsite-quiz-rating { border-top: var(--devsite-primary-borde= r); display: flex; -webkit-box-pack: center; justify-content: center; paddi= ng: 32px 0px; } devsite-quiz .devsite-quiz-feedback { -webkit-box-align: center; align-item= s: center; color: var(--devsite-primary-text-color); display: inline-flex; = margin: 0px; opacity: 0; position: relative; transform: translateX(-24px); = transition: opacity 0.2s cubic-bezier(0.4, 0, 1, 1), transform 0.2s cubic-b= ezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 1, 1); } devsite-quiz .devsite-quiz-feedback-container { border-radius: 4px; display= : inline-flex; margin: -9px 0px; padding: 4px 12px; } devsite-quiz .devsite-quiz-feedback-container::before { font-style: normal;= font-variant: normal; font-size-adjust: none; font-language-override: norm= al; font-kerning: auto; font-optical-sizing: auto; font-variation-settings:= normal; font-weight: normal; font-stretch: normal; font-size: 24px; font-f= amily: "Material Icons"; font-feature-settings: "liga"; -webkit-font-smooth= ing: antialiased; text-rendering: optimizelegibility; text-transform: none;= overflow-wrap: normal; line-height: inherit; margin-inline-end: 8px; } devsite-quiz .correct { background: var(--devsite-quiz-correct-background);= } devsite-quiz .correct::before { color: var(--devsite-quiz-correct-color); c= ontent: "check_circle_outline"; } devsite-quiz .partially-correct { background: var(--devsite-quiz-partially-= correct-background); margin: 15px 0px 0px; } devsite-quiz .partially-correct::before { color: var(--devsite-quiz-partial= ly-correct-color); content: "remove_circle_outline"; } devsite-quiz .incorrect { background: var(--devsite-quiz-error-background);= } devsite-quiz .incorrect::before { color: var(--devsite-quiz-error-color); c= ontent: "not_interested"; } devsite-quiz .devsite-quiz-feedback-text { font-family: var(--devsite-headl= ine-font-family); font-size: 14px; line-height: 20px; margin: 5px 0px; } devsite-quiz .devsite-quiz-feedback-title { font-family: var(--devsite-head= line-font-family); font-size: 16px; font-weight: 500; } devsite-quiz .devsite-quiz-feedback-message { font-family: var(--devsite-pr= imary-font-family); } @media screen and (max-width: 600px) { devsite-quiz .devsite-quiz-question { margin-bottom: 36px; } devsite-quiz .devsite-quiz-match-question-row-element { margin: 12px 0px;= } devsite-quiz .devsite-quiz-feedback { margin: 0px 0px 12px; top: 0px; } } @media screen and (min-width: 601px) { devsite-quiz .devsite-quiz-body, devsite-quiz .devsite-quiz-footer-conten= t, devsite-quiz .devsite-quiz-header-content { padding-inline: 24px; } devsite-quiz .devsite-quiz-badge { display: block; height: 122px; min-wid= th: 122px; opacity: 0; transform: scale(1); width: 122px; } devsite-quiz .devsite-quiz-badge.show { animation: 0.33s cubic-bezier(0.7= 5, 0, 0.71, 0.97) 0s 1 normal none running badgeGrowIn, 0.17s cubic-bezier(= 0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none running badgeGrowOut, 0.5s lin= ear 0s 1 normal none running badgeFadeIn; margin-inline-start: 48px; opacit= y: 1; transform: scale(1); } devsite-quiz .devsite-quiz-badge img { height: 120px; width: 120px; } devsite-quiz .devsite-quiz-match-question { border: 0px; display: table; = max-width: 600px; width: 100%; } devsite-quiz .devsite-quiz-match-question-row { border: 0px; display: tab= le-row; } devsite-quiz .devsite-quiz-match-question-row-element, devsite-quiz .devs= ite-quiz-match-question-row > .devsite-quiz-feedback { display: table-cell;= margin: 0px; padding: 24px; position: relative; top: 0px; vertical-align: = middle; } devsite-quiz .devsite-quiz-match-question-row-element { border-top: var(-= -devsite-primary-border); } devsite-quiz .devsite-quiz-match-question-row:last-child > .devsite-quiz-= match-question-row-element { border-bottom: var(--devsite-primary-border); = } devsite-quiz .devsite-quiz-problem { box-sizing: border-box; padding-inli= ne-start: 0px; width: 100%; } devsite-quiz .devsite-quiz-answer { padding-inline-end: 0px; } devsite-quiz .devsite-quiz-feedback-container { display: flex; } } @media screen and (min-width: 841px) { devsite-quiz .devsite-quiz-body, devsite-quiz .devsite-quiz-footer-conten= t, devsite-quiz .devsite-quiz-header-content { max-width: 768px; } devsite-quiz .devsite-quiz-header-text { max-width: 488px; } devsite-quiz .devsite-quiz-footer { display: flex; -webkit-box-pack: cent= er; justify-content: center; } devsite-quiz .devsite-quiz-footer-content { display: flex; width: 100%; } devsite-quiz .devsite-quiz-footer-content + .devsite-quiz-footer-content = { margin-top: 0px; } devsite-quiz .devsite-quiz-footer-content:nth-last-child(2), devsite-quiz= .devsite-quiz-footer-content:nth-last-child(2) + .devsite-quiz-footer-cont= ent { max-width: 384px; } devsite-quiz .devsite-quiz-footer-content:nth-last-child(2) { -webkit-box= -pack: end; justify-content: flex-end; } } devsite-recommendations { border-top: var(--devsite-primary-border); displa= y: block; -webkit-box-flex: 1; flex: 1 1 0%; margin: 40px -40px -40px; padd= ing: 20px 40px 40px; } body[layout=3D"full"] devsite-recommendations { padding: 12px 0px; } body[layout=3D"docs"][template=3D"landing"] devsite-recommendations { margi= n: 0px; padding: 12px 40px; } devsite-recommendations .significatio-overview { -webkit-box-align: center;= align-items: center; display: flex; -webkit-box-pack: justify; justify-con= tent: space-between; position: relative; } body[layout=3D"full"] devsite-recommendations .significatio-overview { marg= in: 0px auto; } body[layout=3D"full"] devsite-recommendations .significatio-body, body[layo= ut=3D"full"] devsite-recommendations .significatio-overview { max-width: 14= 88px; padding: 0px 24px; } devsite-recommendations .significatio-heading { font: var(--devsite-h2-font= ); -webkit-box-align: center; align-items: center; border: 0px; display: fl= ex; margin: 0px; padding-right: 4px; } devsite-recommendations .significatio-body { display: flex; -webkit-box-pac= k: justify; justify-content: space-between; margin: 12px 0px 0px; width: 10= 0%; } body[layout=3D"full"] devsite-recommendations .significatio-body { margin: = 16px auto 0px; } devsite-recommendations .significatio-heading-icon { fill: currentcolor; ma= rgin-inline: 0px 4px; width: 24px; } devsite-recommendations .significatio-buttons { display: flex; -webkit-box-= orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } devsite-recommendations .significatio-buttons button { -webkit-box-align: c= enter; align-items: center; border-radius: 50%; display: flex; font-size: 2= 0px; height: 40px; -webkit-box-pack: center; justify-content: center; paddi= ng: 0px; transition: background 0.2s; width: 40px; } devsite-recommendations .significatio-buttons button:focus, devsite-recomme= ndations .significatio-buttons button:hover { background-color: rgb(174, 20= 3, 250); } 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; -w= ebkit-box-flex: 1; flex: 1 1 0%; } devsite-recommendations .significatio-loading devsite-spinner { margin: 0px= auto; } devsite-recommendations .significatio-recommendations { display: flex; gap:= 0px 24px; } devsite-recommendations:not([loading]) .significatio-recommendations { widt= h: 100%; } devsite-recommendations .significatio-card { background: var(--devsite-card= -background); border: var(--devsite-card-border); border-radius: var(--devs= ite-card-border-radius); box-shadow: var(--devsite-card-box-shadow); color:= var(--devsite-primary-text-color); display: flex; -webkit-box-flex: 1; fle= x: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; fle= x-direction: column; max-width: calc(33.3333% - 16px); min-width: 0px; opac= ity: 0; padding: 18px 20px 20px; transition: opacity 0.2s cubic-bezier(0.4,= 0, 1, 1); } devsite-recommendations .significatio-card:hover { box-shadow: 0 1px 2px 0 = var(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-eleva= tion-ambient-shadow-color); } devsite-recommendations .significatio-card.error { -webkit-box-align: cente= r; align-items: center; -webkit-box-pack: center; justify-content: center; = } devsite-recommendations .significatio-card[show] { opacity: 1; } devsite-recommendations .significatio-card-heading { font: 500 16px/24px va= r(--devsite-primary-font-family); margin: 0px 0px 8px; -webkit-line-clamp: = 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; te= xt-overflow: ellipsis; color: var(--devsite-link-color); } devsite-recommendations .significatio-card-description { -webkit-box-orient= : vertical; display: -webkit-box; font-size: 14px; -webkit-line-clamp: 2; m= argin: 0px 0px 20px; max-height: 48px; overflow: hidden; } devsite-recommendations .significatio-card.error .significatio-card-descrip= tion { color: rgb(128, 134, 139); font: 400 12px/16px var(--devsite-primary= -font-family); letter-spacing: 0px; -webkit-line-clamp: 3; margin: 12px 0px= ; text-align: center; } devsite-recommendations .significatio-card.error .significatio-card-descrip= tion + .significatio-card-description { margin-top: 0px; } devsite-recommendations .significatio-card-meta { font: 400 14px/16px var(-= -devsite-primary-font-family); color: var(--devsite-secondary-text-color); = margin: auto 0px 0px; } devsite-recommendations .info-container, devsite-recommendations .significa= tio-popout-container, devsite-recommendations .significatio-recommend-popou= t-container { -webkit-box-flex: 1; flex-grow: 1; position: relative; } devsite-recommendations .info-button, devsite-recommendations .significatio= -popout-toggle { color: rgb(95, 99, 104); } devsite-recommendations .significatio-attr-toggle { height: 16px; color: rg= b(128, 134, 139); padding: 0px 5px; min-width: 0px; display: inline-flex; -= webkit-box-align: center; align-items: center; -webkit-box-pack: center; ju= stify-content: center; overflow: visible; } devsite-recommendations .significatio-attr-toggle .significatio-attr-info {= height: 16px; width: 16px; fill: rgb(128, 134, 139); position: relative; t= op: -2px; margin: 0px; } devsite-recommendations .significatio-attr h4 { font-style: ; font-variant-= ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east= -asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-= emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-op= tical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: = ; font-variation-settings: ; font-language-override: ; color: rgb(60, 64, 6= 7); line-height: 20px; } devsite-recommendations .significatio-attr p { font-style: ; font-variant-l= igatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-= asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-e= moji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-opt= ical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ;= font-variation-settings: ; font-language-override: ; color: rgb(60, 64, 67= ); line-height: 20px; } devsite-recommendations .significatio-info-container { border-radius: 50%; = height: 36px; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0= .2s; } devsite-recommendations .significatio-info-container:hover { background-col= or: var(--devsite-background-4); } devsite-recommendations .significatio-error-icon, devsite-recommendations .= significatio-icon-info { fill: currentcolor; vertical-align: text-bottom; w= idth: 18px; height: 36px; } devsite-recommendations .significatio-popout { box-shadow: 0 1px 2px 0 var(= --devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation= -ambient-shadow-color); background: var(--devsite-background-1); max-width:= 400px; opacity: 0; padding: 20px 24px; position: absolute; top: calc(100% = + 8px); transform: translateY(-12px); transition: opacity 0.2s, transform 0= .2s, -webkit-transform 0.2s; } [dir=3D"ltr"] devsite-recommendations .significatio-popout { left: -12px; } [dir=3D"rtl"] devsite-recommendations .significatio-popout { right: -12px; = } devsite-recommendations .significatio-popout.significatio-attr { box-shadow= : 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px var(-= -devsite-elevation-ambient-shadow-color); border-radius: 4px; padding: 16px= 17px; width: 150px; } [dir=3D"ltr"] devsite-recommendations .significatio-popout.significatio-att= r { left: calc(50% - 75px); } [dir=3D"rtl"] devsite-recommendations .significatio-popout.significatio-att= r { right: calc(50% - 75px); } devsite-recommendations .significatio-popout.significatio-attr h4 { margin-= bottom: 8px; } devsite-recommendations .significatio-popout.significatio-attr p { margin-b= ottom: 0px; } devsite-recommendations .significatio-popout-heading { margin-top: 0px; } [dir=3D"ltr"] body[layout=3D"full"] devsite-recommendations .significatio-p= opout { right: 32px; } [dir=3D"rtl"] body[layout=3D"full"] devsite-recommendations .significatio-p= opout { left: 32px; } devsite-recommendations .significatio-popout[active] { opacity: 1; transfor= m: translateY(0px); } devsite-recommendations .significatio-popout p { margin-top: 0px; } devsite-recommendations .significatio-interaction-container { height: 36px;= } devsite-recommendations .significatio-internal-only { line-height: 12px; si= ze: 12px; margin: 14px 0px; color: rgb(165, 14, 14); } @media screen and (max-width: 1253px) { body[layout] devsite-recommendations .significatio-recommendations { disp= lay: block; } body[layout] devsite-recommendations .significatio-card { max-width: none= ; } [dir] body[layout] devsite-recommendations .significatio-card:not(:first-= child) { margin: 24px 0px 0px; } } @media screen and (max-width: 840px) { body[layout][template] devsite-recommendations { margin: 24px -24px -24px= ; padding: 24px; } body[layout=3D"full"] devsite-recommendations .significatio-body, body[la= yout=3D"full"] devsite-recommendations .significatio-overview { padding: 0p= x; } [dir=3D"ltr"] body[layout=3D"full"] devsite-recommendations .significatio= -popout { right: -8px; } [dir=3D"rtl"] body[layout=3D"full"] devsite-recommendations .significatio= -popout { left: -8px; } } @media screen and (max-width: 600px) { body[layout][template] devsite-recommendations { margin: 32px -16px -16px= ; padding: 16px; } [dir] body[layout] devsite-recommendations .significatio-card:not(:first-= child) { margin: 16px 0px 0px; } } devsite-recommendations-dropdown { display: block; -webkit-box-flex: 1; fle= x: 1 1 0%; } .devsite-recommendations-dropdown-toggle { display: flex; } .devsite-recommendations-dropdown-icon { -webkit-box-align: center; align-i= tems: center; display: flex; height: 100%; pointer-events: none; top: 0px; = } [dir=3D"ltr"] .devsite-recommendations-dropdown-icon { right: 8px; } [dir=3D"rtl"] .devsite-recommendations-dropdown-icon { left: 8px; } .devsite-recommendations-dropdown-icon::before { font-size: 18px; content: = "keyboard_arrow_down"; } .devsite-recommendations-dropdown-toggle.active > .devsite-recommendations-= dropdown-icon::before { content: "keyboard_arrow_up"; } .devsite-recommendations-dropdown-list { background: var(--devsite-backgrou= nd-1); border: var(--devsite-list-border,var(--devsite-secondary-border)); = border-radius: var(--devsite-list-border-radius,2px); box-shadow: 0 1px 2px= 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-el= evation-ambient-shadow-color); display: none; font: 400 14px/20px var(--dev= site-primary-font-family); opacity: 0; outline: 0px; overflow-y: auto; poin= ter-events: none; position: absolute; transition: opacity 0.2s, visibility = 0.2s; z-index: 1005; list-style-type: none; padding: 0px 14px; } .devsite-recommendations-dropdown-list.active { display: block; opacity: 1;= pointer-events: auto; } devsite-recommendations-dropdown .devsite-select-item { -webkit-box-align: = center; align-items: center; margin: 0px; min-height: 48px; min-width: 100%= ; white-space: nowrap; border-bottom: 1px solid rgb(218, 220, 224); padding= : 14px 0px; } devsite-recommendations-dropdown .devsite-select-item:hover { background-co= lor: var(--devsite-background-3); cursor: pointer; } devsite-recommendations-dropdown .devsite-select-item > .significatio-card-= heading { margin: 0px; } devsite-recommendations-sidebar { display: var(--devsite-js-recommendations= -sidebar-display,block); position: relative; } devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading { = font-weight: 700; margin-bottom: 8px; margin-inline-start: -8px; } devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading-li= nk { color: var(--devsite-recommendations-accent); padding: 0px; } devsite-recommendations-sidebar .devsite-nav-text, devsite-recommendations-= sidebar .devsite-recommendations-sidebar-icon { pointer-events: none; } devsite-recommendations-sidebar .devsite-recommendations-sidebar-icon { fil= l: var(--devsite-recommendations-accent); height: 24px; margin-inline-end: = 8px; width: 24px; } devsite-recommendations-sidebar .devsite-nav-active .devsite-recommendation= s-sidebar-icon, devsite-recommendations-sidebar .devsite-recommendations-si= debar-heading-link:focus .devsite-recommendations-sidebar-icon, devsite-rec= ommendations-sidebar .devsite-recommendations-sidebar-heading-link:hover .d= evsite-recommendations-sidebar-icon { fill: var(--devsite-nav-color-hover,v= ar(--devsite-link-color)); } devsite-recommendations-sidebar > .devsite-nav-list { border-inline-start: = var(--devsite-toc-border-width,4px) solid var(--devsite-recommendations-acc= ent); padding-inline-start: var(--devsite-nav-list-padding-x-start,12px); } devsite-recommendations-sidebar .devsite-nav-item { padding: var(--devsite-= nav-title-padding,4px 0); } devsite-recommendations-sidebar .devsite-nav-item:first-of-type, devsite-re= commendations-sidebar .devsite-nav-title:first-of-type { padding-top: 0px; = } devsite-recommendations-sidebar .devsite-nav-title { padding-bottom: 0px; t= ext-decoration: none; } devsite-recommendations-sidebar .significatio-card-meta { color: var(--devs= ite-secondary-text-color); font-size: 11px; line-height: 14px; margin: 4px = 0px 0px; } @-webkit-keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } devsite-recommended-content:not(:defined) { min-height: 354px; } @-webkit-keyframes pulse {=20 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes pulse {=20 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } devsite-recommended-content .skeleton-filters, devsite-recommended-content = .skeleton-list { animation: 0.5s ease 0s 1 normal none running fadeIn; list= -style: none; padding: 0px; } devsite-recommended-content .skeleton-list { display: flex; gap: var(--devs= ite-item-gap,24px); flex-wrap: var(--devsite-recommended-content-filters-fl= ex-wrap); padding-bottom: 38px; } devsite-recommended-content .skeleton-filters { display: flex; gap: 8px; fl= ex-wrap: var(--devsite-recommended-content-filters-flex-wrap); overflow: hi= dden; padding-bottom: 2px; } devsite-recommended-content .skeleton-header { grid-area: header; } devsite-recommended-content .skeleton-item { align-self: start; background:= var(--tenant-background-1); border: var(--tenant-primary-border); border-r= adius: 8px; display: grid; grid: var(--skeleton-item-grid); margin: 0px; pa= dding: 16px; } devsite-recommended-content .skeleton-filters .skeleton-item { gap: 8px 0px= ; -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 0; } devsite-recommended-content .skeleton-list .skeleton-item { gap: 8px 0px; -= webkit-box-flex: 1; flex-grow: 1; } devsite-recommended-content .skeleton-filters, devsite-recommended-content = .skeleton-filters-header, devsite-recommended-content .skeleton-item-headin= g, devsite-recommended-content .skeleton-item-icon, devsite-recommended-con= tent .skeleton-item-meta, devsite-recommended-content .skeleton-item-text {= animation: 2s ease 0s infinite normal none running pulse; } devsite-recommended-content .skeleton-filters-header > div, devsite-recomme= nded-content .skeleton-item-heading > div, devsite-recommended-content .ske= leton-item-icon, devsite-recommended-content .skeleton-item-meta, devsite-r= ecommended-content .skeleton-item-text > div { background: var(--tenant-bac= kground-3); border-radius: 4px; } devsite-recommended-content .skeleton-filters-header { height: 40px; paddin= g-top: 6px; } devsite-recommended-content .skeleton-filters-header > div { border: var(--= tenant-primary-border); background: var(--tenant-background-1); width: 20%;= height: 24px; } devsite-recommended-content .skeleton-item-heading > div { height: 26px; } devsite-recommended-content .skeleton-item-heading > div:first-child { marg= in-block: 4px 0px; width: 95%; } devsite-recommended-content .skeleton-item-heading > div:nth-child(2) { mar= gin-block: 8px 0px; width: 55%; } devsite-recommended-content .skeleton-item-meta, devsite-recommended-conten= t .skeleton-item-text { margin-block: 4px 0px; } devsite-recommended-content .skeleton-item-meta { height: 14px; width: 45%;= } devsite-recommended-content .skeleton-item-text > div { height: 14px; } devsite-recommended-content .skeleton-item-text > div:first-child { width: = 100%; } devsite-recommended-content .skeleton-item-text > div:nth-child(2) { margin= -block: 8px 0px; width: 70%; } devsite-recommended-content .skeleton-item-text > div:nth-child(3) { margin= -block: 8px 0px; width: 60%; } devsite-recommended-content .skeleton-item-icon { height: 32px; width: 32px= ; } @media (max-width: 1128px) { devsite-recommended-content:not(:defined) { min-height: 496px; } devsite-recommended-content .skeleton-filters-header { height: 114px; } devsite-recommended-content .skeleton-filters { padding-bottom: 6px; } devsite-recommended-content .skeleton-list .skeleton-item:nth-child(4) { = display: none; } } @media (max-width: 820px) { devsite-recommended-content .skeleton-list .skeleton-item:nth-child(3) { = display: none; } } @media (max-width: 600px) { devsite-recommended-content:not(:defined) { min-height: 334px; } devsite-recommended-content .skeleton-list .skeleton-item:nth-child(2) { = display: none; } devsite-recommended-content .skeleton-list { padding-bottom: 18px; } devsite-recommended-content .skeleton-list .skeleton-item { max-width: 85= %; } devsite-recommended-content .skeleton-filters { padding-bottom: 2px; } devsite-recommended-content .skeleton-filters-header { height: 40px; } } devsite-recommended-content .devsite-recommended-content-filters-spacer { m= in-height: 100px; } devsite-recommended-content .devsite-recommended-content-profile-cta { min-= height: 46px; display: flex; -webkit-box-align: center; align-items: center= ; -webkit-box-pack: center; justify-content: center; gap: 16px; animation: = 0.5s ease 0s 1 normal none running fadeIn; --devsite-background-button-back= ground: transparent; --devsite-background-button-background-hover: transpar= ent; --devsite-background-button-border-color-hover: var( --devsite-background-button-border-color ); } devsite-recommended-content .devsite-recommended-content-profile-cta .devsi= te-recommended-content-profile-cta-badge { height: 46px; width: 190px; bord= er-bottom: 1px solid rgb(218, 220, 224); } devsite-recommended-content .devsite-recommended-content-profile-cta .butto= n { flex-shrink: 0; } devsite-recommended-content .devsite-recommended-content-profile-cta .text = { color: rgb(26, 115, 232); line-height: 1; } @media (max-width: 820px) { devsite-recommended-content .devsite-recommended-content-profile-cta .dev= site-recommended-content-profile-cta-badge { display: none; } } @media (max-width: 600px) { devsite-recommended-content .devsite-recommended-content-profile-cta { -w= ebkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: = column; padding-top: 18px; text-align: center; } devsite-recommended-content .devsite-recommended-content-profile-cta .tex= t { line-height: 20px; } } devsite-recommended-content { display: flex; gap: 16px 0px; -webkit-box-ori= ent: vertical; -webkit-box-direction: normal; flex-direction: column; } devsite-recommended-content .devsite-recommended-content-header { animation= : 0.5s ease 0s 1 normal none running fadeIn; -webkit-box-align: center; ali= gn-items: center; display: flex; -webkit-box-pack: justify; justify-content= : space-between; } @media (max-width: 600px) { devsite-recommended-content .devsite-recommended-content-header { -webkit= -box-orient: vertical; -webkit-box-direction: normal; flex-direction: colum= n; -webkit-box-align: start; align-items: flex-start; } } devsite-recommended-content .devsite-recommended-content-heading { animatio= n: 0.5s ease 0s 1 normal none running fadeIn; -webkit-box-align: center; al= ign-items: center; display: flex; gap: 8px; line-height: 24px; } devsite-recommended-content .devsite-recommended-content-heading-message, d= evsite-recommended-content .devsite-recommended-content-item-updated { colo= r: var(--devsite-secondary-text-color); font-size: 14px; } devsite-recommended-content .devsite-recommended-content-heading-label { fo= nt-size: 16px; line-height: 36px; } devsite-recommended-content devsite-rich-tooltip { font: 14px/20px var(--de= vsite-primary-font-family); } devsite-recommended-content .devsite-recommended-content-heading-message { = font-style: italic; } devsite-recommended-content .devsite-recommended-content-toggle { display: = var(--devsite-recommended-content-toggle-display); } devsite-recommended-content .devsite-recommended-content-filters-wrapper { = position: relative; } devsite-recommended-content devsite-feature-tooltip { top: 24px; } devsite-recommended-content .devsite-recommended-content-filters { display:= flex; gap: 8px; flex-wrap: var(--devsite-recommended-content-filters-flex-= wrap); grid-area: filters; margin-block: var(--devsite-recommended-content-= filters-margin-block,-8px); margin-inline: var(--devsite-recommended-conten= t-filters-margin-inline,0); overflow: var(--devsite-recommended-content-fil= ters-overflow); padding-block: var(--devsite-recommended-content-filters-pa= dding-block,8px); padding-inline: var(--devsite-recommended-content-filters= -padding-inline,0); transition: opacity 0.5s; width: var(--devsite-recommen= ded-content-filters-width,100%); } devsite-recommended-content .devsite-recommended-content-filters::-webkit-s= crollbar { background: 0px center; height: 0px; width: 0px; } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"] { display: inline; } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]::after, devsite-recommended-content .devsite-recommende= d-content-filters-item input[type=3D"checkbox"]::before { display: none; } devsite-recommended-content .devsite-recommended-content-filters-item label= { -webkit-box-align: center; align-items: center; background: var(--devsit= e-background-1); border: var(--devsite-primary-border); border-radius: 8px;= color: var(--devsite-primary-text-color); display: flex; font: var(--devsi= te-button-font,500 14px/36px var(--devsite-primary-font-family)); height: 3= 2px; padding: 0px 16px; transition: background 0.2s, border 0.2s, box-shado= w 0.2s, color 0.2s; user-select: none; white-space: nowrap; } devsite-recommended-content .devsite-recommended-content-filters-item label= :hover { background: var(--devsite-background-2); } devsite-recommended-content .devsite-recommended-content-filters-item input= :disabled + label:hover { background: var(--devsite-background-1); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:focus + label { background: var(--devsite-background-3)= ; border-color: var(--devsite-primary-text-color); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked + label { background: var(--devsite-link-backgr= ound-hover); border-color: transparent; color: var(--devsite-link-color); } [background=3D"grey"] devsite-recommended-content .devsite-recommended-cont= ent-filters-item input[type=3D"checkbox"]:checked + label { border-color: v= ar(--devsite-link-color); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked + label:hover { box-shadow: 0 1px 2px 0 var(--d= evsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevation-am= bient-shadow-color); } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked:disabled + label:hover { box-shadow: revert; } devsite-recommended-content .devsite-recommended-content-filters-item input= [type=3D"checkbox"]:checked:focus + label { color: var(--devsite-contrast-l= ink-color); } .devsite-recommended-content-filters-item input[type=3D"checkbox"]:disabled= { pointer-events: none; } devsite-recommended-content .devsite-recommended-content-list-header { grid= -area: list-header; } devsite-recommended-content .devsite-recommended-content-list { animation: = 0.5s ease 0s 1 normal none running fadeIn; display: grid; gap: var(--devsit= e-item-gap,24px); grid: auto-flow/repeat(var(--devsite-columns,4),1fr); gri= d-area: content; } devsite-recommended-content devsite-carousel .devsite-recommended-content-l= ist { display: flex; } devsite-recommended-content .devsite-recommended-content-item { background:= var(--devsite-card-background); border: var(--devsite-card-border); border= -radius: var(--devsite-card-border-radius); box-shadow: var(--devsite-card-= box-shadow); box-sizing: border-box; display: flex; -webkit-box-orient: ver= tical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; min= -width: 0px; padding: 16px; } devsite-recommended-content .devsite-recommended-content-item:nth-child(n+5= ) { display: var(--devsite-recommended-content-item-show-all-display); } devsite-recommended-content .devsite-recommended-content-item-doc-type { -w= ebkit-box-align: center; align-items: center; display: flex; font-size: 12p= x; font-weight: 500; line-height: 16px; margin-bottom: 0px; text-transform:= uppercase; } devsite-recommended-content .devsite-recommended-content-item-doc-type::bef= ore { font-style: normal; font-variant: normal; font-size-adjust: none; fon= t-language-override: normal; font-kerning: auto; font-optical-sizing: auto;= font-variation-settings: normal; font-weight: normal; font-stretch: normal= ; line-height: 1; font-family: "Material Icons"; font-feature-settings: "li= ga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibilit= y; text-transform: none; overflow-wrap: normal; color: rgb(95, 99, 104); di= splay: inline; font-size: 16px; margin-right: 4px; } devsite-recommended-content .devsite-recommended-content-item-doc-type-arti= cle::before, devsite-recommended-content .devsite-recommended-content-item-= doc-type-blog::before, devsite-recommended-content .devsite-recommended-con= tent-item-doc-type-case_study::before, devsite-recommended-content .devsite= -recommended-content-item-doc-type-concept::before, devsite-recommended-con= tent .devsite-recommended-content-item-doc-type-course::before, devsite-rec= ommended-content .devsite-recommended-content-item-doc-type-guide::before, = devsite-recommended-content .devsite-recommended-content-item-doc-type-mark= eting::before, devsite-recommended-content .devsite-recommended-content-ite= m-doc-type-pathway::before, devsite-recommended-content .devsite-recommende= d-content-item-doc-type-quickstart::before, devsite-recommended-content .de= vsite-recommended-content-item-doc-type-release_notes::before, devsite-reco= mmended-content .devsite-recommended-content-item-doc-type-support::before,= devsite-recommended-content .devsite-recommended-content-item-doc-type-tro= ubleshooting::before, devsite-recommended-content .devsite-recommended-cont= ent-item-doc-type-tutorial::before { content: "article"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-best= _practices::before { content: "check_circle"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-api_= reference::before, devsite-recommended-content .devsite-recommended-content= -item-doc-type-reference::before, devsite-recommended-content .devsite-reco= mmended-content-item-doc-type-sample::before { content: "code"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-pric= ing::before { content: "monetization_on"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-podc= ast::before { content: "podcasts"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-quiz= ::before { content: "quiz"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-code= lab::before { content: "science"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-medi= a::before, devsite-recommended-content .devsite-recommended-content-item-do= c-type-video::before { content: "smart_display"; } devsite-recommended-content .devsite-recommended-content-item-doc-type-cont= ent_navigator::before, devsite-recommended-content .devsite-recommended-con= tent-item-doc-type-landing::before, devsite-recommended-content .devsite-re= commended-content-item-doc-type-landing_page::before, devsite-recommended-c= ontent .devsite-recommended-content-item-doc-type-product::before { content= : "web"; } devsite-recommended-content .devsite-recommended-content-item-heading { -we= bkit-box-orient: vertical; color: var(--devsite-link-color); display: -webk= it-box; -webkit-line-clamp: 2; line-height: 28px; min-height: 56px; -webkit= -box-ordinal-group: 2; order: 1; overflow: hidden; } devsite-recommended-content[truncate] .devsite-recommended-content-item-hea= ding { display: initial; max-width: 100%; text-overflow: ellipsis; white-sp= ace: nowrap; } devsite-recommended-content .devsite-recommended-content-item-description, = devsite-recommended-content .devsite-recommended-content-item-updated { mar= gin: 0px; } devsite-recommended-content .devsite-recommended-content-item-description {= -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;= line-height: 24px; min-height: 72px; -webkit-box-ordinal-group: 4; order: = 3; overflow: hidden; word-break: break-word; } devsite-recommended-content .devsite-recommended-content-item-updated { -we= bkit-box-ordinal-group: 3; order: 2; } devsite-recommended-content .devsite-recommended-content-item-products { -w= ebkit-box-align: center; align-items: center; display: flex; -webkit-box-or= dinal-group: 5; order: 4; } devsite-recommended-content .devsite-recommended-content-item-icon { displa= y: grid; margin-block: auto 0px; margin-inline-end: 8px; place-content: cen= ter; width: 32px; } devsite-recommended-content .devsite-recommended-content-item-icon img, dev= site-recommended-content .devsite-recommended-content-item-icon picture { h= eight: 32px; } devsite-recommended-content .devsite-recommended-content-item-icon .materia= l-icons { color: var(--devsite-foreground-color,var(--devsite-secondary-tex= t-color)); font-size: 32px; } devsite-recommended-content .devsite-recommended-content-item-product-tag {= background: var(--devsite-background-3); color: var(--devsite-display-tag-= color,var(--devsite-secondary-text-color)); display: inline-block; font: va= r(--devsite-display-tag-font,500 14px/20px var(--devsite-primary-font-famil= y)); margin-inline-end: 8px; padding: 2px 4px; } devsite-recommended-content devsite-rich-tooltip { --devsite-rich-tooltip-b= utton-size: 24px; --devsite-rich-tooltip-button-hover-background: 0; --devs= ite-rich-tooltip-padding-block: 8px; --devsite-rich-tooltip-padding-inline:= 16px; --devsite-rich-tooltip-width: auto; --devsite-rich-tooltip-min-width= : 200px; height: var(--devsite-rich-tooltip-button-size); width: var(--devs= ite-rich-tooltip-button-size); } devsite-recommended-content devsite-rich-tooltip:defined { background: var(= --devsite-background-3); display: flex; } devsite-recommended-content devsite-rich-tooltip button[label-type=3D"icon"= ]:is(:hover, :focus) { background: 0px center; } devsite-recommended-content .devsite-recommended-content-cta { display: fle= x; -webkit-box-align: center; align-items: center; letter-spacing: 0.25px; = --devsite-button-border: 0; --devsite-button-border-hover: 0; --devsite-but= ton-disabled-border: 0; --devsite-background-button-background: transparent= ; --devsite-button-border-active: 0; --devsite-button-box-shadow-active: 0;= } devsite-recommended-content .devsite-recommended-content-cta .material-icon= s { top: auto; font-size: 20px; } devsite-recommended-content .devsite-recommended-content-cta devsite-spinne= r { margin-right: 7px; } devsite-recommended-content .ctable { display: none; } devsite-recommended-content .devsite-table-wrapper { display: none; } devsite-reference-results { background: var(--devsite-background-1); displa= y: flex; box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),= 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); max-height: 30= 5px; padding: 20px 10px 20px 28px; margin: 16px 0px; } 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: 0px; = } devsite-reference-results .devsite-reference-results-list { column-count: 2= ; padding-left: 0px; } devsite-reference-results .devsite-reference-results-list-item { break-insi= de: avoid; margin: 0px 0px 0px -8px; outline: 0px; overflow: hidden; paddin= g: 10px 8px; text-decoration: none; text-overflow: ellipsis; transition: ba= ckground 0.2s; white-space: nowrap; } devsite-reference-results .devsite-reference-results-list-item:focus, devsi= te-reference-results .devsite-reference-results-list-item:hover { backgroun= d: var(--devsite-background-3); } devsite-reference-results .devsite-reference-results-list-link { color: var= (--devsite-primary-text-color); font: 13px/20px var(--devsite-primary-font-= family); } @media screen and (max-width: 600px) { devsite-reference-results { overflow-y: scroll; } devsite-reference-results .devsite-reference-results-list { display: flex= ; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directi= on: column; padding-bottom: 20px; } devsite-reference-results .devsite-reference-results { width: auto; } } devsite-related-entities { --devsite-chips-gap: 16px 8px; --devsite-button-= border-radius: 16px; } devsite-rich-tooltip { display: none; position: relative; z-index: 2; } devsite-rich-tooltip:defined { background: 0px center; display: revert; } devsite-rich-tooltip > [slot] { margin: 0px !important; padding: 0px !impor= tant; } devsite-rich-tooltip ul { list-style: none; } devsite-rich-tooltip li { margin-block: 2px; } devsite-search { border-radius: var(--devsite-search-border-radius); displa= y: inline-block; -webkit-box-flex: 0; flex: 0 0 auto; height: var(--devsite= -search-height); margin: 6px 0px 6px 24px; overflow: hidden; position: rela= tive; text-align: left; transform: translateZ(0px); vertical-align: top; wi= dth: 200px; will-change: transition; z-index: 10; } [dir=3D"rtl"] devsite-search { margin: 6px 24px 6px 0px; text-align: right;= } body[pending] devsite-search { visibility: hidden !important; } devsite-search .devsite-search-image { color: var(--devsite-search-image-co= lor,var(--devsite-secondary-text-color)); position: absolute; top: var(--de= vsite-search-image-top); transition: color 0.2s; } [dir=3D"ltr"] devsite-search .devsite-search-image { left: var(--devsite-se= arch-image-x); } [dir=3D"rtl"] devsite-search .devsite-search-image { right: var(--devsite-s= earch-image-x); } devsite-search .devsite-search-image::before { content: "search"; } devsite-search .devsite-search-container { -webkit-box-align: center; align= -items: center; display: flex; } devsite-search .devsite-suggest-results-container { border-top: var(--devsi= te-primary-border); } devsite-search input.devsite-search-field { background: none; border: var(-= -devsite-search-field-border); border-radius: var(--devsite-search-field-bo= rder-radius); color: var(--devsite-secondary-text-color); height: var(--dev= site-search-field-height); outline: 0px; padding: 8px; padding-inline-start= : var(--devsite-search-field-padding-x-start); transition: background 0.2s,= color 0.2s; width: 100%; } devsite-search input.devsite-search-field::-webkit-input-placeholder { colo= r: var(--devsite-search-field-placeholder-color,var(--devsite-secondary-tex= t-color)); font: var(--devsite-search-field-placeholder-font); transition: = color 0.2s; } devsite-search input.devsite-search-field::placeholder { color: var(--devsi= te-search-field-placeholder-color,var(--devsite-secondary-text-color)); fon= t: var(--devsite-search-field-placeholder-font); transition: color 0.2s; } devsite-search input.devsite-search-field:focus { border: var(--devsite-sea= rch-field-border); padding-bottom: 8px; } devsite-search .devsite-searchbox { width: 100%; } devsite-search .devsite-searchbox::before { background: var(--devsite-backg= round-1); content: ""; display: var(--devsite-searchbox-before-display,bloc= k); height: 500px; opacity: 0; pointer-events: none; position: absolute; to= p: -458px; transition: opacity 1ms 0.2s; width: calc(100% + 12px); will-cha= nge: opacity; z-index: -1; } [dir=3D"ltr"] devsite-search .devsite-searchbox::before { left: -6px; } [dir=3D"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: var(--= devsite-searchbox-background-active,var(--devsite-background-3)); } .devsite-header-billboard-search devsite-search[search-active] .devsite-sea= rch-form, body[template=3D"404"] devsite-search[search-active] .devsite-sea= rch-form, devsite-header[search-expanded] .devsite-search-form { border-rad= ius: var(--devsite-search-border-radius,0); box-shadow: var(--devsite-searc= h-active-box-shadow,none); overflow: var(--devsite-search-active-overflow,v= isible); } .devsite-header-billboard-search devsite-search[search-active] .devsite-pop= out, body[template=3D"404"] devsite-search[search-active] .devsite-popout, = devsite-header[search-expanded] devsite-search .devsite-popout { display: v= ar(--devsite-popout-active-display,block); } .devsite-header-billboard-search devsite-search[search-active] .devsite-sea= rch-field, .devsite-header-billboard-search devsite-search[search-active] .= devsite-search-field:hover, body[template=3D"404"] devsite-search[search-ac= tive] .devsite-search-field, body[template=3D"404"] devsite-search[search-a= ctive] .devsite-search-field:hover, devsite-header[search-expanded] devsite= -search[search-active] .devsite-search-field, devsite-header[search-expande= d] devsite-search[search-active] .devsite-search-field:hover { background: = var(--devsite-search-form-background-active); color: var(--devsite-search-f= orm-text-active,var(--devsite-primary-text-color)); } devsite-search[search-active] .devsite-search-field { color: var(--devsite-= primary-text-color); } devsite-search[search-active] .devsite-search-field::-webkit-input-placehol= der { color: var(--devsite-secondary-text-color); } devsite-search[search-active] .devsite-search-field::placeholder { color: v= ar(--devsite-secondary-text-color); } devsite-search[search-active] .devsite-search-image { color: var(--devsite-= search-active-image-color,var(--devsite-secondary-text-color)); } devsite-search .devsite-popout, devsite-search[search-active] .devsite-popo= ut { display: var(--devsite-popout-display,block); } devsite-search .devsite-popout { margin-top: var(--devsite-popout-margin-to= p,6px); position: var(--devsite-popout-position,absolute); transform: var(-= -devsite-popout-transform,translateY(-100vh)); transition: var(--devsite-po= pout-transition,transform .2s); visibility: hidden; width: 100%; z-index: v= ar(--devsite-popout-z-index,-2); } devsite-search[search-active] .devsite-popout { transform: translateY(0px);= transition-delay: 0.2s; visibility: visible; will-change: transform; } devsite-search .devsite-popout-result { background: var(--devsite-backgroun= d-1); box-shadow: var(--devsite-popout-box-shadow,0 1px 2px 0 var(--devsite= -elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-= shadow-color)); max-height: calc(-56px + 100vh); 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 0px 0px; font-size:= 14px; } devsite-search .devsite-result-item, devsite-search .devsite-result-label {= font: 13px/20px var(--devsite-primary-font-family); margin: 0px; } devsite-search .devsite-result-label { padding-left: 40px; } [dir=3D"rtl"] devsite-search .devsite-result-label { padding-left: 0px; pad= ding-right: 40px; } devsite-search .devsite-result-item a { color: var(--devsite-primary-text-c= olor); display: block; outline: 0px; padding: 8px; text-decoration: none; t= ransition: background 0.2s; will-change: transition; } [dir=3D"ltr"] devsite-search .devsite-result-item a { padding-left: 40px; } [dir=3D"rtl"] devsite-search .devsite-result-item a { padding-right: 40px; = } devsite-search .devsite-result-item a:focus, devsite-search .devsite-result= -item a:hover, devsite-search .devsite-result-item.highlight a { background= : var(--devsite-background-3); } devsite-search .devsite-result-item b { font-weight: 500; } devsite-search .devsite-suggest-footer { border-top: var(--devsite-primary-= border); margin: 8px 0px 0px; padding: 7px 0px 8px 40px; } [dir=3D"rtl"] devsite-search .devsite-suggest-footer { padding: 7px 40px 8p= x 0px; } devsite-search .devsite-suggest-footer > .button { display: inline-block; m= argin: 6px 0px; max-width: calc(100% - 16px); } [dir=3D"ltr"] devsite-search .devsite-suggest-footer > .button { margin-rig= ht: 16px; } [dir=3D"rtl"] devsite-search .devsite-suggest-footer > .button { margin-lef= t: 16px; } devsite-search .devsite-suggest-footer > .button-white { max-width: 100%; } [dir=3D"ltr"] devsite-search .devsite-suggest-footer > .button-white { marg= in-left: -8px; } [dir=3D"rtl"] devsite-search .devsite-suggest-footer > .button-white { marg= in-right: -8px; } devsite-search .devsite-suggest-header { font: 500 11px/16px var(--devsite-= primary-font-family); letter-spacing: 0.8px; margin: 12px 0px; padding-left= : 40px; text-transform: uppercase; } [dir=3D"rtl"] devsite-search .devsite-suggest-header { padding-left: 0px; p= adding-right: 40px; } devsite-search hr + .devsite-suggest-sub-section > .devsite-suggest-header = { margin-top: 24px; } devsite-search .devsite-suggest-header .devsite-suggest-project::before { c= ontent: "|"; margin: 0px 8px; } devsite-search hr { margin: 8px 0px; } devsite-search .devsite-suggestion-fragment + .devsite-suggestion-fragment:= :before { content: "|"; margin: 0px 8px; } devsite-search .devsite-search-disabled { padding-bottom: 16px; } devsite-search[compact] { width: auto; } devsite-search[compact] .devsite-search-field, devsite-search[compact] .dev= site-searchbox { background-color: transparent; } devsite-search[compact] input.devsite-search-field { width: 0px; } devsite-search[compact] .devsite-search-image { left: calc(50% - 12px); poi= nter-events: none; } [dir=3D"ltr"] devsite-search[compact][search-active] .devsite-search-image = { left: 8px; right: auto; } [dir=3D"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=3D"rtl"] devsite-search input.devsite-search-field { padding-left: 0= px; padding-right: 40px; } .devsite-search-background, .devsite-search-background::after, [search-ac= tive] .devsite-search-background::after, devsite-search .devsite-search-fie= ld, devsite-search .devsite-search-field:hover { transition: none; } devsite-search .devsite-search-image { left: 8px; } [dir=3D"rtl"] devsite-search .devsite-search-image { left: auto; right: 8= px; } devsite-header devsite-search { -webkit-box-align: center; align-items: c= enter; display: flex; margin-left: 8px; overflow: visible; } [dir=3D"rtl"] devsite-header devsite-search { margin-left: 0px; margin-ri= ght: 8px; } devsite-header devsite-search .devsite-search-form { -webkit-box-flex: 1;= flex-grow: 1; } devsite-header .devsite-top-logo-row devsite-search:not([search-active]) = input.devsite-search-field { padding: 0px; } } devsite-select { display: var(--devsite-select-display); margin: var(--devs= ite-select-margin); position: relative; } devsite-select + devsite-select, devsite-select ~ .button, devsite-select ~= button { margin-block-start: var(--devsite-select-sibling-gap-y); margin-i= nline-start: var(--devsite-select-sibling-gap-x); } devsite-select select { position: absolute; z-index: -1; display: none !imp= ortant; pointer-events: none !important; } devsite-select .devsite-select { position: relative; } devsite-select .devsite-select-toggle { appearance: none; background-color:= var(--devsite-select-background-color); border: var(--devsite-select-borde= r,var(--devsite-secondary-border)); border-radius: var(--devsite-select-bor= der-radius); box-shadow: none; color: var(--devsite-select-color,var(--devs= ite-primary-text-color)); cursor: pointer; display: inline-block; font-styl= e: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ;= font-variant-east-asian: ; font-variant-alternates: ; font-variant-positio= n: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font= -family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-= feature-settings: ; font-variation-settings: ; font-language-override: ; he= ight: var(--devsite-select-height,36px); line-height: var(--devsite-select-= line-height,34px); max-width: var(--devsite-select-max-width,340px); min-wi= dth: 72px; outline: 0px; overflow: hidden; padding: var(--devsite-select-pa= dding,0 27px 0 7px); text-align: left; text-indent: 0.01px; text-overflow: = ellipsis; transition: background-color 0.2s; vertical-align: middle; white-= space: nowrap; position: relative; } devsite-select .devsite-select-toggle:focus, devsite-select .devsite-select= -toggle:hover { background-color: var(--devsite-select-background-color-hov= er,var(--devsite-background-3)); border: var(--devsite-select-border-hover,= var(--devsite-select-border,var(--devsite-secondary-border))); color: var(-= -devsite-select-color-hover); } devsite-select .devsite-select-toggle:active { background-color: var(--devs= ite-select-background-color-active,var(--devsite-background-4)); color: var= (--devsite-select-color-active); } devsite-select .devsite-select-toggle:disabled { background-color: var(--de= vsite-background-3); border-color: transparent; color: var(--devsite-tertia= ry-text-color); cursor: default; } devsite-select .devsite-select-toggle-icon { -webkit-box-align: center; ali= gn-items: center; display: flex; height: 100%; pointer-events: none; positi= on: absolute; top: 0px; } [dir=3D"ltr"] devsite-select .devsite-select-toggle-icon { right: var(--dev= site-select-toggle-icon-x,8px); } [dir=3D"rtl"] devsite-select .devsite-select-toggle-icon { left: var(--devs= ite-select-toggle-icon-x,8px); } devsite-select .devsite-select-toggle-icon::before { font-size: 18px; } devsite-select .devsite-select-toggle-count { margin-inline-start: var(--de= vsite-select-count-margin-inline-start,6px); } devsite-select .devsite-select-toggle-count[parens]:not(:empty)::before { c= ontent: "("; } devsite-select .devsite-select-toggle-count[parens]:not(:empty)::after { co= ntent: ")"; } devsite-select .devsite-select-list { background: var(--devsite-background-= 1); border: var(--devsite-list-border,var(--devsite-secondary-border)); bor= der-radius: var(--devsite-list-border-radius,2px); box-shadow: 0 1px 2px 0 = var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-eleva= tion-ambient-shadow-color); display: none; font: var(--devsite-list-font,40= 0 14px/20px var(--devsite-primary-font-family)); max-height: 304px; min-wid= th: var(--devsite-list-min-width); opacity: 0; outline: 0px; overflow-y: au= to; padding: 8px 0px; pointer-events: none; position: absolute; transition:= opacity 0.2s, visibility 0.2s; z-index: 1005; } devsite-dialog devsite-select .devsite-select-list { z-index: 1015; } devsite-select[menu--open] .devsite-select-list { display: block; pointer-e= vents: auto; } devsite-select[menu--show] .devsite-select-list { opacity: 1; } devsite-select[menu-position=3D"above"] .devsite-select-list { bottom: var(= --devsite-list-position-y,36px); } devsite-select[menu-position=3D"below"] .devsite-select-list { top: var(--d= evsite-list-position-y,36px); } devsite-select .devsite-select-item { -webkit-box-align: center; align-item= s: center; display: flex; margin: 0px; min-height: 48px; min-width: 100%; p= adding: 8px 16px; white-space: nowrap; } devsite-select .devsite-select-item.devsite-focused, devsite-select .devsit= e-select-item:focus, devsite-select .devsite-select-item:hover { background= -color: var(--devsite-background-3); cursor: pointer; } devsite-select .devsite-select-item[data-selected] { background-color: var(= --devsite-item-background-selected,var(--devsite-background-3)); color: var= (--devsite-item-color-selected); font-weight: var(--devsite-item-font-weigh= t-selected,500); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-select .devsite-select-item[data-selected] { font-weight: 700; te= xt-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= -style: normal; font-variant: normal; font-size-adjust: none; font-language= -override: normal; font-kerning: auto; font-optical-sizing: auto; font-vari= ation-settings: normal; font-weight: normal; font-stretch: normal; line-hei= ght: 1; font-family: "Material Icons"; font-feature-settings: "liga"; -webk= it-font-smoothing: antialiased; text-rendering: optimizelegibility; text-tr= ansform: none; overflow-wrap: normal; color: rgb(128, 134, 139); content: "= check_box_outline_blank"; display: block; font-size: 24px; left: 16px; posi= tion: absolute; top: 50%; transform: translateY(-50%); } devsite-select.devsite-select--multiple .devsite-select-item[data-selected]= ::before { color: rgb(25, 118, 210); content: "check_box"; } devsite-selector { background: var(--devsite-selector-background,var(--devs= ite-background-1)); border: var(--devsite-border,var(--devsite-secondary-bo= rder)); border-radius: var(--devsite-border-radius,0); display: block; marg= in: var(--devsite-selector-margin,16px 0); } devsite-selector devsite-tabs { display: none; } devsite-selector devsite-tabs[connected] { border-bottom: var(--devsite-bor= der,var(--devsite-secondary-border)); display: flex; } devsite-selector devsite-tabs tab a { cursor: pointer; display: inline-bloc= k; flex-shrink: 0; line-height: var(--devsite-selector-tab-line-height,48px= ); margin: 0px; max-width: 200px; overflow: hidden; text-align: center; tex= t-overflow: ellipsis; transition: color 0.2s; white-space: nowrap; } devsite-selector devsite-tabs tab a, devsite-selector devsite-tabs tab a:li= nk, devsite-selector devsite-tabs tab a:visited { color: var(--devsite-seco= ndary-text-color); } devsite-selector devsite-tabs tab a:focus, devsite-selector devsite-tabs ta= b a:hover { color: var(--devsite-link-hover,var(--devsite-link-color)); } devsite-selector devsite-tabs tab[active] a:link, devsite-selector devsite-= tabs tab[active] a:visited { color: var(--devsite-link-color); } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-selector devsite-tabs tab[active] a:link, devsite-selector devsit= e-tabs tab[active] a:visited { color: inherit; } } devsite-selector devsite-tabs > div > tab[tab] a:focus::after, devsite-sele= ctor devsite-tabs > div > tab[tab] a:hover::after { border-color: var(--dev= site-tab-marker-color,transparent); } devsite-selector devsite-tabs > div > tab[active] a::after, devsite-selecto= r devsite-tabs > div > tab[active] a:focus::after, devsite-selector devsite= -tabs > div > tab[active] a:hover::after { border-color: var(--devsite-link= -color); } 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] { back= ground: var(--devsite-overflow-tab-background,0); border-radius: var(--devs= ite-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] .de= vsite-tabs-overflow-menu tab a:hover { background: var(--devsite-overflow-l= ink-background-hover,var(--devsite-background-3)); } devsite-selector > section { display: none; outline: 0px; } devsite-selector > section[active] { display: block; padding: 0px 23px; } devsite-selector > section .devsite-table-wrapper:first-child tbody tr:firs= t-child, devsite-selector > section .devsite-table-wrapper:first-child thea= d tr { border-top: 0px; } devsite-selector > section > .devsite-table-wrapper, devsite-selector > sec= tion > .github-docwidget-gitinclude-code > devsite-code, devsite-selector >= section > .github-docwidget-include, devsite-selector > section > aside.be= ta, devsite-selector > section > aside.caution, devsite-selector > section = > aside.deprecated, devsite-selector > section > aside.dogfood, devsite-sel= ector > section > aside.experimental, devsite-selector > section > aside.ke= y-objective, devsite-selector > section > aside.key-point, devsite-selector= > section > aside.key-term, devsite-selector > section > aside.note, devsi= te-selector > section > aside.preview, devsite-selector > section > aside.s= uccess, devsite-selector > section > aside.warning, devsite-selector > sect= ion > devsite-code, devsite-selector > section > table { margin: 0px -23px;= } devsite-selector > section > :first-child:not(aside):not(devsite-code):not(= table):not(.devsite-table-wrapper):not([class^=3D"github-"]) { margin-top: = var(--devsite-selector-content-margin-y,15px); } devsite-selector > section > :last-child:not(aside):not(devsite-code):not(t= able):not(.devsite-table-wrapper):not([class^=3D"github-"]) { margin-bottom= : var(--devsite-selector-content-margin-y,15px); } devsite-selector .devsite-table-wrapper:last-child, devsite-selector > sect= ion > .github-docwidget-gitinclude-code > devsite-code:last-child > pre, de= vsite-selector > section > aside:last-child, devsite-selector > section > d= evsite-code:last-child > pre { border-radius: var(--devsite-content-border-= radius,0); } devsite-selector .devsite-table-wrapper + .devsite-table-wrapper { margin-t= op: 16px; } devsite-selector > section table devsite-code { margin: 16px 0px; } devsite-selector > section > devsite-code pre { padding-left: 23px; } .devsite-article devsite-selector .material-icons { font-size: var(--devsit= e-selector-icon-font-size,18px); vertical-align: text-bottom; } devsite-selector[ready] { pointer-events: auto; visibility: visible; } devsite-shell-activate-button { -webkit-box-align: center; align-items: cen= ter; display: flex; height: 100%; justify-content: space-around; } devsite-shell-activate-button[tooltip--shown] { z-index: 104; } @media screen and (max-width: 840px) { devsite-shell-activate-button { display: none; } } devsite-shell-activate-button ul li { text-align: left; } devsite-shell-activate-button button { border: none; color: rgb(95, 99, 104= ); height: auto; margin: 0px 0px 0px 11px; min-width: 0px; padding: 9px 13p= x; width: auto; } devsite-shell-activate-button button.cloudshell-dogfood { padding-right: 0p= x; } devsite-shell-activate-button button.cloudshell-dogfood::before { backgroun= d: var(--devsite-background-1); border-radius: 100%; border: var(--devsite-= header-border); box-shadow: 1px 1px 1px var(--devsite-background-0); color:= rgb(25, 118, 210); content: "pets"; float: right; font-family: "Material I= cons"; font-size: 14px; font-weight: 400; height: 20px; line-height: 18px; = overflow: hidden; position: relative; right: 7px; text-align: center; text-= rendering: optimizelegibility; top: 7px; width: 20px; } devsite-shell-activate-button button[disabled].cloudshell-dogfood::before {= color: rgb(154, 160, 166); } devsite-shell-activate-button button:active { background: var(--devsite-bac= kground-4); border: none; } devsite-shell-activate-button button:focus { background: none; border: none= ; color: rgb(95, 99, 104); } devsite-shell-activate-button button:hover { background: var(--devsite-back= ground-4); border: none; color: rgb(95, 99, 104); } devsite-shell-activate-button cloud-mdc-rich-tooltip::part(richTooltip) { t= ransform: translateX(-36px); } devsite-shell-activate-button button[disabled] { border: none; } devsite-shell-activate-button button svg { display: block; margin: auto; po= inter-events: none; } devsite-shell-activate-button .tooltip-title { color: rgb(60, 64, 67); font= -size: 16px; font-weight: 500; margin: 2px 0px 8px; padding: 0px; } devsite-shell-activate-button [slot=3D"contents"].tooltip-contents { color:= rgb(60, 64, 67); font-family: var(--devsite-wordmark-font-family); font-si= ze: 14px; font-weight: 400; } devsite-shell-activate-button p.tooltip-contents { text-align: left; margin= : 0px; } devsite-shell-activate-button ul.tooltip-contents { margin: 8px 0px 0px; } devsite-shell-activate-button ul.tooltip-contents li { margin: 0px; } devsite-shell-activate-button .tooltip-buttons { float: left; margin: 24px = 0px 2px; } body[free-trial] devsite-shell-activate-button[free-trial-hide] { display: = none; } body[free-trial] devsite-shell-activate-button[force-visibility] { display:= flex; } devsite-sitemask { background: rgba(0, 0, 0, 0.4); inset: -200px; cursor: p= ointer; opacity: 0; pointer-events: none; position: fixed; transition: opac= ity 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; transition: o= pacity 0.2s; visibility: visible; } devsite-snackbar { bottom: 0px; left: 0px; margin-right: 24px; min-width: 2= 88px; position: fixed; right: 0px; z-index: 1018; } devsite-snackbar .devsite-snackbar-snack { bottom: 0px; box-sizing: border-= box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: no= rmal; flex-direction: column; max-width: var(--devsite-snack-max-width,none= ); min-width: var(--devsite-snack-min-width,auto); padding: 0px 0px 24px 24= px; position: absolute; transform: translateY(100px); transition: transform= 0.2s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.2s cubic-bezier(0.4, = 0, 1, 1); width: var(--devsite-snack-width,auto); } devsite-snackbar [show].devsite-snackbar-snack { transform: translateY(0px)= ; } devsite-snackbar .devsite-snackbar-inner { align-content: center; -webkit-b= ox-align: center; align-items: center; background: var(--devsite-snackbar-i= nner-background,#3c4043); border-radius: var(--devsite-snackbar-inner-borde= r-radius,2px); box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-c= olor),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color); color: v= ar(--devsite-snackbar-inner-color,#fff); display: flex; -webkit-box-orient:= horizontal; -webkit-box-direction: normal; flex-flow: row var(--devsite-sn= ackbar-inner-flex-wrap,nowrap); font-size: 14px; min-height: 48px; padding:= 0px; } devsite-snackbar .devsite-snackbar-message { -webkit-box-flex: var(--devsit= e-snackbar-message-flex,1 1); flex: var(--devsite-snackbar-message-flex,1 1= ); font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-varian= t-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-var= iant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; font-fa= mily: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-fea= ture-settings: ; font-variation-settings: ; font-language-override: ; lette= r-spacing: 0.2px; line-height: 20px; font-weight: 400; overflow: hidden; pa= dding: var(--devsite-snackbar-message-padding,24px); text-overflow: ellipsi= s; word-break: break-word; } devsite-snackbar .devsite-snackbar-message a { color: var(--devsite-snackba= r-link-color,#669df6); } devsite-snackbar .devsite-snackbar-action, devsite-snackbar .devsite-snackb= ar-link { align-self: center; color: var(--devsite-snackbar-link-color,#eef= f41); cursor: pointer; display: inline-block; -webkit-box-flex: 0; flex: 0 = 0 0%; float: right; font-style: ; font-variant-ligatures: ; font-variant-ca= ps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alter= nates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font= -stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-ad= just: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ;= font-language-override: ; height: auto; letter-spacing: 0.25px; line-heigh= t: 20px; margin-left: 0px; margin-right: var(--devsite-snackbar-action-marg= in-right,0); min-width: fit-content; outline: none; padding: var(--devsite-= snackbar-action-padding,14px 24px); position: relative; } devsite-snackbar .devsite-snackbar-action, devsite-snackbar .devsite-snackb= ar-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 .de= vsite-snackbar-link:focus, devsite-snackbar .devsite-snackbar-link:hover { = background: 0px center; border: 0px; box-shadow: none; } devsite-snackbar .devsite-snackbar-link:focus { text-decoration: none; } devsite-snackbar [type=3D"cookie-notification"] .devsite-snackbar-link, dev= site-snackbar [type^=3D"notification-"] .devsite-snackbar-action { margin-l= eft: var(--devsite-snackbar-action-margin-left,0); } @media screen and (max-width: 840px) { devsite-snackbar { margin-right: 0px; max-width: 100%; } devsite-snackbar [type=3D"cookie-notification"] .devsite-snackbar-inner, = devsite-snackbar [type^=3D"notification-"] .devsite-snackbar-inner { flex-w= rap: wrap; } devsite-snackbar [type=3D"cookie-notification"] .devsite-snackbar-message= , devsite-snackbar [type^=3D"notification-"] .devsite-snackbar-message { -w= ebkit-box-flex: 0; flex: 0 0 100%; padding: var(--devsite-snackbar-message-= padding,24px 24px 0); } devsite-snackbar .devsite-snackbar-inner { border-radius: 0px; } devsite-snackbar .devsite-snackbar-snack { left: 0px; padding: 24px 0px 0= px; right: 0px; } } 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: 3= 6px; position: absolute; } devsite-tabs { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; height: va= r(--devsite-tabs-height,48px); margin: var(--devsite-tabs-margin); max-widt= h: calc(100% - 208px); position: relative; width: var(--devsite-tabs-width)= ; } devsite-tabs[connected] { max-width: none; } devsite-tabs .devsite-tabs-wrapper { inset: 0px; display: flex; overflow: h= idden; position: absolute; } [dir=3D"ltr"] devsite-tabs.lower-tabs .devsite-tabs-wrapper { left: var(--d= evsite-tabs-wrapper-x,0); } [dir=3D"rtl"] devsite-tabs.lower-tabs .devsite-tabs-wrapper { 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-m= enu--open] .devsite-tabs-wrapper { overflow: visible; } devsite-tabs tab { display: flex; flex-shrink: 0; position: relative; } devsite-tabs tab > .devsite-tabs-content, devsite-tabs tab > a { -webkit-bo= x-align: center; align-items: center; display: flex; font: var(--devsite-li= nk-font,500 14px/20px var(--devsite-primary-font-family)); letter-spacing: = var(--devsite-link-letter-spacing,normal); margin: 0px; padding: var(--devs= ite-link-padding,0 24px); text-transform: var(--devsite-link-text-transform= ,uppercase); transition: color 0.2s; white-space: nowrap; } devsite-tabs tab > .devsite-tabs-content, devsite-tabs tab > .devsite-tabs-= content:focus, devsite-tabs tab > .devsite-tabs-content:hover, devsite-tabs= tab > a, devsite-tabs tab > a:focus, devsite-tabs tab > a:hover { text-dec= oration: none; } devsite-tabs.upper-tabs tab a { font-weight: var(--devsite-upper-tab-font-w= eight,400); text-transform: none; } devsite-tabs.upper-tabs tab > a { color: var(--devsite-upper-tab-inactive,v= ar(--devsite-secondary-text-color)); } devsite-tabs.upper-tabs tab[active] > a { font-weight: 500; } @media screen and (-ms-high-contrast:active), screen and (prefers-contrast:= high) { devsite-tabs.upper-tabs tab[active] > a { color: inherit; } } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a { color: = var(--devsite-upper-tab-active,var(--devsite-primary-text-color)); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:hover { c= olor: var(--devsite-upper-tab-active-hover,var(--devsite-upper-tab-active,v= ar(--devsite-primary-text-color))); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:focus { c= olor: var(--devsite-upper-tab-active-focus,var(--devsite-secondary-text-col= or)); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a::after { = border-color: var(--devsite-upper-tab-marker-color,var(--devsite-secondary-= color,var(--devsite-primary-text-color))); } devsite-tabs.upper-tabs > .devsite-tabs-wrapper > tab[active] > a:hover::af= ter { border-color: var(--devsite-upper-tab-marker-color-hover,var(--devsit= e-upper-tab-marker-color,var(--devsite-secondary-color,var(--devsite-primar= y-text-color)))); } devsite-tabs tab > a:focus::after, devsite-tabs tab > a:hover::after, devsi= te-tabs tab[active] > a::after { border-radius: var(--devsite-tab-marker-bo= rder-radius,0); border-top: var(--devsite-tab-marker-height,2px) solid tran= sparent; bottom: 0px; content: ""; display: block; position: absolute; } [dir=3D"ltr"] devsite-tabs tab > a:focus::after, [dir=3D"ltr"] devsite-tabs= tab > a:hover::after, [dir=3D"ltr"] devsite-tabs tab[active] > a::after { = left: var(--devsite-tab-marker-position-x,0); right: var(--devsite-tab-mark= er-position-x-end,var(--devsite-tab-marker-position-x,0)); } [dir=3D"rtl"] devsite-tabs tab > a:focus::after, [dir=3D"rtl"] devsite-tabs= tab > a:hover::after, [dir=3D"rtl"] devsite-tabs tab[active] > a::after { = left: var(--devsite-tab-marker-position-x-end,var(--devsite-tab-marker-posi= tion-x,0)); right: var(--devsite-tab-marker-position-x,0); } devsite-tabs tab[dropdown] > a { padding-block: 0px; padding-inline: var(--= devsite-dropdown-tab-padding-x,24px) 0; position: relative; z-index: 2; } [dir=3D"ltr"] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdo= wn-toggle)::after, [dir=3D"ltr"] devsite-tabs tab[dropdown] a:not(.devsite-= tabs-dropdown-toggle):focus::after, [dir=3D"ltr"] devsite-tabs tab[dropdown= ] a:not(.devsite-tabs-dropdown-toggle):hover::after { right: var(--devsite-= tab-marker-inset-x,0); } [dir=3D"rtl"] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdo= wn-toggle)::after, [dir=3D"rtl"] devsite-tabs tab[dropdown] a:not(.devsite-= tabs-dropdown-toggle):focus::after, [dir=3D"rtl"] devsite-tabs tab[dropdown= ] a:not(.devsite-tabs-dropdown-toggle):hover::after { left: var(--devsite-t= ab-marker-inset-x,0); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a { font-weigh= t: var(--devsite-upper-tab-dropdown-link-font-weight); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a, devsite-tab= s.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:visited { color: var(--= devsite-upper-tab-dropdown-link,var(--devsite-primary-text-color)); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus, devsi= te-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover { color: va= r(--devsite-upper-tab-dropdown-link-hover,var(--devsite-secondary-text-colo= r)); } devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus .devsi= te-nav-item-title, devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-drop= down a:hover .devsite-nav-item-title { text-decoration: var(--devsite-nav-i= tem-title-text-decoration-hover,none); } devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description { font-= weight: var(--devsite-upper-tab-dropdown-description-font-weight); } devsite-tabs .devsite-tabs-dropdown-content { border-top: var(--devsite-hea= der-border,0); } devsite-tabs.lower-tabs tab[dropdown] .devsite-tabs-dropdown-content, devsi= te-tabs.lower-tabs tab[overflow-tab] .devsite-tabs-overflow-menu, devsite-t= abs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content, devsite-tabs.u= pper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu { border-radius: va= r(--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: var(--devsite-upper-tab-dropdown-inactive,var(--devsite-upp= er-tab-inactive,var(--devsite-secondary-text-color))); } devsite-tabs.upper-tabs tab[active][dropdown] .devsite-tabs-dropdown-toggle= ::before { color: var(--devsite-upper-tab-dropdown-active,var(--devsite-upp= er-tab-active,var(--devsite-primary-text-color))); } devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description { color= : var(--devsite-upper-tab-dropdown-description,var(--devsite-secondary-text= -color)); } devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle { -webkit-box-alig= n: center; align-items: center; cursor: pointer; display: flex; padding-blo= ck: 0px; padding-inline: 0 var(--devsite-dropdown-toggle-padding-x,0); } devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle::before, devsite-t= abs.upper-tabs .devsite-icon-arrow-drop-down::before { transform: rotate(0d= eg); transition: background 0.2s, color 0.2s, transform 0.2s, -webkit-trans= form 0.2s; } devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:focus::before { ba= ckground: var(--devsite-background-3); border-radius: 50%; } devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-toggle::before, dev= site-tabs.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-dro= p-down::before { transform: rotate(-180deg); } devsite-tabs tab[overflow-tab] { -webkit-box-flex: 1; flex-grow: 1; positio= n: relative; } devsite-tabs tab[overflow-tab][collapsed] { -webkit-box-flex: 0; flex-grow:= 0; } devsite-tabs.upper-tabs tab[overflow-tab]::after { content: ""; height: 48p= x; position: absolute; z-index: -1; } [dir=3D"ltr"] devsite-tabs.upper-tabs tab[overflow-tab]::after { left: -6px= ; right: -100%; } [dir=3D"rtl"] devsite-tabs.upper-tabs tab[overflow-tab]::after { left: -100= %; right: -6px; } devsite-tabs tab[overflow-tab] tab > a { padding: var(--devsite-overflow-ta= b-padding,0 24px); } devsite-tabs tab[overflow-tab] a { -webkit-box-align: center; align-items: = center; display: flex; -webkit-box-orient: horizontal; -webkit-box-directio= n: reverse; flex-direction: row-reverse; position: relative; } devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown, devsite-tabs tab= [overflow-tab] tab .devsite-tabs-dropdown-toggle { display: none; } devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu { background: va= r(--devsite-overflow-menu-background,var(--devsite-background-1)); border-r= adius: var(--devsite-overflow-menu-border-radius,2px); box-shadow: 0 1px 2p= x 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-e= levation-ambient-shadow-color); display: flex; -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; max-height: 320px;= overflow-y: auto; padding: 16px 0px; position: absolute; top: var(--devsit= e-overflow-menu-top,-16px); z-index: 1005; } devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu { bor= der-radius: 0px 0px 2px 2px; box-shadow: 0 1px 2px 0 var(--devsite-elevatio= n-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-co= lor),inset 0 4px 6px -4px var(--devsite-elevation-inset-shadow-color); top:= 48px; transform: translateZ(0px); transition: transform 0.2s, -webkit-tran= sform 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[hidde= n] { pointer-events: none; transform: translate3d(0px, -150%, 0px); display= : block !important; } devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a { backgrou= nd: var(--devsite-background-1); color: var(--devsite-secondary-text-color)= ; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direc= tion: row; -webkit-box-flex: 1; flex-grow: 1; height: 48px; } devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus, dev= site-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover { backg= round: var(--devsite-background-3); color: var(--devsite-primary-text-color= ); } devsite-tabs .devsite-tabs-dropdown { display: block; font-size: 13px; left= : -6px; min-width: calc(100% + 12px); outline: 0px; overflow: hidden; paddi= ng: 0px 6px 6px; pointer-events: none; position: absolute; top: 100%; z-ind= ex: -1; } [dir=3D"rtl"] devsite-tabs .devsite-tabs-dropdown { right: -6px; left: auto= ; } devsite-tabs [dropdown-full] .devsite-tabs-dropdown { left: 0px; padding: 0= px 0px 6px; width: 100vw; } devsite-tabs .devsite-tabs-dropdown-content { background-color: var(--devsi= te-background-1); display: var(--devsite-dropdown-content-display,flex); bo= x-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2= px var(--devsite-elevation-ambient-shadow-color),inset 0 4px 6px -4px var(-= -devsite-elevation-inset-shadow-color); grid-template-columns: var(--devsit= e-dropdown-content-grid-template-columns,none); grid-template-rows: var(--d= evsite-dropdown-content-grid-template-rows,none); overflow: auto; max-heigh= t: 600px; max-width: 100vw; padding: var(--devsite-dropdown-content-padding= ,0 12px); pointer-events: none; transform: translate3d(0px, -150%, 0px); tr= ansition: transform, -webkit-transform; white-space: nowrap; } devsite-tabs .devsite-tabs-dropdown[dropdown-transition] .devsite-tabs-drop= down-content { transition: transform 0.5s, -webkit-transform 0.5s; } devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-content { pointer-e= vents: all; transform: translateZ(0px); } devsite-tabs .devsite-tabs-dropdown-column { background: var(--devsite-drop= down-column-background,none); border-top: var(--devsite-dropdown-column-bor= der-top,0); box-sizing: var(--devsite-dropdown-column-box-sizing,inherit); = margin: var(--devsite-dropdown-column-margin,0); max-width: var(--devsite-d= ropdown-column-max-width,none); min-width: var(--devsite-dropdown-column-mi= n-width,180px); padding: var(--devsite-dropdown-column-padding,0); } devsite-tabs [dropdown-full] .devsite-tabs-dropdown-column { -webkit-box-fl= ex: 1; flex: 1 1 0%; grid-row: var(--devsite-dropdown-column-grid-row,auto)= ; min-width: 0px; } devsite-tabs .devsite-tabs-dropdown-section { list-style: none; margin: var= (--devsite-dropdown-section-margin,0); padding: var(--devsite-dropdown-sect= ion-padding,0 12px); } devsite-tabs .devsite-tabs-dropdown-section:first-child { margin: var(--dev= site-dropdown-first-section-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] .d= evsite-nav-title { line-height: 18px; margin: var(--devsite-nav-text-margin= ,0 0 18px); } devsite-tabs tab[dropdown] .devsite-nav-title { border-bottom: var(--devsit= e-nav-title-border-bottom,0); color: var(--devsite-nav-title-color,var(--de= vsite-secondary-text-color)); font-style: ; font-variant-ligatures: ; font-= variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-var= iant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stre= tch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; fo= nt-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-s= ettings: ; font-language-override: ; font-weight: var(--devsite-nav-title-f= ont-weight,700); outline: none; padding: var(--devsite-nav-title-padding,0)= ; text-transform: var(--devsite-nav-title-transform,none); white-space: var= (--devsite-nav-title-white-space); } devsite-tabs tab[dropdown] .devsite-nav-item-title { display: var(--devsite= -nav-item-title-display,block); font-style: ; font-variant-ligatures: ; fon= t-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-v= ariant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-we= ight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; = font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation= -settings: ; font-language-override: ; letter-spacing: var(--devsite-nav-it= em-title-letter-spacing,normal); line-height: var(--devsite-nav-item-title-= line-height,inherit); margin: var(--devsite-nav-item-title-margin,0); } 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[dropd= own] .devsite-nav-item-description { font-style: ; font-variant-ligatures: = ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; f= ont-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; fo= nt-weight: ; font-stretch: ; font-family: ; font-optical-sizing: ; font-siz= e-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-setting= s: ; font-language-override: ; font-size: var(--devsite-nav-description-fon= t-size,inherit); line-height: var(--devsite-nav-description-line-height,inh= erit); } devsite-tabs tab[dropdown] .devsite-nav-description { color: var(--devsite-= nav-description-color,inherit); margin: var(--devsite-nav-description-margi= n,12px 0); white-space: var(--devsite-nav-description-white-space,inherit);= } devsite-tabs tab[dropdown] .devsite-nav-item-description { color: var(--dev= site-secondary-text-color); padding: var(--devsite-padding,0); white-space:= normal; } body[theme] devsite-tabs .devsite-tabs-dropdown a, body[theme] devsite-tabs= .devsite-tabs-dropdown a:visited { color: var(--devsite-primary-text-color= ); display: var(--devsite-dropdown-link-display,block); font-weight: 400; } body[theme] devsite-tabs .devsite-tabs-dropdown a:focus, body[theme] devsit= e-tabs .devsite-tabs-dropdown a:hover { color: var(--devsite-link-color); } devsite-tabs[render-hidden] { width: 100%; } devsite-tabs tab[overflow-tab][render-hidden], devsite-tabs[render-hidden] = tab[overflow-tab] { -webkit-box-flex: 0; flex: 0 0 auto; } devsite-tabs tab[dropdown] .devsite-tabs-close-button { color: var(--devsit= e-primary-text-color); cursor: pointer; position: absolute; right: 24px; to= p: 24px; visibility: hidden; z-index: 1; } devsite-tabs tab[dropdown] .devsite-tabs-close-button:focus, devsite-tabs t= ab[dropdown] .devsite-tabs-close-button:hover { color: var(--devsite-link-c= olor); } devsite-tabs tab[dropdown--open] .devsite-tabs-close-button { visibility: v= isible; } devsite-thumb-rating { display: block; } devsite-thumb-rating[position=3D"footer"] { text-align: center; } devsite-thumb-rating .devsite-thumb-rating { border-radius: 4px; display: g= rid; gap: 0px 8px; grid-template-areas: "label thumbs"; grid-template-colum= ns: auto 1fr; } devsite-thumb-rating .devsite-thumb-label { font-size: 13px; grid-area: lab= el; } devsite-thumb-rating .devsite-thumbs { grid-area: thumbs; } devsite-thumb-rating[position=3D"header"] .devsite-thumbs, devsite-thumb-ra= ting[position=3D"main"] .devsite-thumbs { margin: -3px 0px; } devsite-thumb-rating .devsite-thumb { -webkit-box-align: center; align-item= s: center; background: 0px center; border: 0px; border-radius: 50%; box-sha= dow: none; cursor: pointer; display: inline-flex; fill: var(--devsite-secon= dary-text-color); height: 30px; -webkit-box-pack: center; justify-content: = center; min-width: 30px; padding: 0px; width: 30px; } devsite-thumb-rating .devsite-thumb:focus, devsite-thumb-rating .devsite-th= umb:hover { background: var(--devsite-background-3); } devsite-thumb-rating .devsite-thumb + .devsite-thumb { margin: 0px; } devsite-thumb-rating[rating=3D"down"] .devsite-thumb-down, devsite-thumb-ra= ting[rating=3D"up"] .devsite-thumb-up { fill: var(--devsite-link-color); } devsite-thumb-rating[rating=3D"down"] .devsite-thumb-down:focus, devsite-th= umb-rating[rating=3D"down"] .devsite-thumb-down:hover, devsite-thumb-rating= [rating=3D"up"] .devsite-thumb-up:focus, devsite-thumb-rating[rating=3D"up"= ] .devsite-thumb-up:hover { background: var(--devsite-link-background-activ= e); } devsite-thumb-rating .devsite-thumb-icon { -webkit-box-flex: 0; flex: 0 0 a= uto; height: 18px; pointer-events: none; width: 18px; } devsite-thumb-rating[position=3D"footer"] .devsite-thumb-rating { display: = block; margin-top: 24px; } .devsite-thumb-rating-dialog { position: relative; } .devsite-thumb-rating-dialog .devsite-thumb-rating-categories { display: fl= ex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direc= tion: column; } .devsite-thumb-rating-dialog .devsite-thumb-rating-category { padding-botto= m: 12px; } [dir=3D"ltr"] .devsite-thumb-rating-dialog h3 { text-align: left; } [dir=3D"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: st= art; justify-content: flex-start; padding: 0px 16px 16px; } .devsite-thumb-rating-dialog .devsite-feedback-icon { fill: currentcolor; t= op: 0px; } [dir=3D"ltr"] .button + devsite-feedback[position=3D"thumb-rating"] { margi= n-left: 16px; } [dir=3D"rtl"] .button + devsite-feedback[position=3D"thumb-rating"] { margi= n-right: 16px; } devsite-feedback[feedback-type=3D"thumb-rating"][position=3D"header"] { mar= gin-top: 4px; } devsite-feedback[feedback-type=3D"thumb-rating"][position=3D"footer"] { dis= play: block; margin-top: 8px; text-align: center; } .devsite-thumb-rating-dialog .devsite-dialog-contents { color: var(--devsit= e-primary-text-color); } .devsite-thumb-rating-dialog input + label { font-size: 14px; } .devsite-thumb-rating-dialog .account-note { color: var(--devsite-secondary= -text-color); font: 400 12px/16px var(--devsite-primary-font-family); lette= r-spacing: 0.3px; } .devsite-thumb-rating-dialog .create-profile-spinner { -webkit-box-align: c= enter; align-items: center; background: rgba(255, 255, 255, 0.8); inset: 0p= x; display: flex; -webkit-box-pack: center; justify-content: center; opacit= y: 0; pointer-events: none; position: absolute; transition: opacity 0.3s cu= bic-bezier(0.4, 0, 0.2, 1); z-index: 10; } .devsite-thumb-rating-dialog.loading .create-profile-spinner { opacity: 1; = } @media screen and (max-width: 600px) { devsite-thumb-rating[position=3D"header"] .devsite-thumb-rating { margin:= 16px 0px 8px; } devsite-thumb-rating[position=3D"main"] .devsite-thumb-rating { margin: 8= px 0px; } devsite-thumb-rating[position=3D"footer"] .devsite-thumb-rating { margin-= bottom: 24px; } } devsite-toc.devsite-toc { overflow: auto; width: 160px; } devsite-toc > .devsite-nav-list { border-inline-start: var(--devsite-toc-bo= rder-width,4px) solid var(--devsite-toc-border,var(--devsite-primary-color)= ); width: 160px; } .devsite-sidebar[fixed] devsite-toc > .devsite-nav-list { padding-inline-en= d: 8px; } devsite-toc > .devsite-nav-list > :first-child > .devsite-nav-title { paddi= ng-top: 0px; } devsite-toc > .devsite-nav-list > :last-child > .devsite-nav-list > :last-c= hild > .devsite-nav-title:last-child, devsite-toc > .devsite-nav-list > :la= st-child > .devsite-nav-title:only-child { padding-bottom: 0px; } devsite-toc .devsite-nav-list { padding-inline-start: var(--devsite-nav-lis= t-padding-x-start,12px); } devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title { color:= var(--devsite-nav-title-nested-color,var(--devsite-nav-title-color,var(--d= evsite-primary-text-color))); } devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title:focus, d= evsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title:hover { c= olor: var(--devsite-nav-nested-color-hover,var(--devsite-nav-color-hover,va= r(--devsite-link-color))); } devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-active { color= : var(--devsite-nav-color-active,var(--devsite-link-color-active,var(--devs= ite-link-color))); } 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.de= vsite-toc-embedded[expanded] .devsite-nav-item { display: block; } devsite-toc.devsite-toc-embedded .devsite-nav-item.devsite-toc-toggle, devs= ite-toc.devsite-toc-embedded[expanded] .devsite-nav-item.devsite-toc-toggle= { display: flex; } devsite-toc .devsite-nav-more-items, devsite-toc .devsite-nav-show-all { di= splay: none; } devsite-toc[expandable] .devsite-nav-more-items, devsite-toc[expandable] .d= evsite-nav-show-all { color: var(--devsite-secondary-text-color); display: = block; height: 24px; padding: 0px; } devsite-toc .devsite-nav-show-all { margin: -4px 0px 0px 4px; min-width: 20= px; } devsite-toc .devsite-nav-show-all::before { content: "expand_more"; } devsite-toc .devsite-nav-more-items { margin-bottom: -8px; min-width: 0px; = } 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: flex; margin: 0px; } devsite-toc .devsite-show-apix { margin-top: 12px; } @media screen and (max-width: 1253px) { devsite-toc.devsite-toc, devsite-toc[visible].devsite-toc { display: none= ; } devsite-toc.devsite-toc-embedded:not(:empty) { display: block; margin: 28= px 0px 24px; } devsite-toc.devsite-toc-embedded:not(:empty) ~ .devsite-article-body > :f= irst-child { margin-top: 0px; } body[template=3D"landing"] devsite-toc.devsite-toc-embedded:not(:empty) {= margin: 20px 40px 24px; } } @media screen and (max-width: 840px) { body[template=3D"landing"] devsite-toc.devsite-toc-embedded:not(:empty) {= margin: 20px 24px 24px; } } @media screen and (max-width: 600px) { body[template=3D"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: rgb(255, 255, 255); display: flex; font: 500 10px/10px var(--dev= site-primary-font-family); margin-top: 8px; max-width: 300px; opacity: 1; p= adding: 6px 8px; pointer-events: none; position: absolute; transition: opac= ity 0.2s; user-select: none; z-index: 1020; } devsite-topic { display: block; } devsite-topic .devsite-topic--inner { max-width: 936px; padding: 0px 40px; = margin: 0px auto; } devsite-topic .devsite-topic--header { background-color: var(--devsite-back= ground-1); background-image: url("/web/20230131013155im_/https://www.gstati= c.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466= c45c27dbcd2bcca1/developers/images/devsite_topics_header.svg"); background-= repeat: no-repeat; background-position: center top; background-size: 1440px= ; margin-bottom: 40px; } devsite-topic .devsite-topic--header .devsite-topic--inner { padding-top: 1= 68px; } devsite-topic .devsite-topic--header h1 { margin: 0px; top: auto; font-size= : 36px; line-height: 44px; color: rgb(32, 33, 36); font-family: var(--devsi= te-headline-font-family); } devsite-topic .devsite-topic--header p { margin: 0px; padding: 0px; color: = rgb(32, 33, 36); font-size: 18px; line-height: 24px; font-family: var(--dev= site-headline-font-family); } devsite-topic .devsite-topic--header .jump-links { border-bottom: 1px solid= rgb(221, 221, 221); display: flex; flex-wrap: wrap; font-family: "Google S= ans"; font-weight: 500; justify-content: space-around; list-style: none; pa= dding: 26px 0px 0px; width: 100%; } devsite-topic .devsite-topic--header .jump-links a::after { content: "arrow= _downward"; font: 18px / 1 "Material Icons"; margin-left: 8px; vertical-ali= gn: 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 .dev= site-topic--header .jump-links a:visited { color: rgb(95, 99, 104) !importa= nt; } devsite-topic .devsite-topic--header .jump-links a:focus, devsite-topic .de= vsite-topic--header .jump-links a:hover { color: rgb(26, 115, 232) !importa= nt; } devsite-topic .devsite-topic--section { padding: 40px 0px; } devsite-topic .devsite-topic--section:nth-child(2n+1) { background: rgb(248= , 249, 250); } devsite-topic .devsite-topic--section h2 { margin: 0px; padding: 0px; font-= size: 32px; color: rgb(32, 33, 36); line-height: 40px; font-family: var(--d= evsite-headline-font-family); } devsite-topic .devsite-topic--section .devsite-topic-section-description { = margin: 0px; padding: 0px; font-size: 16px; color: rgb(60, 64, 67); line-he= ight: 24px; font-family: var(--devsite-primary-font-family); max-width: cal= c(66.6667% - 13.3333px); } devsite-topic .devsite-topic-section--row { display: flex; margin: 0px -12p= x; flex-wrap: wrap; } devsite-topic .devsite-topic-section--row .devsite-topic-section--card { di= splay: flex; min-width: 0px; max-width: 100%; -webkit-box-orient: vertical;= -webkit-box-direction: normal; flex-direction: column; margin: 0px 12px 24= px; } devsite-topic .devsite-topic-section--row .devsite-topic-section--card .dev= site-topic-section-card--title { font-size: 24px; color: rgb(32, 33, 36); l= ine-height: 32px; font-family: var(--devsite-primary-font-family); } devsite-topic .devsite-topic-section--row .devsite-topic-section--card .dev= site-topic-section-card--title a { color: rgb(32, 33, 36); } devsite-topic .devsite-topic-section--row .devsite-topic-section--card .dev= site-topic-section-card--description { font-size: 16px; color: rgb(60, 64, = 67); letter-spacing: 0.1px; line-height: 24px; -webkit-box-flex: 1; flex-gr= ow: 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: var(--devsite-primary-font-family); font-si= ze: 12px; color: rgba(0, 0, 0, 0.87); text-transform: uppercase; } devsite-topic .devsite-topic-section--hero { display: flex; -webkit-box-ori= ent: horizontal; -webkit-box-direction: reverse; flex-direction: row-revers= e; } 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-sect= ion-description { max-width: 100%; } devsite-topic .devsite-topic-section--hero-description, devsite-topic .devs= ite-topic-section--hero-media { flex-shrink: 0; width: calc(50% - 12px); } devsite-topic .devsite-topic-section--cards { display: flex; padding-top: 2= 4px; margin: 0px -12px; flex-wrap: wrap; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card { = box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px= 2px var(--devsite-elevation-ambient-shadow-color); background: var(--devsi= te-background-1); display: flex; min-width: 0px; max-width: 100%; -webkit-b= ox-orient: vertical; -webkit-box-direction: normal; flex-direction: column;= border-radius: 4px; margin: 0px 12px 24px; width: calc(50% - 24px); } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--title { padding: 0px 16px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--title a { font-family: var(--devsite-headline-fo= nt-family); font-size: 24px; color: rgb(32, 33, 36); line-height: 32px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--description { padding: 8px 16px 24px; border-bot= tom: 1px solid rgb(221, 221, 221); -webkit-box-flex: 1; flex-grow: 1; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--description p { font-size: 16px; color: rgb(60, = 64, 67); line-height: 24px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--meta { padding: 16px 16px 12px; font-size: 12px;= line-height: 16px; } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--meta-byline { color: rgb(32, 33, 36); } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--meta-date { color: rgb(60, 64, 67); } devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .d= evsite-topic-section-card--buttons { display: flex; -webkit-box-align: cent= er; align-items: center; -webkit-box-pack: end; justify-content: flex-end; = padding: 12px 8px 8px; } devsite-topic .devsite-topic-section--1-up .devsite-topic-section--card { w= idth: calc(100% - 24px); margin-bottom: 0px; } devsite-topic .devsite-topic-section--2-up .devsite-topic-section--card { m= argin-bottom: 0px; } devsite-topic .devsite-topic-section--3-up .devsite-topic-section--card { w= idth: calc(33% - 24px); } @media screen and (max-width: 840px) { devsite-topic .devsite-topic--inner { max-width: 768px; padding: 0px 40px= ; } } @media screen and (max-width: 600px) { devsite-topic .devsite-topic--inner { max-width: 100%; padding: 0px 24px;= } devsite-topic .devsite-topic--section { padding: 24px 0px; } devsite-topic .devsite-topic--section .devsite-topic-section--card { widt= h: calc(100% - 24px); } devsite-topic .devsite-topic-section--hero { -webkit-box-orient: vertical= ; -webkit-box-direction: normal; flex-direction: column; } devsite-topic .devsite-topic-section--hero-description, devsite-topic .de= vsite-topic-section--hero-media { margin: 0px; width: 100%; } devsite-topic .devsite-topic-section--hero-media { margin-bottom: 24px; } } devsite-tracking-question { background-color: var(--devsite-background-3); = display: block; padding: 8px; } devsite-tracking-question .devsite-tracking-question-text { font-weight: 70= 0; } devsite-tracking-question .devsite-tracking-question-hidden { display: none= ; } devsite-tracking-question .devsite-tracking-question-choice-button { backgr= ound: var(--devsite-background-1); border-radius: 2px; box-shadow: rgba(0, = 0, 0, 0.26) 0px 2px 5px 0px; color: var(--devsite-primary-text-color); curs= or: pointer; line-height: 50px; margin: 8px 0px; padding: 0px 20px; transit= ion: background 0.2s, box-shadow 0.2s; } devsite-tracking-question .devsite-tracking-question-choice-button:focus, d= evsite-tracking-question .devsite-tracking-question-choice-button:hover { b= ackground: rgb(189, 193, 198); box-shadow: rgba(155, 161, 166, 0.5) 0px 4px= 8px 0px; } devsite-user { display: block; -webkit-box-flex: 0; flex: 0 0 auto; } devsite-user[signed-in], devsite-user[signed-in].not-eligible { min-width: = 44px; } devsite-user[signed-in][enable-profiles] { min-width: 84px; } devsite-user[signed-in][enable-profiles].not-eligible { min-width: 44px; } devsite-user[signed-in][enable-profiles][fp-auth] { min-width: 88px; } devsite-user[signed-in][enable-profiles][fp-auth].not-eligible { min-width:= 44px; } devsite-user #devsite-signin-btn { -webkit-box-align: center; align-items: = center; display: flex; font: 500 14px/36px var(--devsite-primary-font-famil= y); } devsite-user devsite-spinner { margin: 4px 8px 4px 20px; } devsite-user devsite-spinner.hide { opacity: 0; transition: opacity 0.45s; = animation-delay: 0.45s; } devsite-user .ogb-wrapper { -webkit-box-align: center; align-items: center;= display: flex; gap: 8px; -webkit-box-pack: end; justify-content: flex-end;= opacity: 1; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } devsite-user .ogb-pending { opacity: 0; } devsite-user .gb_Mb > .gb_Lb, devsite-user .gb_Nb > .gb_Mb, devsite-user .g= b_Pd > .gb_Za, devsite-user .gb_Rb > .gb_Qb, devsite-user .gb_Sb > .gb_Rb {= box-sizing: content-box; } devsite-user button.devsite-user-change-account, devsite-user button.devsit= e-user-signout { height: auto; color: var(--devsite-primary-text-color); } devsite-user button.devsite-user-change-account .material-icons, devsite-us= er button.devsite-user-signout .material-icons { margin: 0px; height: auto;= width: auto; top: auto; } devsite-user button.devsite-user-change-account { border: 0px; } @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), = not all { [dir=3D"rtl"] devsite-user .gb_xa::before { transform-origin: right 0px; = } } 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: var(--devsite= -background-1); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; b= ox-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px; color: var(--devsite-primary-te= xt-color); display: block; max-height: calc(-86px + 100vh); outline: none; = overflow: auto; position: absolute; right: 24px; top: 62px; width: 354px; } [dir=3D"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-lette= r { -webkit-box-align: center; align-items: center; border-radius: 50%; dis= play: flex; -webkit-box-pack: center; justify-content: center; margin: 0px;= overflow: hidden; padding: 0px; } devsite-user .devsite-user-dialog .devsite-user-dialog-photo, devsite-user = .devsite-user-dialog-signin .devsite-user-dialog-letter { background: var(-= -devsite-user-avatar-background,var(--devsite-background-color,var(--devsit= e-primary-color,var(--devsite-primary-text-color)))); color: var(--devsite-= user-avatar-color,var(--devsite-text-color,var(--devsite-inverted-text-colo= r))); } devsite-user .devsite-user-dialog-toggle { border: 4px solid transparent; b= ox-sizing: content-box; height: 32px; margin: 0px 4px 0px 0px; overflow: hi= dden; text-decoration: none; width: 32px; } [dir=3D"rtl"] devsite-user .devsite-user-dialog-toggle { margin: 0px 0px 0p= x 4px; } devsite-user .devsite-user-dialog-toggle:focus { border-color: var(--devsit= e-link-background-active); } devsite-user .devsite-user-dialog-photo-thumbnail { height: 32px; width: 32= px; } devsite-user[js-signin] button { box-shadow: none; } devsite-user[js-signin] .devsite-user-dialog-toggle { opacity: 0; transitio= n: opacity 0.45s; } devsite-user[js-signin] .devsite-user-dialog-toggle.show { opacity: 1; } devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter { -web= kit-box-flex: 0; flex: 0 0 32px; font-size: 17px; height: 32px; } devsite-user .devsite-user-dialog-learn-more { background-color: var(--devs= ite-link-background-active); border-radius: 4px; color: var(--devsite-secon= dary-text-color); font: 12px/16px var(--devsite-primary-font-family); margi= n: 4px 4px 0px; 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: var(--devsite-contr= ast-link-color); } 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-alig= n: center; } devsite-user .devsite-user-dialog-photo { margin: 0px 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: var(--devsite-primary-text-= color); font: 500 16px/22px var(--devsite-headline-font-family); letter-spa= cing: 0.29px; } devsite-user .devsite-user-dialog-email { color: var(--devsite-secondary-te= xt-color); font: 400 14px/19px var(--devsite-primary-font-family); } devsite-user .devsite-user-manage { -webkit-box-align: center; align-items:= center; background: 0px center; border: var(--devsite-primary-border); bor= der-radius: 17px; display: inline-flex; font: 500 14px/20px var(--devsite-h= eadline-font-family); height: 34px; letter-spacing: 0.25px; margin: 16px 0p= x 0px; padding: 0px 16px; white-space: nowrap; } devsite-user .devsite-user-manage:link, devsite-user .devsite-user-manage:v= isited { color: var(--devsite-primary-text-color); } devsite-user .devsite-user-manage:focus, devsite-user .devsite-user-manage:= hover { background-color: var(--devsite-background-2); } devsite-user .devsite-user-manage:active { box-shadow: 0 1px 2px 0 var(--de= vsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-amb= ient-shadow-color); background-color: var(--devsite-background-4); border-c= olor: transparent; } devsite-user .devsite-user-dialog-buttons { -webkit-box-align: center; alig= n-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-d= irection: normal; flex-direction: column; } devsite-user .devsite-user-dialog .developer-profile:link, devsite-user .de= vsite-user-dialog .developer-profile:visited, devsite-user .devsite-user-di= alog .devsite-user-developer-profile:link, devsite-user .devsite-user-dialo= g .devsite-user-developer-profile:visited, devsite-user .devsite-user-dialo= g .devsite-user-signin:link, devsite-user .devsite-user-dialog .devsite-use= r-signin:visited, devsite-user .devsite-user-signout:link, devsite-user .de= vsite-user-signout:visited { color: var(--devsite-primary-text-color); } devsite-user .devsite-user-dialog .developer-profile:focus, devsite-user .d= evsite-user-dialog .developer-profile:hover, devsite-user .devsite-user-dia= log .devsite-user-developer-profile:focus, devsite-user .devsite-user-dialo= g .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 .devs= ite-user-signout:hover { background-color: var(--devsite-background-2); } devsite-user .devsite-user-dialog .developer-profile:active, devsite-user .= devsite-user-dialog .devsite-user-developer-profile:active, devsite-user .d= evsite-user-dialog .devsite-user-signin:active, devsite-user .devsite-user-= signout:active { background-color: var(--devsite-background-4); } devsite-user .devsite-user-dialog .devsite-user-developer-profile, devsite-= user .devsite-user-dialog .devsite-user-signin { -webkit-box-align: center;= align-items: center; display: flex; font: 500 14px/16px var(--devsite-head= line-font-family); letter-spacing: 0.25px; padding: 15px 39px 16px; width: = 100%; } devsite-user .devsite-user-dialog-buttons > :first-child { border-top: var(= --devsite-secondary-border); } devsite-user .devsite-user-dialog .devsite-user-signin { border-bottom: var= (--devsite-secondary-border); } devsite-user .devsite-user-dialog .new-notification { background: var(--dev= site-notification-background); border-radius: 10px; color: var(--devsite-in= verted-text-color); font-weight: 700; font-size: 12px; letter-spacing: 0.3p= x; padding: 2px 8px; } [dir=3D"ltr"] devsite-user .devsite-user-dialog .new-notification { margin-= left: 12px; } [dir=3D"rtl"] devsite-user .devsite-user-dialog .new-notification { margin-= right: 12px; } devsite-user .devsite-user-signin .devsite-switch-account-icon { fill: curr= entcolor; margin-inline-end: 12px; } devsite-user .devsite-user-developer-profile .google-dev-icon { width: 28px= ; position: relative; } [dir=3D"ltr"] devsite-user .devsite-user-developer-profile .google-dev-icon= { margin-left: -4px; margin-right: 8px; } [dir=3D"rtl"] devsite-user .devsite-user-developer-profile .google-dev-icon= { margin-left: 8px; margin-right: -4px; } devsite-user .devsite-user-signout { border: var(--devsite-primary-border);= border-radius: 4px; display: inline-block; font: 500 14px/16px var(--devsi= te-headline-font-family); letter-spacing: 0.15px; margin: 16px auto; paddin= g: 10px 24px; } devsite-user .devsite-user-signout:active { box-shadow: 0 1px 2px 0 var(--d= evsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-am= bient-shadow-color); background-color: var(--devsite-background-4); border-= color: transparent; } devsite-user .devsite-user-dialog-footer { border-top: var(--devsite-second= ary-border); display: flex; -webkit-box-pack: center; justify-content: cent= er; padding: 14px 20px; } devsite-user .devsite-user-dialog-footer-link { -webkit-box-align: center; = align-items: center; display: inline-flex; margin: 0px; } devsite-user .devsite-user-dialog-footer-link:not(:first-child)::before { c= olor: var(--devsite-secondary-text-color); content: "=E2=80=A2"; font-size:= 13px; } devsite-user .devsite-user-dialog-footer-link > a { border-radius: 4px; dis= play: inline-block; font: 400 12px/16px var(--devsite-primary-font-family);= padding: 4px 8px; } devsite-user .devsite-user-dialog-footer-link > a:link, devsite-user .devsi= te-user-dialog-footer-link > a:visited { color: var(--devsite-secondary-tex= t-color); } devsite-user .devsite-user-dialog-footer-link > a:focus, devsite-user .devs= ite-user-dialog-footer-link > a:hover { background-color: var(--devsite-bac= kground-2); } devsite-user .devsite-user-dialog-footer-link > a:active { background-color= : var(--devsite-background-4); } devsite-user .devsite-devprofile-wrapper { display: flex; -webkit-box-align= : center; align-items: center; -webkit-box-pack: end; justify-content: flex= -end; position: relative; opacity: 0; } devsite-user .devsite-devprofile-wrapper.show { opacity: 1; transition: 0.1= 5s cubic-bezier(0.4, 0, 0.2, 1); } devsite-user .devsite-devprofile-wrapper devsite-spinner { margin: 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-notifications-= indicator { border-radius: 8px; background-color: rgb(26, 115, 232); width:= 8px; height: 8px; position: absolute; top: 0px; right: 0px; z-index: 1; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-button { heigh= t: 32px; width: 32px; min-width: 32px; min-height: 32px; margin: 0px; paddi= ng: 0px; border: var(--devsite-primary-border); display: inline-flex; -webk= it-box-align: center; align-items: center; -webkit-box-pack: center; justif= y-content: center; position: relative; --devsite-button-background-hover: #= e8eaed; --devsite-button-background-active: #e8eaed; --devsite-button-borde= r-hover: none; --devsite-button-border-radius: 50%; --devsite-button-box-sh= adow: none; --devsite-button-box-shadow-active: none; } devsite-user .devsite-devprofile-wrapper.open .devsite-devprofile-button { = background: rgb(232, 234, 237); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout, devsi= te-user .devsite-devprofile-wrapper .devsite-devprofile-popout { max-width:= 378px; width: 100vw; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-notch, devsite-user .devsite-devprofile-wrapper .devsite-devp= rofile-popout .devsite-devprofile-notch { border-bottom: 8px solid var(--de= vsite-background-1); border-left: 9px solid transparent; border-right: 9px = solid transparent; clip-path: inset(-8px -8px 0px); height: 0px; position: = absolute; right: 9px; top: -8px; width: 0px; filter: drop-shadow(0 1px 2px = var(--devsite-elevation-key-shadow-color)) drop-shadow(0 2px 6px var(--devs= ite-elevation-ambient-shadow-color)); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-notch::before { background: var(--devsite-background-1); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout { posit= ion: absolute; background: var(--devsite-background-1); box-shadow: rgba(60= , 64, 67, 0.3) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; border-= radius: 8px; font-family: var(--devsite-primary-font-family); padding: 8px = 0px; margin-top: 8px; margin-right: -2px; top: 100%; right: 0px; opacity: 0= ; transform-origin: right top; transform: scale(0.8); transition: 0.15s cub= ic-bezier(0.4, 0, 0.2, 1); pointer-events: none; display: none; z-index: 10= 07; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .devsit= e-devprofile-notch::before { background: var(--devsite-background-1); } [dir=3D"rtl"] devsite-user .devsite-devprofile-wrapper .devsite-devprofile-= popout { left: 0px; right: auto; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.show { = opacity: 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 .devsit= e-devprofile-notifications-container { margin-left: 10px; font-weight: 500;= color: rgb(255, 255, 255); font-size: 12px; background-color: rgb(26, 115,= 232); border-radius: 16px; padding: 0px 5px 0px 4px; height: 16px; line-he= ight: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profil= e-links-header { color: var(--devsite-primary-text-color); font-weight: 500= ; font-size: 11px; line-height: 16px; letter-spacing: 0.8px; text-transform= : uppercase; padding: 12px 14px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profil= e-link { display: flex; -webkit-box-align: center; align-items: center; pad= ding: 14px 16px; color: var(--devsite-primary-text-color); font-size: 16px;= font-weight: 400; line-height: 24px; text-decoration: none; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profil= e-link:hover { background: rgb(241, 243, 244); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul { ma= rgin: 0px; padding: 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li {= margin: 0px; padding: 0px; list-style: none; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-profile"] { max-width: 232px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"], devsite-user .devsite-devprofile-wrapper .d= evsite-devprofile-popout[popup-type=3D"view-rated-pages"] { background: var= (--devsite-link-color); color: var(--devsite-inverted-text-color); padding:= 16px 24px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .devsite-devprofile-notch, devsite-user .dev= site-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D"view-rated= -pages"] .devsite-devprofile-notch { border-bottom: 8px solid var(--devsite= -link-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .devsite-devprofile-notch::before, devsite-u= ser .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D"vi= ew-rated-pages"] .devsite-devprofile-notch::before { background: var(--devs= ite-link-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .devsite-devprofile-notch svg g path, devsit= e-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D= "view-rated-pages"] .devsite-devprofile-notch svg g path { fill: var(--devs= ite-link-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .buttons, devsite-user .devsite-devprofile-w= rapper .devsite-devprofile-popout[popup-type=3D"view-rated-pages"] .buttons= { display: flex; -webkit-box-pack: end; justify-content: flex-end; margin-= top: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .buttons .button:hover, devsite-user .devsit= e-devprofile-wrapper .devsite-devprofile-popout[popup-type=3D"view-rated-pa= ges"] .buttons .button:hover { --devsite-link-color: #1e88e5; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .button-white, devsite-user .devsite-devprof= ile-wrapper .devsite-devprofile-popout[popup-type=3D"view-rated-pages"] .bu= tton-white { color: var(--devsite-inverted-text-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"view-bookmarked-pages"] .button-white:focus, devsite-user .devsite-d= evprofile-wrapper .devsite-devprofile-popout[popup-type=3D"view-bookmarked-= pages"] .button-white:hover, devsite-user .devsite-devprofile-wrapper .devs= ite-devprofile-popout[popup-type=3D"view-rated-pages"] .button-white:focus,= devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-= type=3D"view-rated-pages"] .button-white:hover { background: var(--devsite-= link-color); color: var(--devsite-button-background-hover); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] { font-family: var(--devsite-primary-font-family); = padding: 12px 20px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-logo { display: flex; -= webkit-box-pack: center; justify-content: center; height: 36px; margin: 20p= x 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-subhead { font-weight: = 500; font-size: 16px; line-height: 24px; text-align: center; letter-spacing= : 0.1px; color: var(--devsite-primary-text-color); margin-bottom: 8px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-body { font-size: 14px;= margin-bottom: 24px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-t= ype=3D"create-profile"] .devsite-devprofile-callout-buttons { display: flex= ; -webkit-box-pack: end; justify-content: flex-end; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout { posi= tion: absolute; background: var(--devsite-background-1); box-shadow: rgba(6= 0, 64, 67, 0.3) 0px 1px 2px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; border= -radius: 8px; font-family: var(--devsite-headline-font-family); margin-top:= 8px; top: 100%; right: -2px; padding: 16px; max-width: 378px; width: 100vw= ; opacity: 1; transform: scale(1); transition: 0.15s cubic-bezier(0.4, 0, 0= .2, 1); } [dir=3D"rtl"] devsite-user .devsite-devprofile-wrapper .devsite-devprofile-= callout { left: 0px; right: auto; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout.hide {= opacity: 0; transform-origin: right top; transform: scale(0.8); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-error, devsite-user .devsite-devprofile-wrapper .devs= ite-devprofile-callout .devsite-devprofile-callout-step1, devsite-user .dev= site-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-cal= lout-step2, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-ca= llout .devsite-devprofile-callout-step3, devsite-user .devsite-devprofile-w= rapper .devsite-devprofile-callout .devsite-devprofile-callout-step4 { disp= lay: flex; -webkit-box-align: center; align-items: center; -webkit-box-orie= nt: vertical; -webkit-box-direction: normal; flex-direction: column; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-step3 { padding: 24px 0px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-logo { display: flex; -webkit-box-align: center; align-items:= center; -webkit-box-pack: center; justify-content: center; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-logo svg { width: 74px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout h4 { m= argin: 20px 0px 8px; padding: 0px; font-size: 16px; line-height: 24px; lett= er-spacing: 0.1px; color: var(--devsite-primary-text-color); text-align: le= ft; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout p { ma= rgin: 0px; padding: 0px; font-size: 14px; line-height: 20px; letter-spacing= : 0.25px; color: var(--devsite-primary-text-color); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .accou= nt-note, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callo= ut .sub-text, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-= callout .tos { color: var(--devsite-secondary-text-color); font: 400 12px/1= 6px var(--devsite-primary-font-family); letter-spacing: 0.3px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .sub-t= ext, devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .= tos { font-size: 14px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .sub-t= ext { padding-inline-start: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-newsletter, devsite-user .devsite-devprofile-wrapper = .devsite-devprofile-callout .devsite-devprofile-callout-occupation { width:= 100%; margin-bottom: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-newsletter label, devsite-user .devsite-devprofile-wr= apper .devsite-devprofile-callout .devsite-devprofile-callout-occupation la= bel { font-size: 14px; letter-spacing: 0.25px; color: var(--devsite-primary= -text-color); display: flex; -webkit-box-align: center; align-items: center= ; line-height: 16px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-devprofile-callout-buttons { display: flex; width: 100%; -webkit-box-pac= k: end; justify-content: flex-end; margin-top: 24px; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsi= te-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[dialog--open] .devsite-user-dialog { right: 16px; } [dir=3D"rtl"] devsite-user[dialog--open] .devsite-user-dialog { left: 16p= x; right: auto; } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout { ma= x-width: calc(-80px + 100vw); } devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout { max= -width: calc(-64px + 100vw); } } devsite-var { position: relative; white-space: nowrap; } devsite-var .devsite-var-input-wrapper { bottom: -2px; 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 { bottom: -3px; } 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 va= r(--devsite-var-color); cursor: pointer; } devsite-var input.devsite-var-input { border: 1px solid rgb(128, 134, 139);= font-family: inherit; font-size: inherit; padding: 1px 3px 0px; width: inh= erit; } devsite-var input.devsite-var-input:focus { border-bottom: 1px solid rgb(12= 8, 134, 139); padding-bottom: 0px; } devsite-var button.devsite-icon-edit { color: var(--devsite-var-color); mar= gin: 0px 0px 2px 5px; } devsite-var .material-icons.devsite-icon-edit { vertical-align: middle; } devsite-var .devsite-icon-close { bottom: 0px; position: absolute; right: -= 4px; top: 0px; } devsite-var .devsite-icon-close, devsite-var .devsite-icon-close:hover { co= lor: rgb(32, 33, 36); } devsite-var .devsite-var-wrapper .material-icons { background: none; border= : none; font-size: inherit; height: inherit; min-width: inherit; padding: 0= px; } 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: 0px 24px; } devsite-version-selector .devsite-version-selector-select { width: 100%; } .devsite-future-version, .devsite-future-version * { color: var(--devsite-t= ertiary-text-rgba); text-decoration: none; } devsite-video { aspect-ratio: 16 / 9; display: block; overflow: hidden; pos= ition: relative; width: 100%; } devsite-video .devsite-video-placeholder img, devsite-video .devsite-video-= placeholder span, devsite-video iframe { position: absolute; } devsite-video iframe { height: 101%; left: -0.5%; top: -0.5%; width: 101%; = } devsite-video .devsite-video-placeholder span { color: var(--devsite-primar= y-text-color); padding: 8px; } devsite-video .devsite-basic-video-player { border: 0px; height: 100%; posi= tion: absolute; width: 100%; } 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 rgb(0, 0= , 0); height: 0px; padding-bottom: 56.25%; position: relative; visibility: = hidden; } devsite-vplus .devsite-vplus-slide-frame { height: 100%; left: 0px; overflo= w: auto; position: absolute; top: 0px; width: 100%; } devsite-vplus .devsite-vplus-video { bottom: 0px; height: 26%; position: ab= solute; right: 0px; transition: width 1.3s, height 1.3s, position 1.3s; wid= th: 26%; z-index: 1; } devsite-vplus .devsite-vplus-video.devsite-vplus-large { height: 100%; widt= h: 100%; } devsite-vplus .devsite-vplus-video-container { bottom: 0px; cursor: pointer= ; height: 26%; position: absolute; right: 0px; transition: width 1.3s, heig= ht 1.3s, position 1.3s; 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: rgb(255, 255, 255= ); border-radius: 6px; display: flex; height: 100%; margin: 0px auto; max-w= idth: 490px; padding: 6px; text-align: center; } devsite-vplus .devsite-vplus-controls-text { font-size: 16px; font-style: n= ormal; 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) { paddin= g-left: 5px; } devsite-vplus .devsite-vplus-player-controls { display: flex; margin: 8px 1= 6px; } devsite-vplus .devsite-vplus-control-button { cursor: pointer; box-shadow: = none; height: 43px; padding-top: 0px; width: 50px; } devsite-vplus .devsite-vplus-control-button:hover { box-shadow: rgb(170, 17= 0, 170) 0px 2px 4px; border-radius: 4px; } devsite-vplus .devsite-vplus-video-controls-container { display: flex; } devsite-vplus .devsite-vplus-play-icon { margin-left: 0px; } devsite-vplus .devsite-vplus-pause-icon { margin-left: 0px; } devsite-vplus .devsite-vplus-play-button { padding-left: 0px; margin-left: = 16px; width: 50px; } devsite-vplus .devsite-vplus-next-button { padding-left: 0px; margin-left: = 16px; width: 50px; } devsite-vplus .devsite-vplus-triangle { border-style: solid; height: 0px; m= argin: auto; position: relative; width: 0px; } devsite-vplus .devsite-vplus-back { border-color: transparent rgb(36, 80, 1= 41) transparent transparent; border-width: 8px 16px 8px 0px; } 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 tra= nsparent transparent rgb(36, 80, 141); border-width: 16px 0px 16px 25px; to= p: 5px; } devsite-vplus .devsite-vplus-forward { border-color: transparent transparen= t transparent rgb(36, 80, 141); border-width: 8px 0px 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: rgb(36, 80, 141); he= ight: 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: rgb(17= 0, 170, 170) 0px 2px 4px; } devsite-vplus .devsite-vplus-playbackrate .material-icons { margin-top: 10p= x; } devsite-vplus .devsite-vplus-playbackrate select { border-color: transparen= t; font-size: 18px; height: 46px; padding-bottom: 2px; padding-top: 2px; te= xt-align-last: center; text-transform: none; } devsite-vplus .devsite-vplus-caption-control-container { display: flex; mar= gin-top: 8px; } devsite-vplus .devsite-vplus-caption-control { background-color: rgb(36, 80= , 141); border: 0px; border-radius: 16px; color: var(--devsite-inverted-tex= t-color); display: inline-block; height: 35px; line-height: 39px; margin-ri= ght: 10px; margin-top: 1px; padding: 0px; text-align: center; text-decorati= on: none; text-indent: 0px; vertical-align: 10%; width: 50px; } devsite-vplus .devsite-vplus-captions-off { background-color: rgb(255, 255,= 255); color: rgb(36, 80, 141); } devsite-vplus .devsite-vplus-controls .devsite-vplus-control-button.disable= d { background-color: transparent; } devsite-vplus .devsite-vplus-prev-button.disabled .devsite-vplus-triangle {= border-right-color: rgb(148, 150, 154); } devsite-vplus .devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplu= s-triangle { border-right-color: rgb(24, 52, 92); } devsite-vplus .devsite-vplus-next-button:hover:not(.disabled) .devsite-vplu= s-triangle { border-right-color: rgb(24, 52, 92); } devsite-vplus .devsite-vplus-next-button.disabled .devsite-vplus-triangle {= border-left-color: rgb(148, 150, 154); } .next-button:hover:not(.disabled) .devsite-vplus-triangle, devsite-vplus .d= evsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle { bor= der-left-color: rgb(24, 52, 92); } devsite-vplus .devsite-vplus-navigation-button-container { margin: 0px auto= ; text-align: center; } devsite-vplus .devsite-vplus-navigation-button-link { text-decoration: none= ; } devsite-vplus .devsite-vplus-navigation-button { background-color: rgb(36, = 80, 141); box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) = 0px 1px 2px; color: var(--devsite-inverted-text-color); display: inline-blo= ck; font-size: 16px; margin: 12px 36px; padding: 12px 36px; } devsite-vplus .devsite-vplus-addendums { border: 1px solid rgb(0, 0, 0); cu= rsor: pointer; } devsite-vplus .devsite-vplus-addendums-header { background-color: var(--dev= site-background-5); outline: none; padding: 8px 8px 8px 0px; 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-vplu= s-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 select:hover, devsite-vplus .devsite-vplus-not= es-control > div > div:hover, devsite-vplus .devsite-vplus-transcript-contr= ol > div > div:hover { box-shadow: rgb(170, 170, 170) 0px 2px 4px; backgrou= nd-color: rgb(225, 243, 252); } devsite-vplus .devsite-vplus select:focus { background-color: rgb(225, 243,= 252); } devsite-vplus .devsite-vplus-addendums-control.devsite-vplus-search-widget = > div { margin-left: 0px; margin-right: 0px; } devsite-vplus .devsite-vplus-addendums-label { white-space: nowrap; } devsite-vplus .devsite-vplus-addendums-control .devsite-hidden { display: n= one; } 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-adde= ndums-opened { display: none; } devsite-vplus .devsite-vplus-notes-control.goog-zippy-collapsed .devsite-vp= lus-addendums-closed, devsite-vplus .devsite-vplus-notes-control.goog-zippy= -expanded .devsite-vplus-addendums-opened, devsite-vplus .devsite-vplus-tra= nscript-control.goog-zippy-collapsed .devsite-vplus-addendums-closed, devsi= te-vplus .devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vpl= us-addendums-opened { display: inline; } devsite-vplus .devsite-vplus-search-widget { background: var(--devsite-back= ground-3); 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: 0px; font-size: 14px; width: 100%; } devsite-vplus .devsite-vplus-search-input:hover { box-shadow: rgb(170, 170,= 170) 0px 2px 4px; } devsite-vplus .devsite-vplus-search-autocomplete { position: relative; whit= e-space: normal; width: 100%; z-index: 1; } devsite-vplus .devsite-vplus-search-autocomplete .ac-renderer { background:= var(--devsite-background-1); border: 1px solid var(--devsite-secondary-tex= t-color); box-shadow: rgba(102, 102, 102, 0.4) 2px 2px 2px; font: 13px Aria= l, 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-wei= ght: 700; } devsite-vplus .devsite-vplus-search-autocomplete .ac-active { background-co= lor: rgb(189, 193, 198); } devsite-vplus .devsite-vplus-addendums-control div.devsite-vplus-captions-l= anguage-selector-wrapper, devsite-vplus .devsite-vplus-addendums-control di= v.devsite-vplus-video-language-selector-wrapper { display: inline-block; he= ight: auto; margin-right: 2px; padding: 0px; vertical-align: bottom; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper .material-i= cons, devsite-vplus .devsite-vplus-video-language-selector-wrapper .materia= l-icons { vertical-align: middle; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper:focus-withi= n .material-icons, devsite-vplus .devsite-vplus-video-language-selector-wra= pper:focus-within .material-icons { display: none; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper select, dev= site-vplus .devsite-vplus-video-language-selector-wrapper select { backgrou= nd-color: var(--devsite-background-5); min-width: 0px; padding-right: 16px;= width: 0px; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper select:focu= s, devsite-vplus .devsite-vplus-video-language-selector-wrapper select:focu= s { outline: -webkit-focus-ring-color auto 5px; padding-right: 27px; width:= auto; } devsite-vplus .devsite-vplus-captions-language-selector-wrapper select.kd-s= elect, devsite-vplus .devsite-vplus-video-language-selector-wrapper select.= kd-select { border-color: transparent; font-size: small; height: auto; padd= ing-bottom: 2px; padding-top: 2px; text-align-last: right; } devsite-vplus .devsite-vplus-addendums-opened .material-icons { width: 1em;= } devsite-vplus .devsite-vplus-addendums-closed .material-icons { background-= color: rgb(189, 193, 198); color: var(--devsite-inverted-text-color); width= : 1em; } devsite-vplus .devsite-vplus-notes { height: 100px; margin: 0px; overflow: = auto; padding: 16px; position: relative; resize: vertical; width: 100%; } devsite-vplus .devsite-vplus-transcript-captions { height: 4.5em; margin: 0= px; overflow: auto; padding: 0px; position: relative; resize: vertical; wid= th: 100%; } devsite-vplus .devsite-vplus-transcript-captions table { border-collapse: s= eparate; margin: 0px; } devsite-vplus .devsite-vplus-transcript-caption { padding: 0.15em 1em; widt= h: 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= px; } devsite-vplus .devsite-vplus-transcript-caption:focus { outline-offset: -3p= x; } devsite-vplus .devsite-vplus-transcript-caption td { background-color: rgb(= 255, 255, 255); border-color: rgb(255, 255, 255); padding: 0px 0.25em; text= -shadow: currentcolor 0px 0px 0px; } devsite-vplus .devsite-vplus-transcript-caption:hover td { text-shadow: rgb= (95, 99, 104) 0.5px 0px 0.1px, rgb(95, 99, 104) -0.5px 0px 0.1px; } devsite-vplus .devsite-vplus-transcript-caption:hover .devsite-vplus-transc= ript-caption-bullet { visibility: visible; } devsite-vplus .devsite-vplus-transcript-caption.devsite-vplus-caption-highl= ighted td { background-color: rgb(255, 241, 118); } devsite-vplus .devsite-vplus-transcript-caption .devsite-vplus-transcript-c= aption-bullet { padding: 0px 0px 0px 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: rgb(36, 80, 141); pad= ding: 0px; text-overflow: inherit; text-transform: none; } devsite-vplus .devsite-hidden { display: none; } devsite-youtube { aspect-ratio: 16 / 9; display: block; overflow: hidden; p= osition: relative; width: 100%; } devsite-youtube .devsite-video-placeholder img, devsite-youtube .devsite-vi= deo-placeholder span, devsite-youtube iframe { position: absolute; } devsite-youtube iframe { height: 101%; left: -0.5%; top: -0.5%; width: 101%= ; } devsite-youtube .devsite-video-placeholder span { color: var(--devsite-prim= ary-text-color); padding: 8px; } devsite-youtube .devsite-basic-video-player { border: 0px; height: 100%; po= sition: absolute; width: 100%; } body[codelabs-content-type=3D"paginated"] google-codelab { width: 100%; hei= ght: 100%; display: grid; grid-template: "title title" 64px "drawer main" 1= fr "metadata main" 56px / 256px 1fr; } body[codelabs-content-type=3D"paginated"] google-codelab #main { display: f= lex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-dire= ction: column; grid-area: main; position: relative; background: rgb(248, 24= 9, 250); } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title { b= ackground: rgb(255, 255, 255); box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2p= x 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; color: rgb(60, 64, 67); disp= lay: flex; grid-area: title; -webkit-box-align: center; align-items: center= ; -webkit-box-pack: justify; justify-content: space-between; height: 64px; = padding: 0px 36px 0px 16px; -webkit-font-smoothing: antialiased; z-index: 1= 000; max-width: 100vw; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = { font-size: 20px; font-weight: 400; margin: 0px 8px; font-family: Roboto, = Noto, sans-serif; -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 1; white-= space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 0px; displ= ay: inline-block; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = a { color: rgb(60, 64, 67); text-decoration: none; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = a:focus, body[codelabs-content-type=3D"paginated"] google-codelab #codelab-= title h1 a:hover { color: rgb(33, 33, 33); text-decoration: underline; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title .ti= me-remaining { flex-shrink: 0; -webkit-box-flex: 0; flex-grow: 0; display: = flex; -webkit-box-align: center; align-items: center; font-size: 16px; font= -weight: 400; white-space: nowrap; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title .ti= me-remaining i { margin-right: 3px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-butto= ns { display: flex; -webkit-box-align: center; align-items: center; -webkit= -box-flex: 0; flex-grow: 0; flex-shrink: 0; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-butto= ns #arrow-back, body[codelabs-content-type=3D"paginated"] google-codelab #c= odelab-nav-buttons #menu { display: flex; text-decoration: none; color: rgb= (60, 64, 67); width: 40px; height: 40px; -webkit-box-pack: center; justify-= content: center; -webkit-box-align: center; align-items: center; } body[codelabs-content-type=3D"paginated"] google-codelab #controls { positi= on: absolute; bottom: 32px; left: 0px; right: 0px; padding: 0px 32px; z-ind= ex: 1001; } body[codelabs-content-type=3D"paginated"] google-codelab #fabs { display: f= lex; -webkit-box-pack: justify; justify-content: space-between; margin: 0px= auto; max-width: 1025px; } body[codelabs-content-type=3D"paginated"] google-codelab #done, body[codela= bs-content-type=3D"paginated"] google-codelab #next-step, body[codelabs-con= tent-type=3D"paginated"] google-codelab #previous-step { border-radius: 4px= ; font-family: "Google Sans", Arial, sans-serif; font-size: 14px; font-weig= ht: 600; letter-spacing: 0.6px; line-height: 24px; padding: 6px 24px; point= er-events: auto; text-transform: none; background: rgb(255, 255, 255); colo= r: rgb(26, 115, 232); transform: scale(1); transition: transform 0.3s ease-= in-out, -webkit-transform 0.3s ease-in-out; box-shadow: rgba(0, 0, 0, 0.14)= 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0= px 3px 1px -2px; text-decoration: none; -webkit-font-smoothing: antialiased= ; } body[codelabs-content-type=3D"paginated"] google-codelab #next-step { color= : rgb(255, 255, 255); background: rgb(26, 115, 232); } body[codelabs-content-type=3D"paginated"] google-codelab #done { background= : rgb(30, 142, 62); color: rgb(255, 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #fabs a[disappear]= { transform: scale(0); } body[codelabs-content-type=3D"paginated"] google-codelab #done { background= : rgb(15, 157, 88); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .codelab-t= ime-container { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab .metadata { backgr= ound: rgb(248, 249, 250); color: rgb(119, 119, 119); font-size: 14px; grid-= area: metadata; padding: 16px; } body[codelabs-content-type=3D"paginated"] google-codelab .metadata a { colo= r: currentcolor; margin-left: 4px; } body[codelabs-content-type=3D"paginated"] google-codelab .metadata a:focus,= body[codelabs-content-type=3D"paginated"] google-codelab .metadata a:hover= { color: rgb(33, 33, 33); } @media (max-width: 768px) { body[codelabs-content-type=3D"paginated"] google-codelab { grid-template:= "title" 64px "main" 1fr "metadata" 56px / 1fr; padding-top: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title {= padding: 0px 16px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title .= codelab-time-container { display: none; } } body[codelabs-content-type=3D"paginated"] google-codelab #drawer { width: 2= 56px; grid-area: drawer; position: relative; z-index: 100; display: flex; -= webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction:= column; background: rgb(248, 249, 250); overflow: auto; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .steps { f= lex-shrink: 1; -webkit-box-flex: 1; flex-grow: 1; overflow-x: visible; disp= lay: flex; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .steps:onl= y-child { max-height: 100%; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol { margi= n: 0px; padding: 16px 12px; counter-reset: li-count 0; list-style: none; ov= erflow: visible auto; -webkit-box-flex: 1; flex-grow: 1; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li { di= splay: block; counter-increment: li-count 1; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a { = text-decoration: none; display: flex; -webkit-box-align: center; align-item= s: center; font-size: 14px; color: rgb(128, 134, 139); padding: 3px 10px; m= in-height: 48px; font-weight: 400; line-height: 20px; box-sizing: content-b= ox; position: relative; font-family: Roboto, Noto, sans-serif; -webkit-font= -smoothing: antialiased; transition: 0.3s ease-in-out; border: 1px solid rg= b(218, 220, 224); border-radius: 5px; margin: 6px 0px; background: rgb(255,= 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a:ac= tive, body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol l= i a:focus { background: rgb(198, 198, 198); -webkit-tap-highlight-color: tr= ansparent; outline: 0px; border-color: rgb(198, 198, 198) !important; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a .s= tep { display: flex; -webkit-box-align: center; align-items: center; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li .ste= p::before { content: counter(li-count); display: inline-block; font-style: = normal; width: 26px; min-width: 26px; color: rgb(255, 255, 255); background= : rgb(128, 134, 139); 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; transition: 0.3s ease-in-out; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li a:fo= cus, body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li= [selected] a { color: rgb(33, 33, 33); font-weight: 600; box-shadow: rgba(6= 0, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[sele= cted] a { border-color: rgb(255, 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[sele= cted] .step::before { font-weight: 600; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[comp= leted] a { color: rgb(33, 33, 33); } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li[comp= leted] .step::before { background-color: rgb(26, 115, 232); color: rgb(255,= 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-butto= ns #menu { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol ::-webk= it-scrollbar { appearance: none; width: 7px; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol ::-webk= it-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, 0.= 5); box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 1px; } @media (max-width: 768px) { body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-but= tons #arrow-back { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-nav-but= tons #menu { display: flex; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer { grid-a= rea: auto; width: 256px; position: absolute; left: 0px; top: 0px; bottom: 0= px; z-index: 10000; will-change: transform; box-shadow: transparent 2px 2px= 4px; pointer-events: none; transform: translate3d(-100%, 0px, 0px); transi= tion: transform 0.3s ease-in-out, box-shadow 0.3s, -webkit-transform 0.3s e= ase-in-out; } body[codelabs-content-type=3D"paginated"] google-codelab[drawer--open] #d= rawer { box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 4px; transform: translateZ(= 0px); pointer-events: all; } body[codelabs-content-type=3D"paginated"] google-codelab #main::before { = content: ""; inset: 0px; position: absolute; transition: opacity 0.38s ease= -in-out; background-color: rgba(0, 0, 0, 0.3); z-index: 10; pointer-events:= none; opacity: 0; } body[codelabs-content-type=3D"paginated"] google-codelab[drawer--open] #m= ain::before { opacity: 1; pointer-events: all; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .codelab= -time-container { display: block; padding: 20px 10px 10px 23px; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .time-re= maining i { margin-right: 9px; } } body[codelabs-content-type=3D"paginated"] google-codelab #steps { overflow:= hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-= direction: column; position: relative; -webkit-box-flex: 1; flex-grow: 1; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p { display: none; width: 100%; transform: translateZ(0px); position: absol= ute; inset: 0px; padding-top: 32px; overflow: hidden auto; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p[animating], body[codelabs-content-type=3D"paginated"] google-codelab goog= le-codelab-step[selected] { display: block; transform-origin: 0px 50% 0px; = animation-fill-mode: both; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p[animating] { pointer-events: none; position: absolute; overflow: hidden; = } @media (max-width: 768px) { body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-s= tep { padding-top: 8px; } } body[codelabs-content-type=3D"paginated"] google-codelab #drawer ol li { pa= dding: 0px; margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab { bottom: 0px; lef= t: 0px; position: fixed; top: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title h1 = { width: auto; color: rgb(60, 64, 67); top: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab .title { display: = flex; -webkit-box-flex: 1; flex-grow: 1; margin-left: 10px; overflow: hidde= n; } body[codelabs-content-type=3D"paginated"] google-codelab .no-return-url { d= isplay: none !important; } body[codelabs-content-type=3D"paginated"] google-codelab #drawer .metadata = .material-icons, body[codelabs-content-type=3D"paginated"] google-codelab-a= bout .about-card .material-icons { top: 0px !important; } body[codelabs-content-type=3D"paginated"] body[template=3D"codelab"] devsit= e-footer-utility .devsite-footer-utility-button > a, body[codelabs-content-= type=3D"paginated"] google-codelab .button-blue, body[codelabs-content-type= =3D"paginated"] google-codelab .button-green, body[codelabs-content-type=3D= "paginated"] google-codelab .button-primary, body[codelabs-content-type=3D"= paginated"] google-codelab .button-red { color: rgb(255, 255, 255) !importa= nt; } body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title dev= site-language-selector { margin: 0px 16px; } body[codelabs-content-type=3D"paginated"] google-codelab #controls devsite-= language-selector { background: var(--devsite-background-1); display: none;= } @media screen and (max-width: 840px) { body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title d= evsite-language-selector { margin: 0px 8px; } } @media screen and (max-width: 600px) { body[codelabs-content-type=3D"paginated"] google-codelab #codelab-title d= evsite-language-selector { display: none; } body[codelabs-content-type=3D"paginated"] google-codelab #controls devsit= e-language-selector { display: block; } body[codelabs-content-type=3D"paginated"] google-codelab #main #controls = { padding: 0px 8px; } body[codelabs-content-type=3D"paginated"] google-codelab #controls .space= r { display: flex; -webkit-box-pack: center; justify-content: center; } } body[codelabs-content-type=3D"paginated"] { color: rgb(92, 92, 92); font-fa= mily: var(--devsite-primary-font-family); overflow: hidden; } body[codelabs-content-type=3D"paginated"] google-codelab { opacity: 0; } body[codelabs-content-type=3D"paginated"] devsite-googler-buttons { bottom:= 148px; } body[codelabs-content-type=3D"paginated"][ready] google-codelab { opacity: = 1; } body[codelabs-content-type=3D"paginated"] .devsite-main-content { max-width= : 100% !important; padding: 0px !important; } body[codelabs-content-type=3D"paginated"] a:focus { text-decoration: none; = } body[codelabs-content-type=3D"paginated"] .devsite-badger-award { left: 256= px; } body[codelabs-content-type=3D"paginated"] .devsite-back-to-top-link, body[c= odelabs-content-type=3D"paginated"] .devsite-banner, body[codelabs-content-= type=3D"paginated"] .devsite-book-nav-bg, body[codelabs-content-type=3D"pag= inated"] .devsite-book-nav-bg[fixed], body[codelabs-content-type=3D"paginat= ed"] .devsite-book-nav-blur, body[codelabs-content-type=3D"paginated"] .dev= site-book-nav-toggle, body[codelabs-content-type=3D"paginated"] .devsite-fo= oter, body[codelabs-content-type=3D"paginated"] .devsite-heading-link, body= [codelabs-content-type=3D"paginated"] .devsite-page-bookmark-tooltip, body[= codelabs-content-type=3D"paginated"] .devsite-page-title, body[codelabs-con= tent-type=3D"paginated"] .devsite-sidebar, body[codelabs-content-type=3D"pa= ginated"] devsite-book-nav, body[codelabs-content-type=3D"paginated"] devsi= te-bookmark, body[codelabs-content-type=3D"paginated"] devsite-header { dis= play: none; } body[codelabs-content-type=3D"paginated"] devsite-code::after { display: no= ne; } body[codelabs-content-type=3D"paginated"] devsite-user[signed-in][enable-pr= ofiles] { min-width: 44px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-sideba= r[fixed] .devsite-sidebar-content { padding-inline-start: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-sideba= r[fixed] devsite-toc { padding-inline-end: 8px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-show-all { margin: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-more-items { margin-block-end: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc > .= devsite-nav-list, body[codelabs-content-type=3D"scrolling"][type=3D"codelab= "] devsite-toc[fixed] > .devsite-nav-list { border: 0px; counter-reset: ste= ps 0; padding: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item { margin-block-end: 8px; margin-inline-start: 2px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-toc-to= ggle, body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-t= oc .devsite-nav-item:last-child > a { padding: 12px 8px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item > a { -webkit-box-align: center; align-items: center; backgr= ound: var(--devsite-background-1); border-radius: 4px; color: var(--devsite= -secondary-text-color); display: grid; font-family: var(--devsite-headline-= font-family); font-size: 14px; gap: 0px 8px; grid-template-columns: 26px 1f= r; padding: 12px 8px; border: var(--devsite-primary-border); box-shadow: no= ne; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item[completed] > a { color: var(--devsite-primary-text-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-item > a::before { background: var(--devsite-tertiary-text-color)= ; border-radius: 100%; color: var(--devsite-inverted-text-color); content: = counter(steps); counter-increment: steps 1; height: 26px; line-height: 26px= ; text-align: center; width: 26px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-text { color: var(--devsite-primary-text-color); margin-block-sta= rt: 4px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-active.devsite-nav-title { border: 0px; box-shadow: 0 1px 2px 0 v= ar(--devsite-elevation-key-shadow-color),0 1px 3px 1px var(--devsite-elevat= ion-ambient-shadow-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-active.devsite-nav-title, body[codelabs-content-type=3D"scrolling= "][type=3D"codelab"] devsite-toc .devsite-nav-active.devsite-nav-title:focu= s, body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc = .devsite-nav-active.devsite-nav-title:hover { color: var(--devsite-primary-= text-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc .de= vsite-nav-active.devsite-nav-title::before, body[codelabs-content-type=3D"s= crolling"][type=3D"codelab"] devsite-toc .devsite-nav-item[completed] > a::= before { background: var(--devsite-link-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= { color: var(--devsite-primary-text-color); background-color: var(--devsit= e-background-2); font: 400 24px/32px var(--devsite-headline-font-family); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= .devsite-banner-message { padding: 16px 40px; } body[codelabs-content-type=3D"scrolling"] .devsite-banner :link, body[codel= abs-content-type=3D"scrolling"] .devsite-banner :visited { text-decoration:= underline; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= :link, body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codela= b-banner :visited { color: var(--devsite-primary-text-color); overflow: aut= o; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .codelab-banner= .material-icons { color: var(--devsite-secondary-text-color); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .devsite-nav-it= em.devsite-toc-toggle { -webkit-box-align: center; align-items: center; mar= gin-block-end: 0px; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] devsite-toc:not= (.devsite-toc-embedded) .devsite-toc-toggle::before { color: var(--devsite-= secondary-text-color); content: "schedule"; margin-inline-end: 8px; font-st= yle: normal; font-variant: normal; font-size-adjust: none; font-language-ov= erride: normal; font-kerning: auto; font-optical-sizing: auto; font-variati= on-settings: normal; font-weight: normal; font-stretch: normal; font-size: = 24px; line-height: 1; font-family: "Material Icons"; font-feature-settings:= "liga"; -webkit-font-smoothing: antialiased; text-rendering: optimizelegib= ility; text-transform: none; overflow-wrap: normal; } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] h3 > .devsite-h= eading > a[href*=3D"github"], body[codelabs-content-type=3D"scrolling"][typ= e=3D"codelab"] h3 > .devsite-heading > a[href*=3D"github"]:visited { color:= rgb(0, 0, 0); text-decoration: none; padding-left: 24px; background-repeat= : no-repeat; background-size: 18px; background-image: url("data:image/png;b= ase64,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 JRU5ErkJggg=3D=3D"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "cloud.google.com"] { padding-left: 22px; background-size: 20px; background= -repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGg= oAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZRDf/zEH/zkPbRTlJi= fT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t7e1SkPXbRDdLjPW7= 0fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjVtofhOi/NKh+9Hgel= Gf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/fr6Oj9yT/3vjvaQD= PUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJhu5EfOPo3Nv/0Ez8y= 0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznpsTjKRTjo8P3U4/z6= +vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3t59f/89TvxcPsurX= asKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj/xujvptjvutjrxtj= n8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3/Cdu+/e4uv33Nk+b= tP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3RjYehnIT+2XPedW37= 0mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjTSPS/w9vu50vs7hfr= 5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4OA/dt83bt80a9xmjd= by19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXpqHXo57aop3ZkovTw= Iboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfsrTbkljbabDbcVTbs= mTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCgqKA6WCooK7r333nv= vvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr9sfp5Ckyfk6h8o5J= kH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6WQsMDExF3/StLytk= a/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsAA545TWg8RQlc5MMB= flrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3QvEBhYLLAu6+LDoI= OtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlGSlVr3iJpOpOMsbt3= 6r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms7lfu+yBthHhwcFho= aCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff175jFb9lrZecIVGgz= 09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992aapABKakzvKByQymx= bO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8jD6NXqpEQPAmDCsz= ibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVrQLIV16uGRGMTxD6P= IEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQqcCHJK69cn62xDnA= 3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9CnchlYzyWYF7OFV8ATgAP= V624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc74ESa1NsUBXK9QelL= HfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT/DMpxkAW7CsCCFZ3= D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvYA1i9BP8UkRtjsW8c= 3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNSqZ1Jgf/0xQsgSuXP= CQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS7+JGPfOBgNEJDK3w= g60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUecQrsGx8RbmmZxgfoI= V9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1FpqnYJWkKklJScNL= jxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4ugULlyuXJlyjQaNeq= bFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1JTLAYD+mkhSoeBLo= GoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/96/vzyHeXN3Inc6z= SuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "stackoverflow.com"] { padding-left: 22px; background-size: 24px; backgroun= d-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KG= goAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAA4VBMVEUAAACCg4aCg4aCg4bIj0P1fx/2hh+o= jHCojHCojHD2ih/UjCn0eiD0eiD2hB/2hR/RjjDUjCnKkkPUjCnUjCn2ih/UjCnCllPCllP2ih/= CllPCllPCllP2ih/CllPCllPCllP2ih/2ih/CllPCllP2ih/2ih/CllPUjCnCllPUjCn0eiD0ei= D2ih+ojHD0eiDUjCn0eiD0eiCojHDUjCn0eiDUjCn0eiDUjCnUjCn0eiCojHD0eiCojHD2ih+oj= HD2ih+ojHCojHCdiXaViHuCg4aojHD0eiDCllPUjCn2ih8XYwy7AAAARXRSTlMAv0CAEEAQv4BA= 7++/gCBQQN8wIIDPv2Dfv5+PUDDPryCAcO+/r49wn4Bg79/frJ9QcGDPr6+Pj3DPz2AwIJ9wYOa= PVDAbIL/gAAAGhElEQVR42uzbsYrCQBDG8WmyxaJJlcIixQmxMSIRgiBB7Bbm/R/oPAnH3e0Sxw= Svyf/3DLt8zDeMAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F9k7Xm1Xwlek53WqyY87AVWfbHumvCTE= 5hkIZYJTFyIrQU2+xA5CmxWIULcWq1DTGBzCrFcMDluC4ENcTtDEyKdwKYLkYuAuH27ggFtuj7E= TgLiNo0B7Z3c1YnNMUQaWbTC6/W1uKUPHbha7wr60GnP7ot3YpGHWCsL5Wod1JP70LMsU+H1242= 4nfDsBj4XgzMD2kN20F82YtDSh965nf61JW7Nzy7iKwY067OLlfJcw/qx1KQPQ9zSh1aaVtGHGn= xoUummrB97WZhSk3byRM/6UST3mpQRtwZbTTo4GXdhQLvbaNJVxnX0oSMftyBuDQpN8o4BzaDWp= FrG5KwfH5zXpJuMCfShox83pw812GnSxrx+XPI5hjvowF7ttawfB5km+Yq4nf5xS84x5lR7nGPM= qfaI2znVHgPajGqPc4w51R7nGJ/sm29P2zAQh49h1kJgJHGWlrbQItAIebNO67owadpgwOzv/4W= m8S8NLsXxGSTu/HyEk/O78+McRu0FH4pQe2EdA6P2wjoGRu2FdotQe2EdA6P2wjoGRu2FdotQe+= GChlF7DNcxKulN7bFbx4h1lPlSe+x8aKK1Tqae1B6zdYxM35BLP2qP1TqGjPQdmfCi9ji125l+I= Cp9qD1G6xixXiSPPag9PusYiW5SCLza49JuK/2YKEOrPSYXNBFpkyTGqj0e6xiFXkoukWqPwzpG= rJ8iEyi1x8GHnuknSUqU2qO/jlHpVeQpwhB8oL6OISK9mkK4qz3q7bbQzxFV7mqP9jpGqi1IYme= 1R3sdI060BTPpaAiot9ss0hZkwk3tUb+gyUJbkEzd1B55HxqfaQvy1Ent0V/HKCNtwVy0NwSfGP= hQMdcWRJWD2uOwjiFzbcFZ3F7tsVjHmDqMLTZqj3S7bTm2RJloZwh2maxjyJnd2NJS7XFZx7AcW= 2QrtUe93dZUDmOLjdrbaTTa7e9fNgj1i7ZjS9lK7dU+dPvzzgaRZ8elpPZji73a2/j749vOLuWy= tRtbCmmv9jghLMcWuw936zfwwnZssTAEexw+VidTmstn1N4Wr2/2gcrBlO6HY3eHKNqPLYfh2Fm= PLeZ/aXvh2D1Q2o0tYkHt8ZxQliIybTm2NNXex30IWI8tcePDPYSAywPv+61w7NwfeHfJHrvJS4= 4tSQmUGan+oCfAgTi3fOCly1D952A4eqkH3gTocqDuOT5NX2JsmQJZhFrkaHwy8fzAmwNdeuoRR= gQiTakEugyUSR2B+LFlDoTpK4M6AvH/pUUC6JIqAyMCMQ+8pMe8E2XgGIFlxKxbAIyVgUUEWj/w= Uh6QAZQBIgJlzqlbQKwMUBE4Tdh0C4ChMsBFoMgiJt2ivpvVoCNQznh0CxDKAB2B9dgSA2l6ygA= bgfUDbwG0GSgDPxEo5tS7xYq7GT4CU8Im6pbRsNkxMBFIex5ezqQ3qM8fPgL5kZ6Mj1QNLgKpR9= 0y4tNjpbxFID+ExwjsAUN8ReAYmOIjAlmePF8RyLHv+orAPgScI3AIb531tQZ/XjECR3DL5VoTe= DOsXTVYf8UIFHDLu6sm8GZAFA8ZgccQimcgLCPwNBRvOROLCExD8Z4mXR2BRxCK5+wCx6F47hHY= C8Vzj8BJKJ5zBPYhFM85Agf0i3dx3ulcdLubm5e+I3BEv3id65r7Ov70EoGCV/EW+NrpdLu/cHW= kX7zz65pn6hiK9689O8hJKIaiMCxK0nYzTBgSYxDs/pekiTohEq/v0eRKv28J/+zkXMbrF2IdxQ= vEC3ScOF7r6+3LrtZDa1vxVinfHaeId+qjTBCv9kGO4i1XJoi365/EWxCv9EF24i1XJ4jXv4iXK= d7p/uNt+yjt/uO1PspZvOVmmGcPrZ1q3ZUi3qoDaNva4WYdj5PFu2nHMm+8nzqKF4y3vuOreL92= 3PcrqngRz6291FrKXrxbdWzifXB6iydehHh5iDco3maQpxnivQ2yEU888cQLEi8R8cSLES8R8cS= LES8R8cSLES8R8cSLES8R8QbFexzkPEO86xxA4on3F+LlIZ54QeLlIZ54QeLlIZ54QeLlId6qeO= k8/BviiRciXibiiRciXibiiRciXibiiRciXibiiQcAAAAAAAAAAAAAAAAAwHTeAe21evvWi2VXA= AAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "support.google.com/webmasters/"] { padding-left: 24px; background-size: 24= px; background-repeat: no-repeat; background-image: url("data:image/png;bas= e64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEUAAADW1tbW1tZ6enr= Q0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+ju7+9PT0/Q0dK8vL= xGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx+3e3+GsrKxwcHBZk= /dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAADnRSTlMAEcxmzO7M= zDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7T+7+1xjTiwxVOAme= ORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i22tZWqBRSDgKFfC4= CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3sdq+nQB+nQABIQ+C= QABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLneQAAVAvM/ttzVLlB= 4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6m9wTA4DzANiyW6lO= qTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4k+TApBukHfFSBa7/= I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8toRYKHEndkTauEQI= IUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yATABwIChvVyE3IBR7= AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlIL2AA5AIYAgJXUAja= AAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPiMAf8UgZEUpK/LoJ4= oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA3p5RV9JboDeytp/k= k4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQknwxIqIBu468hBgDq= NYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26Dl5+fn5+fn5+dn7i/= 3LEaKJNV/0wAAAABJRU5ErkJggg=3D=3D"); } body[codelabs-content-type=3D"scrolling"][type=3D"codelab"] .faq a[href*=3D= "developer.android.com"], body[codelabs-content-type=3D"scrolling"][type=3D= "codelab"] .faq a[href*=3D"android-developer"] { padding-left: 20px; backgr= ound-repeat: no-repeat; background-size: 20px; background-image: url("data:= image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAq1BMVEX///= +lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX57ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9= NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi8= 13Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2rzkr1+erJ35C61m6uz1KcxRHn8M6/2Xg= EePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzOC+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX= 4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBGYJdA19qLAOU4s4LkyUN7G4Ude2glmzuR= ihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7JuCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZN= MusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsvH697/eP/j7uDTOvB+dxwX/AaM2SQ+6ic= rYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRNJn20SYtHK8HaKZzoffhZl5tlNxsD5Psn= UQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIlpY2FpgsgdQPkLXJQar0A/LVIDB6Idp2G= xQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3hDMmZAQ05I020gT2PmeM+w4uGpLksFs+= oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4KB52zuvTrOa5EssC0auM0C0tYKtI0Dqgp= UgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhlTrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0= UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQLBBQkUHAJfoB34UBS/9CfAETe6lZYKZft= /QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+O24OQlynK62EGCF2J9IbpIsy/P0I3CHW= +Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEK= FUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAElFTkSuQmCC"); } @media screen and (max-width: 840px) { body[codelabs-content-type=3D"paginated"] .devsite-badger-award { left: 0= px; } } body[codelabs-content-type=3D"paginated"] google-codelab-about .codelab-tit= le { width: 100%; text-align: center; font-size: 32px; margin: 20px auto 30= px; line-height: 45px; max-width: 700px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .codelab-tit= le .token { display: inline-block; margin: 0px 5px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: norma= l; flex-direction: column; border: 1px solid rgb(218, 220, 224); border-rad= ius: 5px; background: rgb(255, 255, 255); max-width: 800px; margin: 0px aut= o 30px; padding: 20px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = h2 { font-size: 28px; font-weight: 400 !important; line-height: 1em !import= ant; margin: 0px !important; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = > :not(:first-child) { padding-top: 30px; } body[codelabs-content-type=3D"paginated"] google-codelab-about .about-card = .material-icons { margin-right: 10px; top: 6px; position: relative; } body[codelabs-content-type=3D"scrolling"][ready] google-codelab-about { bor= der-radius: 4px; border-top-color: ; border-top-style: ; border-top-width: = ; border-right-color: ; border-right-style: ; border-right-width: ; border-= bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-= source: ; border-image-slice: ; border-image-width: ; border-image-outset: = ; border-image-repeat: ; border-left: solid 4px var(--google-codelab-about-= active-border-color); display: block; margin-top: 32px; padding: 32px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .caption { c= olor: var(--devsite-primary-text-color); font: 400 12px/16px var(--devsite-= primary-font-family); letter-spacing: 0.3px; margin: 0px 0px 24px; text-tra= nsform: uppercase; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about { dis= play: flex; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about-item = { border-inline-end: solid 1px var(--devsite-background-5); padding-inline:= 16px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about-item:= first-child { padding-inline-start: 0px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .about-item:= last-child { border-inline-end: 0px; padding-inline-end: 0px; } body[codelabs-content-type=3D"scrolling"] google-codelab-about .authors, bo= dy[codelabs-content-type=3D"scrolling"] google-codelab-about .duration, bod= y[codelabs-content-type=3D"scrolling"] google-codelab-about .last-updated {= -webkit-box-align: center; align-items: center; display: flex; font: 14px/= 20px var(--devsite-primary-font-family); } body[codelabs-content-type=3D"scrolling"] google-codelab-about .material-ic= ons { color: var(--devsite-secondary-text-color); margin-inline-end: 8px; } body[codelabs-content-type=3D"paginated"] google-codelab-step { line-height= : 24px; display: block; } body[codelabs-content-type=3D"paginated"] google-codelab-step:focus { outli= ne: none; } body[codelabs-content-type=3D"paginated"] google-codelab-step code, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre { font-family: "= Source Code Pro", Helvetica, Arial; font-size: inherit; border-radius: 4px;= overflow: auto visible; } body[codelabs-content-type=3D"paginated"] google-codelab-step code { backgr= ound-color: rgb(232, 234, 237); padding: 0.1em 0.3em; } body[codelabs-content-type=3D"paginated"] google-codelab-step pre { display= : block; color: rgb(255, 255, 255); background-color: rgb(40, 50, 63); padd= ing: 14px; text-size-adjust: none; line-height: 1.4; } body[codelabs-content-type=3D"paginated"] google-codelab-step pre > code { = padding: 0px; background-color: transparent; } body[codelabs-content-type=3D"paginated"] google-codelab-step code em { col= or: rgb(151, 200, 242); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .str, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .str { colo= r: rgb(52, 168, 83); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .kwd, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .kwd { colo= r: rgb(245, 56, 160); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .com, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .com { colo= r: rgb(189, 193, 198); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .typ, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .typ { colo= r: rgb(36, 193, 224); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .lit, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .lit { colo= r: rgb(66, 133, 244); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .pun, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .pun { colo= r: rgb(248, 249, 250); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .pln, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .pln { colo= r: rgb(248, 249, 250); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .tag, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .tag { colo= r: rgb(36, 193, 224); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atn, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .atn { colo= r: rgb(237, 169, 18); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atv, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .atv { colo= r: rgb(52, 168, 83); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .dec, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .dec { colo= r: rgb(81, 149, 234); } body[codelabs-content-type=3D"paginated"] google-codelab-step paper-button = { display: inline-flex; -webkit-box-align: center; align-items: center; -we= bkit-box-pack: center; justify-content: center; position: relative; box-siz= ing: border-box; min-width: 5.14em; margin: 0px 0.29em; background: transpa= rent; -webkit-tap-highlight-color: transparent; font-style: inherit; font-v= ariant: inherit; font-weight: inherit; font-stretch: inherit; font-size: in= herit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust= : inherit; font-kerning: inherit; font-feature-settings: inherit; font-vari= ation-settings: inherit; font-language-override: inherit; text-transform: u= ppercase; outline-width: 0px; border-radius: 3px; user-select: none; cursor= : pointer; z-index: 0; padding: 0.7em 0.57em; font-family: Roboto, Noto, sa= ns-serif; -webkit-font-smoothing: antialiased; box-shadow: rgba(0, 0, 0, 0.= 14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2= ) 0px 3px 1px -2px; } body[codelabs-content-type=3D"paginated"] google-codelab-step h2.step-title= { font-family: "Google Sans", Arial, sans-serif !important; font-size: 28p= x !important; font-weight: 400 !important; line-height: 1em !important; mar= gin: 0px 0px 30px !important; } body[codelabs-content-type=3D"paginated"] google-codelab-step .step-title a= { color: rgb(60, 64, 67); text-decoration: none; } body[codelabs-content-type=3D"paginated"] google-codelab-step .step-title a= :focus, body[codelabs-content-type=3D"paginated"] google-codelab-step .step= -title a:hover { color: rgb(33, 33, 33); text-decoration: underline; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions { box-shadow: rgba(60, 64, 67, 0.3= ) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; background: rgb(= 255, 255, 255); max-width: 800px; font-size: 14px; margin: 0px auto 90px; b= order-radius: 4px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .inner { padding: 24px; } body[codelabs-content-type=3D"paginated"] google-codelab[theme=3D"minimal"]= google-codelab-step .instructions .inner { padding: 0px 24px; } @media (max-width: 800px) { body[codelabs-content-type=3D"paginated"] google-codelab .instructions { = margin: 0px 0px 16px; } } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions :not(.step-title) > a, body[codela= bs-content-type=3D"paginated"] google-codelab:not([theme=3D"minimal"]) goog= le-codelab-step .instructions :not(.step-title) > a:visited { color: rgb(26= , 115, 232); } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h2, body[codelabs-content-type=3D"= paginated"] google-codelab:not([theme=3D"minimal"]) google-codelab-step .in= structions h3, body[codelabs-content-type=3D"paginated"] google-codelab:not= ([theme=3D"minimal"]) google-codelab-step .instructions h4 { font-weight: 4= 00; margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h2 { font-weight: 300; line-height= : 1em; font-size: 22px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions { line-height: 24px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions li { margin: 0.5em 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h2 { font-weight: 500; margin: 20p= x 0px 0px; font-size: 20px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions h3 { font-size: 16px; font-weight:= 500; margin: 20px 0px 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside { padding: 0.5em 1em; margin= : 2em 0px; border-left: 4px solid; border-radius: 4px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside p { margin: 0.5em 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside.note, body[codelabs-content-= type=3D"paginated"] google-codelab:not([theme=3D"minimal"]) google-codelab-= step .instructions aside.notice { border-color: rgb(234, 134, 0); backgroun= d: rgb(254, 247, 224); color: rgb(33, 33, 36); } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside.special, body[codelabs-conte= nt-type=3D"paginated"] google-codelab:not([theme=3D"minimal"]) google-codel= ab-step .instructions aside.tip { border-color: rgb(19, 115, 51); backgroun= d: rgb(230, 244, 234); color: rgb(33, 33, 36); } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) google-codelab-step .instructions aside.warning { border-color: rgb(= 234, 134, 0); background: rgb(254, 247, 224); color: rgb(33, 33, 36); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= aside.callout { background-color: rgb(232, 240, 254); margin: 20px 0px; pa= dding: 15px; border-left: 3px solid rgb(24, 90, 188); border-radius: 4px; c= olor: rgb(33, 33, 36); font-size: 14px; line-height: 1.5; } body[codelabs-content-type=3D"paginated"] google-codelab-step aside.callout= b { color: rgb(24, 90, 188); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= ul.checklist { list-style: none; padding: 0px 0px 0px 1em; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= ul.checklist li { padding-left: 24px; background-size: 20px; background-re= peat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAA= AANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwx= okwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokw= qn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SU= RBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8= zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6Dn= AvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=3D"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= h2 code, body[codelabs-content-type=3D"paginated"] google-codelab-step .in= structions table code { background: rgb(255, 255, 255); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .indented { margin-left: 40px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= strong { font-weight: 600; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= :link paper-button { text-decoration: none !important; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button { display: inline-block; border-radius: 4px; color: rgb(255, = 255, 255); font-family: "Google Sans", Arial, sans-serif; font-size: 14px; = font-weight: 600; letter-spacing: 0.6px; padding: 6px 16px 6px 12px; text-t= ransform: none; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button a { text-decoration: none; color: inherit !important; } body[codelabs-content-type=3D"paginated"] google-codelab-step a paper-butto= n { display: inline-block; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button.colored { background-color: rgb(30, 142, 62); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= paper-button.red { background-color: rgb(217, 48, 37); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= iron-icon { vertical-align: sub; margin-right: 7px; margin-left: 3px; font= -size: 16px; top: -1px; position: relative; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= img { max-width: 100%; vertical-align: bottom; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .image-container { text-align: center; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= table { border-spacing: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= td { vertical-align: top; border-bottom: 1px solid rgb(204, 204, 204); pad= ding: 8px; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= table p { margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions h3.faq { border-bottom: 1px solid rgb(221, 221, 221); = } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions ul.faq { list-style: none; padding-left: 1em; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions .faq li { font-size: 1.1em; margin-bottom: 0.8em; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions .faq a { color: inherit; text-decoration: none; } body[codelabs-content-type=3D"paginated"] google-codelab:not([theme=3D"mini= mal"]) .instructions .faq a:hover { text-decoration: underline; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"cloud.google.com"] { padding-left: 22px; background-size: = 20px; background-repeat: no-repeat; background-image: url("data:image/png;b= ase64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZR= Df/zEH/zkPbRTlJifT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t= 7e1SkPXbRDdLjPW70fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjV= tofhOi/NKh+9HgelGf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/= fr6Oj9yT/3vjvaQDPUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJh= u5EfOPo3Nv/0Ez8y0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznp= sTjKRTjo8P3U4/z6+vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3= t59f/89TvxcPsurXasKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj= /xujvptjvutjrxtjn8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3= /Cdu+/e4uv33Nk+btP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3R= jYehnIT+2XPedW370mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjT= SPS/w9vu50vs7hfr5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4O= A/dt83bt80a9xmjdby19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXp= qHXo57aop3ZkovTwIboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfs= rTbkljbabDbcVTbsmTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCg= qKA6WCooK7r333nvvvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr= 9sfp5Ckyfk6h8o5JkH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6= WQsMDExF3/StLytka/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsA= A545TWg8RQlc5MMBflrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3= QvEBhYLLAu6+LDoIOtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlG= SlVr3iJpOpOMsbt36r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms= 7lfu+yBthHhwcFhoaCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff1= 75jFb9lrZecIVGgz09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992a= apABKakzvKByQymxbO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8= jD6NXqpEQPAmDCszibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVr= QLIV16uGRGMTxD6PIEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQ= qcCHJK69cn62xDnA3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9Cnchl= YzyWYF7OFV8ATgAPV624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc7= 4ESa1NsUBXK9QelLHfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT= /DMpxkAW7CsCCFZ3D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvY= A1i9BP8UkRtjsW8c3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNS= qZ1Jgf/0xQsgSuXPCQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS= 7+JGPfOBgNEJDK3wg60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUec= QrsGx8RbmmZxgfoIV9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1= FpqnYJWkKklJScNLjxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4u= gULlyuXJlyjQaNeqbFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1= JTLAYD+mkhSoeBLoGoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/= 96/vzyHeXN3Inc6zSuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"stackoverflow.com"] { padding-left: 22px; background-size:= 24px; background-repeat: no-repeat; background-image: url("data:image/png;= base64,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 HTeAe21evvWi2VXAAAAAElFTkSuQmCC"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"support.google.com/webmasters/"] { padding-left: 24px; bac= kground-size: 24px; background-repeat: no-repeat; background-image: url("da= ta:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEU= AAADW1tbW1tZ6enrQ0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+= ju7+9PT0/Q0dK8vLxGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx= +3e3+GsrKxwcHBZk/dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAA= DnRSTlMAEcxmzO7MzDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7= T+7+1xjTiwxVOAmeORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i= 22tZWqBRSDgKFfC4CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3= sdq+nQB+nQABIQ+CQABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLn= eQAAVAvM/ttzVLlB4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6= m9wTA4DzANiyW6lOqTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4= k+TApBukHfFSBa7/I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8= toRYKHEndkTauEQIIUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yA= TABwIChvVyE3IBR7AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlI= L2AA5AIYAgJXUAjaAAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPi= MAf8UgZEUpK/LoJ4oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA= 3p5RV9JboDeytp/kk4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQk= nwxIqIBu468hBgDqNYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26D= l5+fn5+fn5+dn7i/3LEaKJNV/0wAAAABJRU5ErkJggg=3D=3D"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= .faq a[href*=3D"developer.android.com"], body[codelabs-content-type=3D"pag= inated"] google-codelab-step .instructions .faq a[href*=3D"android-develope= r"] { padding-left: 20px; background-repeat: no-repeat; background-size: 20= px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG= AAAABgCAMAAADVRocKAAAAq1BMVEX///+lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX5= 7ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc= 6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi813Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2= rzkr1+erJ35C61m6uz1KcxRHn8M6/2XgEePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzO= C+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBG= YJdA19qLAOU4s4LkyUN7G4Ude2glmzuRihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7J= uCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZNMusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsv= H697/eP/j7uDTOvB+dxwX/AaM2SQ+6icrYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRN= Jn20SYtHK8HaKZzoffhZl5tlNxsD5PsnUQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIl= pY2FpgsgdQPkLXJQar0A/LVIDB6Idp2GxQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3= hDMmZAQ05I020gT2PmeM+w4uGpLksFs+oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4K= B52zuvTrOa5EssC0auM0C0tYKtI0DqgpUgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhl= TrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQL= BBQkUHAJfoB34UBS/9CfAETe6lZYKZft/QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+= O24OQlynK62EGCF2J9IbpIsy/P0I3CHW+Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr= 5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEKFUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAE= lFTkSuQmCC"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= h3 > a[href*=3D"github"], body[codelabs-content-type=3D"paginated"] google= -codelab-step .instructions h3 > a[href*=3D"github"]:visited { color: rgb(0= , 0, 0); text-decoration: none; padding-left: 24px; background-repeat: no-r= epeat; background-size: 18px; background-image: url("data:image/png;base64,= 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 kJggg=3D=3D"); } body[codelabs-content-type=3D"paginated"] google-codelab-step .youtube-vide= o { display: flex; margin: auto; width: 560px; height: 315px; border: none;= max-width: 100%; max-height: 51vw; } body[codelabs-content-type=3D"paginated"] google-codelab-step .embedded-ifr= ame { display: flex; margin: auto; width: 560px; height: 315px; border: non= e; max-width: 100%; max-height: 51vw; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p .note::before, body[codelabs-content-type=3D"paginated"] google-codelab g= oogle-codelab-step .special::before, body[codelabs-content-type=3D"paginate= d"] google-codelab google-codelab-step aside::before { content: unset !impo= rtant; } body[codelabs-content-type=3D"paginated"] google-codelab google-codelab-ste= p .instructions aside.special, body[codelabs-content-type=3D"paginated"] go= ogle-codelab google-codelab-step .instructions aside.warning { margin: 10px= 0px !important; padding: 15px 20px !important; } body[codelabs-content-type=3D"paginated"] iron-icon { font-style: normal; f= ont-variant: normal; font-size-adjust: none; font-language-override: normal= ; font-kerning: auto; font-optical-sizing: auto; font-variation-settings: n= ormal; font-weight: normal; font-stretch: normal; line-height: 1; font-fami= ly: "Material Icons"; font-feature-settings: "liga"; -webkit-font-smoothing= : antialiased; text-rendering: optimizelegibility; text-transform: none; ov= erflow-wrap: normal; font-size: inherit; } body[codelabs-content-type=3D"paginated"] iron-icon[icon=3D"file-download"]= ::after { content: "cloud_download"; } body[codelabs-content-type=3D"paginated"] google-codelab .warning, body[cod= elabs-content-type=3D"paginated"] google-codelab .warning :link, body[codel= abs-content-type=3D"paginated"] google-codelab .warning :visited, body[code= labs-content-type=3D"paginated"] google-codelab .warning code { background:= rgb(254, 247, 224); } body[codelabs-content-type=3D"paginated"] google-codelab .special :link, bo= dy[codelabs-content-type=3D"paginated"] google-codelab .special :visited, b= ody[codelabs-content-type=3D"paginated"] google-codelab .special code, body= [codelabs-content-type=3D"paginated"] google-codelab aside :link, body[code= labs-content-type=3D"paginated"] google-codelab aside :visited, body[codela= bs-content-type=3D"paginated"] google-codelab aside code { background: rgb(= 230, 244, 234); } body[codelabs-content-type=3D"paginated"] google-codelab-step td { backgrou= nd: transparent; } body[codelabs-content-type=3D"paginated"] google-codelab-step .instructions= h3 > a[href*=3D"github"], body[codelabs-content-type=3D"paginated"] google= -codelab-step .instructions h3 > a[href*=3D"github"]:visited { background-p= osition: 0px 3px; } body[codelabs-content-type=3D"paginated"] google-codelab-step code { font: = 500 90%/1 var(--devsite-code-font-family); } body[codelabs-content-type=3D"paginated"] google-codelab-step pre { backgro= und: var(--devsite-code-background,#f1f3f4); border-radius: 0px; color: var= (--devsite-code-color,inherit); font: 14px/20px var(--devsite-code-font-fam= ily); margin: 16px 0px; overflow-x: auto; padding: 8px 80px 8px 8px; positi= on: relative; } body[codelabs-content-type=3D"paginated"] google-codelab-step devsite-code = pre { margin: 0px; } body[codelabs-content-type=3D"paginated"] google-codelab-step pre, body[cod= elabs-content-type=3D"paginated"] google-codelab-step pre code { font: 14px= /20px var(--devsite-code-font-family); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .com, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step pre .com { colo= r: var(--devsite-code-comments-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .dec, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .lit, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .dec, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .lit { color: va= r(--devsite-code-numbers-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .kwd, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .tag, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .kwd, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .tag { color: va= r(--devsite-code-keywords-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atv, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .str, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .atv, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .str { color: va= r(--devsite-code-strings-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .atn, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .typ, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .atn, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .typ { color: va= r(--devsite-code-types-color); } body[codelabs-content-type=3D"paginated"] google-codelab-step code .pln, bo= dy[codelabs-content-type=3D"paginated"] google-codelab-step code .pun, body= [codelabs-content-type=3D"paginated"] google-codelab-step pre .pln, body[co= delabs-content-type=3D"paginated"] google-codelab-step pre .pun { color: in= herit; } google-codelab-survey { visibility: hidden; } google-codelab-survey[upgraded] { visibility: visible; } google-codelab-survey { display: block; margin: 2em 0px; padding: 0px; back= ground: rgb(232, 240, 254); border-left: 4px solid rgb(24, 90, 188); border= -radius: 4px; color: rgb(60, 64, 67); } google-codelab-survey h4 { font-size: 16px; font-weight: 400; padding: 0.8e= m 0px 0px; margin: 0px; } google-codelab-survey .survey-question-wrapper { padding: 0.4em 0px 1.1em 3= 0px; } google-codelab-survey .survey-question-options { padding: 0.8em 0px 0px; } .survey-option-wrapper { cursor: pointer; display: block; padding: 0px 0px = 4px; position: relative; user-select: none; vertical-align: middle; } google-codelab-survey .option-text { color: rgb(33, 33, 33); font-size: 16p= x; padding-left: 24px; } .survey-option-wrapper input { position: absolute; opacity: 0; } .custom-radio-button { position: absolute; top: 5px; left: 0px; height: 13p= x; width: 13px; background-color: rgb(255, 255, 255); border: 2px solid rgb= (63, 81, 181); border-radius: 50%; } .custom-radio-button::after { content: ""; position: absolute; display: non= e; } .survey-option-wrapper input:checked ~ .custom-radio-button::after { displa= y: block; } .survey-option-wrapper .custom-radio-button::after { top: 1px; left: 1px; w= idth: 7px; height: 7px; border-radius: 50%; background: rgb(63, 81, 181); } devsite-avatar { display: block; } devsite-avatar .photo-selector-loading, devsite-avatar .photo-selector-mini= { border-radius: 50%; height: 36px; width: 36px; font-size: 20px; border: = var(--devsite-primary-border); display: flex; -webkit-box-align: center; al= ign-items: center; -webkit-box-pack: center; justify-content: center; color= : rgb(102, 102, 102); position: absolute; vertical-align: bottom; left: cal= c(50% + 30px); bottom: 0px; background: var(--devsite-background-1); cursor= : pointer; box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color= ),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color); z-index: 90;= } devsite-avatar .photo-selector-loading { display: none; pointer-events: all= ; z-index: 91; } devsite-avatar .photo-selector-loading.show { display: flex; } devsite-avatar .photo-selector-dropdown { position: absolute; left: 0px; ri= ght: 0px; background: var(--devsite-background-1); top: 90px; box-shadow: 0= 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--de= vsite-elevation-ambient-shadow-color); border-radius: 4px; z-index: 100; di= splay: none; padding: 8px 0px; --devsite-button-border: 0; --devsite-button= -border-hover: 0; --devsite-button-border-active: 0; --devsite-button-paddi= ng: 0 24px; --devsite-button-border-radius: 4px; --devsite-button-color: #3= c4043; --devsite-button-color-hover: #3c4043; --devsite-button-background-h= over: #f1f3f4; --devsite-button-background-active: #f1f3f4; --devsite-butto= n-width: 100%; --devsite-button-line-height: 48px; --devsite-button-box-sha= dow-active: none; --devsite-button-height: "auto"; } devsite-avatar .photo-selector-dropdown.show { display: block; } devsite-avatar .photo-selector-dropdown ul { margin: 0px; padding: 0px; lis= t-style: none; } devsite-avatar .photo-selector-dropdown ul li { margin: 0px; padding: 0px; = border-bottom: var(--devsite-primary-border); } devsite-avatar .photo-selector-dropdown ul li:last-child { border-bottom: 0= px; } devsite-avatar .photo-selector-dropdown ul button { --devsite-button-border= -radius: 0; display: flex; -webkit-box-align: center; align-items: center; = overflow: visible; gap: 12px; text-align: initial; white-space: normal; fle= x-wrap: wrap; 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; color: var(--devsite-secondary-text-color); } devsite-avatar .photo-selector-dropdown ul .info-popout-container { max-wid= th: 268px; } devsite-avatar .photo-selector-dropdown .photo-selector-dropdown-icon { lin= e-height: 0; flex-shrink: 0; } devsite-avatar .photo-selector-dropdown .photo-selector-dropdown-icon img {= width: 32px; height: 32px; border-radius: 50%; border: var(--devsite-prima= ry-border); } devsite-avatar .photo-selector-dropdown .photo-selector-dropdown-remove-pho= to .material-icons { width: 32px; height: 32px; font-size: 20px; top: auto;= margin: 0px; display: flex; -webkit-box-align: center; align-items: center= ; -webkit-box-pack: center; justify-content: center; color: rgb(95, 99, 104= ); border-radius: 50%; border: var(--devsite-primary-border); } devsite-avatar .photo-selector { border-radius: 50%; display: inline-block;= color: var(--devsite-primary-text-color); height: 130px; width: 130px; tex= t-align: center; background-repeat: no-repeat; background-size: contain; ba= ckground-position: 50% center; border: var(--devsite-primary-border); backg= round-color: var(--devsite-background-1); filter: var(--devsite-darkmode-im= age-filter); } .devsite-avatar-dialog { padding: 0px; background-color: transparent; posit= ion: relative; display: flex; -webkit-box-align: center; align-items: cente= r; -webkit-box-pack: center; justify-content: center; overflow: hidden; box= -shadow: none; width: 100vw; height: 56.25vw; max-height: 100vh; max-width:= 177vh; } @media screen and (max-width: 820px) { .devsite-avatar-dialog { width: 100%; height: 100%; max-width: 100%; max-= height: 100%; border-radius: 0px; } } .devsite-avatar-dialog .cool-circle { width: 42vw; height: 42vw; max-height= : 680px; max-width: 680px; position: absolute; transition: margin 0.8s, tra= nsform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out; transform: rot= ate(90deg); border-color: rgba(0, 0, 0, 0.54); animation: 1s linear 0s infi= nite normal none running rotating; background: transparent; } @-webkit-keyframes rotating {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes rotating {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @media screen and (max-width: 820px) { .devsite-avatar-dialog .cool-circle { width: 84vw; height: 84vw; max-heig= ht: 84vh; max-width: 84vh; } } .devsite-avatar-dialog .cool-circle .frame { position: absolute; transition= : margin 0.4s, border-radius 0.4s ease-out, width 0.4s, height 0.4s, border= -width 0.4s, top 0.4s, left 0.4s, right 0.4s, bottom 0.4s; margin: 0px; bor= der-radius: 50%; width: 100%; height: 100%; border-width: 0.9vw !important;= } @media screen and (max-width: 820px) { .devsite-avatar-dialog .cool-circle .frame { border-width: 1.8vw !importa= nt; } } .devsite-avatar-dialog .cool-circle .top-left { border-left: solid rgb(251,= 188, 4); border-right: solid rgb(251, 188, 4); border-top: solid rgb(251, = 188, 4); } .devsite-avatar-dialog .cool-circle .top-right { border-right: solid rgb(52= , 168, 83); border-bottom: solid rgb(52, 168, 83); border-top: solid transp= arent; } .devsite-avatar-dialog .cool-circle .bottom-left { border-bottom: solid rgb= (234, 67, 53); border-left: solid rgb(234, 67, 53); } .devsite-avatar-dialog .cool-circle .bottom-right { border-bottom: solid rg= b(66, 133, 244); border-left: solid transparent; } .devsite-avatar-dialog .devsite-avatar-loading-container { display: flex; -= webkit-box-align: center; align-items: center; -webkit-box-pack: center; ju= stify-content: center; -webkit-box-orient: vertical; -webkit-box-direction:= normal; flex-direction: column; z-index: 10; background-color: rgb(255, 25= 5, 255); opacity: 1; } .devsite-avatar-dialog .devsite-avatar-loading-container.hide { opacity: 0;= } .devsite-avatar-dialog .devsite-avatar-loading-container.customizer-loading= -container { z-index: 8; } .devsite-avatar-dialog .devsite-avatar-loading-container .loading-text { te= xt-transform: uppercase; margin-top: 10.5vw; position: absolute; color: rgb= (102, 102, 102); font-weight: 500; font-size: 1.2vw; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-loading-container .loading-text { = margin-top: 21%; font-size: 3.5vw; } } @media screen and (max-width: 820px) and (max-height: 578.531px) { .devsite-avatar-dialog .devsite-avatar-loading-container .loading-text { = margin-top: 21%; font-size: 100%; } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container { position: relative; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loadin= g-container { transform: scale(2); } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container i { font-size: 10vw; margin: 0px 0px 1.2vw; } @media screen and (max-height: 578.531px) { .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loadin= g-container i { margin: 0px 0px 5vw; } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container i.person { margin: 0px 0px 1.2vw; } @media screen and (max-height: 578.531px) { .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loadin= g-container i.person { margin: 0px 0px 6vw; } } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-full { opacity: 0.3; display: flex; } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-loading { position: absolute; bottom: 0px; z-index: 100; he= ight: 25%; overflow: hidden; display: flex; -webkit-box-orient: vertical; -= webkit-box-direction: reverse; flex-direction: column-reverse; } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-loading.start { height: 80%; transition: height 3s ease-out= ; } .devsite-avatar-dialog .devsite-avatar-loading-container .progress-loading-= container .icon-loading.finish { height: 100%; transition: height 0.2s line= ar; } .devsite-avatar-dialog .close { position: absolute; top: 0px; right: 0px; z= -index: 1000; padding: 5px; display: flex; background-color: rgba(0, 0, 0, = 0.87); color: rgb(255, 255, 255); cursor: pointer; min-width: 50px; min-hei= ght: 50px; max-height: 50px; max-width: 50px; border-bottom-left-radius: 5p= x; } .devsite-avatar-dialog .close .material-icons { font-size: 40px; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .close .material-icons { font-size: 26px; } } @media screen and (max-width: 820px) { .devsite-avatar-dialog .close { min-width: 35px; min-height: 35px; max-he= ight: 35px; max-width: 35px; } } .devsite-avatar-dialog .devsite-avatar-dialog-inner { display: flex; -webki= t-box-align: center; align-items: center; -webkit-box-pack: center; justify= -content: center; width: calc(100% - 48px); height: calc(100% - 48px); max-= height: 767px; max-width: 1363px; background-color: rgb(255, 255, 255); tra= nsition: background-color 0.5s; position: relative; overflow: hidden; borde= r-radius: 8px; box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-c= olor),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color); } @media screen and (max-height: 500px) { .devsite-avatar-dialog .devsite-avatar-dialog-inner { width: calc(100% - = 18px); height: calc(100% - 18px); } } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-dialog-inner { width: 100%; height= : 100%; position: unset; } } .devsite-avatar-dialog .devsite-avatar-customizer, .devsite-avatar-dialog .= devsite-avatar-loading-container, .devsite-avatar-dialog .devsite-avatar-ph= otobooth { position: absolute; width: 100%; height: 100%; top: 0px; left: 0= px; transition: opacity 0.3s linear; opacity: 1; } .devsite-avatar-dialog .devsite-avatar-photobooth { z-index: 9; } .devsite-avatar-dialog .devsite-avatar-photobooth.hide { opacity: 0; } .devsite-avatar-dialog .devsite-avatar-photobooth.show .devsite-avatar-vide= o-overlay-mask { width: 36.8%; height: 68.1%; top: -5%; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth.show .devsite-avatar-vi= deo-overlay-mask { width: 85vw; height: 85vw; top: -10vh; } } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photo, .d= evsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video, .dev= site-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-overlay= , .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { position= : absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photo, .d= evsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video { obj= ect-fit: cover; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay { display: flex; -webkit-box-align: center; align-items: center; -webk= it-box-pack: center; justify-content: center; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photo.fro= m-video, .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-= video { transform: rotateY(180deg) scale(1.002); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photoboot= h-controls { position: absolute; left: 0px; right: 0px; display: flex; -web= kit-box-align: center; align-items: center; -webkit-box-pack: center; justi= fy-content: center; z-index: 100; bottom: calc(9% - 24px); } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-photobo= oth-controls { bottom: calc(-22px + 46vh - 30vw); } } .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video, .devsite-= avatar-dialog .devsite-avatar-photobooth #take-photo { border-radius: 50%; = background: rgb(30, 136, 229); color: rgb(255, 255, 255); width: 55px; heig= ht: 55px; display: flex; -webkit-box-align: center; align-items: center; -w= ebkit-box-pack: center; justify-content: center; position: relative; box-sh= adow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color),0 4px 8px 3px v= ar(--devsite-elevation-ambient-shadow-color); margin: 0px 2%; border: none = !important; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video, .devsit= e-avatar-dialog .devsite-avatar-photobooth #take-photo { position: absolute= ; bottom: -90px; margin: auto; transform: scale(1.2); } } .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video .material-= icons, .devsite-avatar-dialog .devsite-avatar-photobooth #take-photo .mater= ial-icons { font-size: 22px; margin: 0px; top: 0px; width: 21px; height: 21= px; } .devsite-avatar-dialog .devsite-avatar-photobooth #refresh-video { display:= none; } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera, .devsite-av= atar-dialog .devsite-avatar-photobooth #random-avatar, .devsite-avatar-dial= og .devsite-avatar-photobooth #upload-photo { background: rgb(230, 240, 254= ); color: rgb(26, 115, 232); display: flex; -webkit-box-align: center; alig= n-items: center; -webkit-box-pack: center; justify-content: center; positio= n: relative; box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-col= or),0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color); margin: 0p= x; padding: 0px 16px 0px 14px; border: none !important; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera, .devsite-= avatar-dialog .devsite-avatar-photobooth #random-avatar, .devsite-avatar-di= alog .devsite-avatar-photobooth #upload-photo { padding: 0px 13px 0px 11px;= margin: 0px 10px; height: unset; } } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera .material-ic= ons, .devsite-avatar-dialog .devsite-avatar-photobooth #random-avatar .mate= rial-icons, .devsite-avatar-dialog .devsite-avatar-photobooth #upload-photo= .material-icons { margin: 0px 7px 0px 0px; top: 0px; } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera:disabled, .d= evsite-avatar-dialog .devsite-avatar-photobooth #random-avatar:disabled, .d= evsite-avatar-dialog .devsite-avatar-photobooth #take-photo:disabled, .devs= ite-avatar-dialog .devsite-avatar-photobooth #upload-photo:disabled { color= : grey; background-color: rgb(238, 238, 238); border: var(--devsite-primary= -border); box-shadow: none; } .devsite-avatar-dialog .devsite-avatar-photobooth #upload-photo-input { pos= ition: absolute; bottom: 200%; opacity: 0; } @media screen and (min-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera { border-r= adius: 50%; width: 43px; height: 43px; margin-right: 2%; font-size: 0px; } .devsite-avatar-dialog .devsite-avatar-photobooth #flip-camera .material-= icons { margin-right: 0px; } } .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { -webkit-bo= x-align: center; align-items: center; -webkit-box-pack: center; justify-con= tent: center; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { top: -10= vh; } } .devsite-avatar-dialog .devsite-avatar-photobooth .video-error .message { w= idth: 36vw; text-align: center; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .video-error .message {= width: 85vw; } } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support { backg= round-color: rgb(255, 255, 255); } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support .video-= error { display: flex; } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support .devsit= e-avatar-video-overlay-mask .frame { border-color: var(--devsite-background= -5); background-color: var(--devsite-background-5); } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support #take-p= hoto { display: none; } .devsite-avatar-dialog .devsite-avatar-photobooth.no-camera-support #refres= h-video { display: flex; } .devsite-avatar-dialog .devsite-avatar-photobooth.avatar-done .video-error = { display: none; } .devsite-avatar-dialog .devsite-avatar-photobooth.avatar-done .devsite-avat= ar-photobooth-controls { display: none; } .devsite-avatar-dialog .devsite-avatar-photobooth .countdown { top: -5%; po= sition: absolute; display: flex; -webkit-box-align: center; align-items: ce= nter; -webkit-box-pack: center; justify-content: center; font-size: 100px; = opacity: 1; height: 100%; width: 100%; z-index: 9; text-shadow: rgb(0, 0, 0= ) 0px 0px 40px; color: rgb(255, 255, 255); transition: font-size ease-out, = opacity ease-out; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .countdown { top: -10vh= ; } } .devsite-avatar-dialog .devsite-avatar-photobooth .countdown.fade { font-si= ze: 300px; opacity: 0; transition: font-size 2s ease-out, opacity 2s ease-o= ut; } .devsite-avatar-dialog .devsite-avatar-photobooth .flash { height: 100%; wi= dth: 100%; background-color: rgb(255, 255, 255); opacity: 0; transition: op= acity 1s; z-index: 10; position: absolute; } .devsite-avatar-dialog .devsite-avatar-photobooth .flash.start { opacity: 1= ; transition: opacity; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask { width: 80px; height: 80px; transition: width 0.1s linear, heigh= t 0.1s linear; position: relative; background: rgba(255, 255, 255, 0.2); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .frame { border-radius: 1.5vw; width: 0px; height: 0px; position:= absolute; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .red { border: solid rgb(234, 67, 53); background-color: rgb(234,= 67, 53); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .green { border: solid rgb(52, 168, 83); background-color: rgb(52= , 168, 83); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .blue { border: solid rgb(66, 133, 244); background-color: rgb(66= , 133, 244); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .yellow { border: solid rgb(251, 188, 4); background-color: rgb(2= 51, 188, 4); } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .top { top: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .left { left: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .right { right: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .bottom { bottom: -1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .horizontal { border-width: 1.2vw 2.4vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .horizontal.long { width: 7vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .horizontal.short { width: 4vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .vertical { border-width: 2.4vw 1.2vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .vertical.long { height: 7vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-ove= rlay-mask .vertical.short { height: 4vw; } @media screen and (max-width: 820px) { .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .frame { border-radius: 3vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .top { top: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .left { left: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .right { right: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .bottom { bottom: -2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .horizontal { border-width: 2.8vw 5.6vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .horizontal.long { width: 17vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .horizontal.short { width: 11vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .vertical { border-width: 5.6vw 2.8vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .vertical.long { height: 17vw; } .devsite-avatar-dialog .devsite-avatar-photobooth .devsite-avatar-video-o= verlay-mask .vertical.short { height: 11vw; } } .devsite-avatar-dialog .devsite-avatar-photobooth .video-error { display: n= one; } .devsite-avatar-customizer { display: flex; -webkit-box-orient: horizontal;= -webkit-box-direction: normal; flex-direction: row; z-index: 2; transition= : opacity 0.2s; opacity: 0; background: var(--devsite-background-1); } @media screen and (max-width: 820px) { .devsite-avatar-customizer { padding-top: 28vh; display: flex; -webkit-bo= x-orient: vertical; -webkit-box-direction: normal; flex-direction: column; = } } .devsite-avatar-customizer .customizer-avatar { padding: 24px; width: 47vw;= max-width: 350px; height: 100%; position: relative; -webkit-box-orient: ve= rtical; -webkit-box-direction: normal; flex-direction: column; display: fle= x; -webkit-box-align: end; align-items: flex-end; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar { width: 100%; min-width: 1= 00%; height: 56px; padding: 10px; border-top: 1px solid rgb(241, 243, 244);= } } .devsite-avatar-customizer .customizer-avatar .customizer-controller { -web= kit-box-flex: 0; flex-grow: 0; text-align: end; -webkit-box-orient: horizon= tal; -webkit-box-direction: normal; flex-direction: row; display: flex; -we= bkit-box-pack: end; justify-content: flex-end; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-controller { pa= dding: 0px; } } .devsite-avatar-customizer .customizer-avatar .customizer-controller #save-= avatar, .devsite-avatar-customizer .customizer-avatar .customizer-controlle= r #start-over { background: rgb(230, 240, 254); color: rgb(26, 115, 232); d= isplay: flex; -webkit-box-align: center; align-items: center; -webkit-box-p= ack: center; justify-content: center; position: relative; border: none !imp= ortant; } .devsite-avatar-customizer .customizer-avatar .customizer-controller #save-= avatar { background: rgb(26, 115, 232); color: rgb(255, 255, 255); } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-inner { di= splay: flex; margin-bottom: 40px; -webkit-box-orient: vertical; -webkit-box= -direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow:= 1; -webkit-box-pack: center; justify-content: center; max-width: calc(-90p= x + 75vh); } @media screen and (max-height: 500px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-inner { = margin-bottom: 20px; } } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-inner { = position: fixed; margin-bottom: 0px; bottom: 73vh; -webkit-box-pack: end; j= ustify-content: flex-end; -webkit-box-align: center; align-items: center; w= idth: 100%; left: 0px; top: 0px; height: 27vh; max-width: unset; } } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img { disp= lay: flex; -webkit-box-pack: center; justify-content: center; height: 100%;= -webkit-box-align: end; align-items: flex-end; max-height: 400px; width: 1= 00%; max-width: 300px; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img { ma= x-width: unset; } } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img img { = max-width: 100%; width: 22vw; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img img = { width: unset; height: 24vh; max-width: unset; } } .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img-border= { background: linear-gradient(90deg, rgb(234, 67, 53) 25%, rgb(66, 133, 24= 4) 0px, rgb(66, 133, 244) 50%, rgb(52, 168, 83) 0px, rgb(52, 168, 83) 75%, = rgb(251, 188, 4) 0px); height: 9px; width: 100%; transform: scaleX(0); tran= sition: transform 0.2s 0.2s, -webkit-transform 0.2s; position: relative; to= p: -1px; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 0; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-avatar .customizer-avatar-img-bord= er { height: 5px; width: 30vh; margin: 0px auto; } } .devsite-avatar-customizer.show { opacity: 1; } .devsite-avatar-customizer.show .customizer-avatar-img { transform: transla= teZ(0px); } .devsite-avatar-customizer.show .customizer-avatar-img-border { transform: = scaleX(1); } .devsite-avatar-customizer button .material-icons { line-height: 21px; marg= in-left: 0px; } .devsite-avatar-customizer h2 { margin-top: 2vw; } .devsite-avatar-customizer h2 { flex-shrink: 0; -webkit-box-flex: 0; flex-g= row: 0; margin: 0px; } .devsite-avatar-customizer .customizer-options { background: var(--devsite-= background-1); -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-bo= x-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; h= eight: 100%; width: 100%; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options { width: 200%; display: fl= ex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-dir= ection: row; overflow: hidden; box-shadow: rgb(128, 134, 139) 0px 9px 6px -= 8px inset; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit= -transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; transform= : translateZ(0px); } .devsite-avatar-customizer .customizer-options.show-sections { transform:= translate3d(-50%, 0px, 0px); } } .devsite-avatar-customizer .customizer-options .customizer-categories { fle= x-shrink: 1; height: 100%; display: flex; -webkit-box-orient: vertical; -we= bkit-box-direction: normal; flex-direction: column; padding: 18px 8px 18px = 0px; border-right: 1px solid rgb(204, 204, 204); } @media screen and (max-width: 1024px) { .devsite-avatar-customizer .customizer-options .customizer-categories { p= adding-right: 18px; } } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-categories { p= adding: 5px 0px; width: 50%; margin: 0px; display: block; overflow-y: auto;= } } .devsite-avatar-customizer .customizer-options .customizer-categories .vert= ical-tabs { white-space: nowrap; display: flex; -webkit-box-align: center; = align-items: center; padding-left: 24px; background: var(--devsite-backgrou= nd-1); opacity: 0.8; border-radius: 0px 24px 24px 0px; padding-right: 18px;= cursor: pointer; } @media screen and (max-height: 578.531px), screen and (max-width: 1024px) { .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs { width: 58px; overflow: hidden; } } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs { width: 100%; height: 50px; border-bottom: 1px solid rgb(221, = 221, 221); border-radius: 0px; position: relative; background: unset; } .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs::after { content: "=E2=9D=AF"; position: absolute; right: 10px;= font-size: 20px; } } @media screen and (min-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs.selected { color: rgb(66, 133, 244); background-color: var(--de= vsite-background-3); opacity: 1; font-weight: 500; } .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs.selected img { filter: hue-rotate(8deg) saturate(900%); } .devsite-avatar-customizer .customizer-options .customizer-categories .ve= rtical-tabs:hover { background-color: var(--devsite-background-2); opacity:= 1; } } .devsite-avatar-customizer .customizer-options .customizer-categories .vert= ical-tabs img { width: 38px; height: 38px; min-width: 38px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er { -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-orient: = vertical; -webkit-box-direction: normal; flex-direction: column; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner { width: 50%; position: relative; overflow: hidden; } } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .tab-name { display: none; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .tab-name { width: 100%; background-color: var(--devsite-background-1)= ; box-shadow: rgb(128, 134, 139) 0px -6px 6px 7px; height: 60px; min-height= : 60px; z-index: 10; display: flex; -webkit-box-pack: center; justify-conte= nt: center; -webkit-box-align: center; align-items: center; border-top: 1px= solid rgb(241, 243, 244); font-size: 18px; font-weight: 500; padding: 5px = 0px; cursor: pointer; } .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .tab-name img { height: 100%; } .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .tab-name::before { content: "=E2=9D=AE"; position: absolute; left: 22= px; font-size: 20px; } } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections { overflow: auto; padding: 0px 24px; margin: 24px 0= px; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .customizer-sections { display: block; margin: 0px; padding: 15px; pos= ition: relative; } } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections h3, .devsite-avatar-customizer .customizer-options = .customizer-sections-container .customizer-sections h4 { width: 100%; text-= align: left; text-transform: uppercase; font-size: 12px; font-family: Robot= o, "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto = Sans Thai", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; margin: 20= px 0px 8px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections h3:first-child, .devsite-avatar-customizer .customi= zer-options .customizer-sections-container .customizer-sections h4:first-ch= ild { margin-top: 0px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections .customizer-section { display: flex; flex-flow: wra= p; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections .customizer-section .customizer-option.form-field {= display: flex; -webkit-box-align: center; align-items: center; margin: 0px= 16px 16px; } .devsite-avatar-customizer .customizer-options .customizer-sections-contain= er .customizer-sections .customizer-section img { width: 40px; height: 40px= ; opacity: 0.8; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .customizer-sections-conta= iner .customizer-sections .customizer-section img { width: 36px; height: 36= px; } } .devsite-avatar-customizer .customizer-options .color { border-radius: 50%;= width: 40px; height: 40px; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options .color { width: 36px; heig= ht: 36px; } } .devsite-avatar-customizer .customizer-options button { border: 2px solid t= ransparent; padding: 0px; height: 64px; margin: 4px; border-radius: 50%; wi= dth: 64px; display: inline-flex; -webkit-box-align: center; align-items: ce= nter; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; -w= ebkit-box-flex: 0; flex-grow: 0; } @media screen and (max-width: 820px) { .devsite-avatar-customizer .customizer-options button { width: 52px; heig= ht: 52px; background: transparent; } } @media screen and (min-width: 820px) { .devsite-avatar-customizer .customizer-options button::after, .devsite-av= atar-customizer .customizer-options button::before { background-color: rgb(= 255, 255, 255); } } .devsite-avatar-customizer .customizer-options button[selected] { border: 2= px solid rgb(66, 133, 244); } .devsite-changelog-dialog { width: 680px; position: relative; } .devsite-changelog-dialog .devsite-dialog-close:not(.button):not(button) { = inset-inline-end: 10px; position: absolute; top: 10px; } .devsite-changelog-dialog .devsite-changelog-page-title { color: rgb(32, 33= , 36); font-family: var(--devsite-headline-font-family); font-size: 18px; l= ine-height: 22px; margin-block-end: 12px; } .devsite-changelog-dialog .devsite-changelog-title { color: rgb(32, 33, 36)= ; display: inline-block; font-size: 16px; font-weight: 500; line-height: 22= px; margin-inline-end: 9.5px; } .devsite-changelog-dialog .devsite-changelog-date { color: rgb(60, 64, 67);= font-size: 14px; line-height: 22px; margin-block: 12px; margin-inline: 0px= ; } .devsite-changelog-dialog .updated-tag { background-color: rgb(227, 242, 25= 3); color: rgb(21, 101, 192); display: inline-block; font-size: 14px; font-= weight: 700; line-height: 22px; margin-block: 0px -1px; margin-inline: 0px = 10px; padding-block: 1px; padding-inline: 8px; } .devsite-changelog-dialog .updated-tag-FEATURE { color: rgb(19, 115, 51); b= ackground-color: rgb(230, 244, 234); } .devsite-changelog-dialog .updated-tag-BREAKING_CHANGE, .devsite-changelog-= dialog .updated-tag-DEPRECATION, .devsite-changelog-dialog .updated-tag-ISS= UE { color: rgb(179, 20, 18); background-color: rgb(252, 232, 230); } .devsite-changelog-dialog .updated-tag-NON_BREAKING_CHANGE, .devsite-change= log-dialog .updated-tag-SERVICE_ANNOUNCEMENT { color: rgb(234, 134, 0); bac= kground-color: rgb(254, 247, 224); } .devsite-changelog-dialog .updated-tag-SECURITY_BULLETIN { color: rgb(194, = 100, 1); background-color: rgb(254, 239, 227); } .devsite-changelog-dialog .devsite-changelog-description { border: 1px soli= d rgb(218, 220, 224); color: rgb(60, 64, 67); font-size: 16px; line-height:= 22px; margin-block: 16px; margin-inline: 0px; max-height: 400px; overflow:= hidden; padding-block: 4px; padding-inline: 20px; word-break: break-word; = } .devsite-changelog-dialog .devsite-changelog-linebreak { border-top: 1px so= lid rgb(218, 220, 224); margin-block: 20px; margin-inline: -24px; height: 1= px; display: block; } .devsite-changelog-dialog .devsite-dialog-contents { overflow: visible; pad= ding-block-end: 4px; } .devsite-changelog-dialog .devsite-dialog-buttons { -webkit-box-pack: start= ; justify-content: start; padding-block: 0px 16px; padding-inline: 0px 16px= ; } devsite-activity-list { min-height: 295px; position: relative; display: blo= ck; } devsite-activity-list .devsite-activity-searchbox { padding-block: 12px; pa= dding-inline: 14px; position: relative; } devsite-activity-list .devsite-activity-searchbox .devsite-activity-searchb= ox-input { border: 0px; background-color: rgb(241, 243, 244); border-radius= : 4px; color: rgb(95, 99, 104); font-size: 14px; height: 32px; max-width: 4= 00px; padding-inline-start: 38px; width: 100%; } devsite-activity-list .devsite-activity-searchbox .devsite-activity-searchb= ox-image { color: rgb(128, 134, 139); direction: unset; inset-inline-start:= 20px; position: absolute; top: 17px; } devsite-activity-list .waiting-container { padding-block: 40px; padding-inl= ine: 20px; } devsite-activity-list .show-more-button { display: block; margin-block: 20p= x 0px; margin-inline: auto; } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .activities .activity:nth-chi= ld(12) .activity-cell { border-bottom: none; } } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .activities .activity:nth-chi= ld(n+13) .activity-cell { display: none; } } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .my-pages-button { display: n= one; } } devsite-activity-list:not(.more-activities) .more-activities-button { displ= ay: none; margin-block: 20px 30px; margin-inline: 0px; } @media screen and (max-width: 600px) { devsite-activity-list:not(.more-activities) .more-activities-button { dis= play: block; } } devsite-activity-list.more-activities .more-activities-button { display: no= ne; } devsite-activity-list .my-pages-button.button { margin-block: 20px 30px; ma= rgin-inline: 0px; } devsite-activity-list .empty-sate { border-radius: 8px; border: var(--devsi= te-primary-border); display: flex; -webkit-box-orient: horizontal; -webkit-= box-direction: reverse; flex-direction: row-reverse; -webkit-box-pack: just= ify; justify-content: space-between; margin-block: 40px 8px; padding-block:= 40px; padding-inline: 40px; } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate { -webkit-box-orient: vertical; -webkit= -box-direction: normal; flex-direction: column; padding-block: 0px; padding= -inline: 0px; } } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate .text-container { padding-block: 24px 0= px; padding-inline: 24px; } } devsite-activity-list .empty-sate .text-container .title { font-size: 24px;= font-family: var(--devsite-headline-font-family); display: inline; } devsite-activity-list .empty-sate .text-container .getting-started-list { c= ounter-reset: steps 0; list-style: none; padding-block: 0px; padding-inline= : 0px; } devsite-activity-list .empty-sate .text-container .getting-started-list li = { counter-increment: steps 1; margin-block: 24px; margin-inline: 0px; } devsite-activity-list .empty-sate .text-container .getting-started-list li:= :before { border-radius: 50%; border: 1px solid rgb(218, 220, 224); color: = rgb(30, 136, 229); content: counter(steps); display: inline-grid; font-size= : 20px; height: 36px; line-height: 1.2em; margin-inline-end: 0.5rem; place-= items: center; width: 36px; } devsite-activity-list .empty-sate .illustration { background: url("/web/202= 30131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3= f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/activit= y-list-get-started.gif") 100% center / contain no-repeat; width: 50%; } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate .illustration { background-position: ce= nter top; border-top-left-radius: 11px; border-top-right-radius: 11px; heig= ht: calc(-27px + 58vw); margin-block: -1px; margin-inline: -1px; width: cal= c(100% + 2px); } } devsite-activity-list .empty-sate-embedded { margin-block-start: 0px; margi= n-inline-start: 0px; max-width: 715px; } @media screen and (max-width: 840px) { devsite-activity-list .empty-sate-embedded { margin-block-start: 30px; } } devsite-activity-list .empty-sate-embedded .title { display: block; font-fa= mily: var(--devsite-headline-font-family); font-size: 20px; margin-block-en= d: 10px; } devsite-activity-list .empty-sate-embedded .empty-state-card { display: inl= ine-block; margin-block-end: 10px; margin-inline-end: 24px; min-height: 0px= ; padding-block: 16px; padding-inline: 16px; width: calc(33% - 18px); } @media screen and (max-width: 600px) { devsite-activity-list .empty-sate-embedded .empty-state-card { margin-blo= ck-end: 10px; padding-block: 10px; padding-inline: 16px; width: 100%; } } devsite-activity-list .empty-sate-embedded .empty-state-card:last-child { m= argin-inline-end: 0px; } devsite-activity-list .empty-sate-embedded .empty-state-card .card-icon { b= ackground-position: 50% center; background-repeat: no-repeat; background-si= ze: 22px; border-radius: 17px; border: var(--devsite-primary-border); heigh= t: 34px; margin-block-end: 8px; width: 34px; } @media screen and (max-width: 600px) { devsite-activity-list .empty-sate-embedded .empty-state-card .card-icon {= float: left; margin-block: 7px 0px; margin-inline: 0px 14px; } } devsite-activity-list .empty-sate-embedded .empty-state-card.android .card-= icon { background-image: url("/web/20230131013155im_/https://www.gstatic.co= m/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c= 27dbcd2bcca1/developers/images/activity-android.png"); } devsite-activity-list .empty-sate-embedded .empty-state-card.developers .ca= rd-icon { background-image: url("/web/20230131013155im_/https://www.gstatic= .com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c= 45c27dbcd2bcca1/developers/images/activity-other.png"); } devsite-activity-list .empty-sate-embedded .empty-state-card.firebase .card= -icon { background-image: url("/web/20230131013155im_/https://www.gstatic.c= om/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45= c27dbcd2bcca1/developers/images/activity-firebase.svg"); background-size: 1= 5px; } devsite-activity-list .empty-sate-embedded .empty-state-card .card-title { = font-size: 16px; white-space: nowrap; font-family: var(--devsite-headline-f= ont-family); } devsite-activity-list .empty-sate-embedded .empty-state-card .card-domain {= font-size: 12px; color: rgb(32, 33, 36); } devsite-activity-list .compact-subheaders { display: flex; } devsite-activity-list .mobile-date-updated { display: none; font-size: 14px= ; margin-block-end: 8px; } devsite-activity-list .mobile-date-updated .mobile-date-separator { margin-= block: 0px; margin-inline: 10px; } devsite-activity-list .updated-indicator-text { color: rgb(60, 64, 67); dis= play: none; font-size: 14px; margin-block-end: 8px; } devsite-activity-list .updated-indicator-text .updated-indicator { backgrou= nd-color: rgb(30, 136, 229); border-radius: 5px; height: 8px; margin-inline= -end: 7px; position: relative; top: 8px; width: 8px; } devsite-activity-list .tooltip { background-color: rgb(26, 115, 232); borde= r-radius: 10px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60,= 64, 67, 0.15) 0px 1px 3px 1px; color: rgb(255, 255, 255); inset-inline-sta= rt: 36px; padding-block: 20px 10px; padding-inline: 20px; position: absolut= e; top: 51px; width: 400px; z-index: 1; } @media screen and (max-width: 600px) { devsite-activity-list .tooltip { inset-inline-start: 28px; max-width: 80v= w; top: 50px; } } devsite-activity-list .tooltip .arrow { color: rgb(26, 115, 232); font-size= : 60px; inset-inline-start: 4px; position: absolute; top: -34px; } devsite-activity-list .tooltip .title { font-weight: 500; font-family: var(= --devsite-headline-font-family); font-size: 100% !important; } devsite-activity-list .tooltip .button { color: rgb(255, 255, 255); float: = right; margin-block-start: 10px; } devsite-activity-list .tooltip .button:hover { background-color: rgb(26, 11= 5, 232); } devsite-activity-list .title-container { -webkit-box-align: center; align-i= tems: center; display: flex; margin-block-end: 10px; } devsite-activity-list .title-container .title { font-size: 30px; line-heigh= t: 30px; display: inline; font-family: var(--devsite-headline-font-family);= } devsite-activity-list devsite-info-popout { margin-block: 5px; margin-inlin= e: 5px; position: relative; top: 2px; z-index: 5; } devsite-activity-list .text { margin-block-end: 20px; } devsite-activity-list .activities { border: var(--devsite-primary-border); = border-radius: 8px; position: relative; width: 100%; display: table; } devsite-activity-list .activities .activity { display: table-row; } devsite-activity-list .activities .activity .activity-cell { border-top: va= r(--devsite-primary-border); display: table-cell; min-height: 32px; padding= -block: 12px; padding-inline: 16px; vertical-align: middle; } devsite-activity-list .activities .activity .activity-cell:last-child { pad= ding-inline-end: 32px; } devsite-activity-list .activities .activity:first-child .activity-cell { bo= rder-top: none; } devsite-activity-list .activities .activity:hover .activity-cell { backgrou= nd-color: var(--devsite-background-2); } devsite-activity-list .activities .activity.empty-activity { font-style: it= alic; font-size: 14px; } devsite-activity-list .activities .activity.empty-activity .activity-link {= padding-inline-start: 3px; } devsite-activity-list .activities .activity.empty-activity .activity-link .= activity-text, devsite-activity-list .activities .activity.empty-activity .= activity-link .activity-text:hover { color: rgb(95, 99, 104); margin-inline= -start: 10px; } devsite-activity-list .activities .activity.header { height: 58px; } devsite-activity-list .activities .activity.header .activity-date-changeabl= e { display: inline-block; cursor: pointer; position: relative; } devsite-activity-list .activities .activity.header .activity-date-changeabl= e .title-text { margin-block: -15px; margin-inline: 0px; padding-block: 15p= x; padding-inline: 0px 18px; z-index: 2; } devsite-activity-list .activities .activity.header .activity-date-changeabl= e:hover::after { -webkit-box-align: center; align-items: center; color: rgb= (95, 99, 104); content: "arrow_drop_down"; display: inline-flex; font-famil= y: "Material Icons"; font-size: 22px; inset-inline-end: -4px; position: abs= olute; top: 3px; z-index: 1; } devsite-activity-list .activities .activity.header .activity-date-menu { bo= x-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2= px var(--devsite-elevation-ambient-shadow-color); background: var(--devsite= -background-1); border-radius: 4px; inset-inline-start: 0px; padding-block:= 8px; padding-inline: 0px; position: absolute; top: 36px; z-index: 10; } devsite-activity-list .activities .activity.header .activity-date-menu ul {= list-style: none; margin-block: 0px; margin-inline: 0px; padding-block: 0p= x; padding-inline: 0px; } devsite-activity-list .activities .activity.header .activity-date-menu ul l= i { color: rgb(60, 64, 67); font-size: 16px; font-weight: 400; line-height:= 24px; margin-block: 0px; margin-inline: 0px; padding-block: 12px; padding-= inline: 48px 35px; white-space: nowrap; } devsite-activity-list .activities .activity.header .activity-date-menu ul l= i:hover { background: rgb(241, 243, 244); } devsite-activity-list .activities .activity.header .activity-date-menu ul l= i[selected]::before { color: rgb(95, 99, 104); content: "check"; font-famil= y: "Material Icons"; font-size: 24px; inset-inline-start: 13px; position: a= bsolute; } devsite-activity-list .activities .activity.header:hover { background-color= : transparent; } devsite-activity-list .activities .activity.header:not(.rated-down-sort):no= t(.rated-up-sort) .activity-updown:hover .activity-sortable::after, devsite= -activity-list .activities .activity.header:not(.title-down-sort):not(.titl= e-up-sort) .activity-link:hover .activity-sortable::after { font-family: "M= aterial Icons"; content: "arrow_downward"; } devsite-activity-list .activities .activity.header.date-down-sort .activity= -date .activity-sortable::after, devsite-activity-list .activities .activit= y.header.rated-down-sort .activity-updown .activity-sortable::after, devsit= e-activity-list .activities .activity.header.title-down-sort .activity-link= .activity-sortable::after, devsite-activity-list .activities .activity.hea= der.updates-down-sort .activity-updates .activity-sortable::after { font-fa= mily: "Material Icons"; content: "arrow_downward"; } devsite-activity-list .activities .activity.header.date-up-sort .activity-d= ate .activity-sortable::after, devsite-activity-list .activities .activity.= header.rated-up-sort .activity-updown .activity-sortable::after, devsite-ac= tivity-list .activities .activity.header.title-up-sort .activity-link .acti= vity-sortable::after, devsite-activity-list .activities .activity.header.up= dates-up-sort .activity-updates .activity-sortable::after { font-family: "M= aterial Icons"; content: "arrow_upward"; } devsite-activity-list .activities .activity.header .activity-sortable:hover= ::after { background-color: var(--devsite-background-3); } devsite-activity-list .activities .activity.header .activity-sortable { cur= sor: pointer; display: inline-flex; height: 27px; margin-block: -5px 0px; m= argin-inline: 0px -30px; position: relative; top: 2px; width: 27px; } devsite-activity-list .activities .activity.header .activity-sortable::afte= r { min-width: 27px; max-width: 27px; box-sizing: border-box; max-height: 2= 7px; min-height: 27px; font-size: 21px; -webkit-box-align: center; align-it= ems: center; display: inline-flex; -webkit-box-pack: center; justify-conten= t: center; border-radius: 20px; cursor: pointer; } devsite-activity-list .activities .activity.header .activity-cell { -webkit= -box-align: center; align-items: center; white-space: nowrap; width: 10%; c= olor: rgb(95, 99, 104); font-weight: 500; } devsite-activity-list .activities .activity.header .activity-bookmarked-con= tainer, devsite-activity-list .activities .activity.header .activity-date, = devsite-activity-list .activities .activity.header .activity-updates, devsi= te-activity-list .activities .activity.header .activity-updown { width: 5%;= } @media screen and (max-width: 600px) { devsite-activity-list .activities .activity.header .activity-bookmarked-c= ontainer, devsite-activity-list .activities .activity.header .activity-date= , devsite-activity-list .activities .activity.header .activity-updates, dev= site-activity-list .activities .activity.header .activity-updown { width: 1= %; } } devsite-activity-list .activities .activity.header .activity-link { cursor:= pointer; overflow: visible; width: 80%; } devsite-activity-list .activities .activity.header .activity-updates-button= { width: 1%; } @media screen and (max-width: 840px) { devsite-activity-list .activities .activity.header .activity-updates-butt= on { display: none; } } devsite-activity-list .activities .activity.badge .activity-icon { backgrou= nd-image: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-badge.svg"); } devsite-activity-list .activities .activity.android .activity-icon { backgr= ound-image: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devs= ite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/= developers/images/activity-android.png"); } devsite-activity-list .activities .activity.cloud .activity-icon { backgrou= nd-image: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-cloud.png"); } devsite-activity-list .activities .activity.bazel .activity-icon { backgrou= nd-image: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-bazel.svg"); } devsite-activity-list .activities .activity.other .activity-icon { backgrou= nd-image: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsit= e/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/de= velopers/images/activity-other.png"); } devsite-activity-list .activities .activity.firebase .activity-icon { backg= round-image: url("/web/20230131013155im_/https://www.gstatic.com/devrel-dev= site/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1= /developers/images/activity-firebase.svg"); background-size: 15px; } devsite-activity-list .activities .activity:last-child { border-bottom: non= e; } devsite-activity-list .activities .activity:last-child .activity-cell:first= -child { border-bottom-left-radius: 8px; overflow: hidden; } devsite-activity-list .activities .activity:last-child .activity-cell:last-= child { border-bottom-right-radius: 8px; } devsite-activity-list .activities .activity:first-child .activity-cell:firs= t-child { border-top-left-radius: 8px; overflow: hidden; } devsite-activity-list .activities .activity:first-child .activity-cell:last= -child { border-top-right-radius: 8px; overflow: hidden; } devsite-activity-list .activities .activity .activity-icon { display: inlin= e-block; border: var(--devsite-primary-border); border-radius: 20px; width:= 32px; height: 32px; background-repeat: no-repeat; background-position: 50%= center; background-size: 24px; background-color: var(--devsite-background-= 1); position: absolute; margin-block-start: 6px; } devsite-activity-list .activities .activity .updated-tag { background-color= : rgb(227, 242, 253); color: rgb(21, 101, 192); display: inline-block; font= -size: 14px; font-weight: 500; line-height: 22px; margin-block: -1px; margi= n-inline: 5px; padding-block: 1px; padding-inline: 8px; } devsite-activity-list .activities .activity .activity-notifications-indicat= or { background-color: rgb(30, 136, 229); border-radius: 8px; display: none= ; height: 8px; inset-inline-end: 0px; position: absolute; top: 0px; width: = 8px; } devsite-activity-list .activities .activity .activity-link { overflow: hidd= en; white-space: nowrap; max-width: 1px; } devsite-activity-list .activities .activity .activity-link .activity-text {= display: block; font-size: 14px; height: 22px; line-height: 22px; overflow= : hidden; padding-block: 0px 1px; padding-inline: 48px 0px; text-overflow: = ellipsis; } devsite-activity-list .activities .activity .activity-link .activity-text:h= over { color: rgb(23, 78, 166); } devsite-activity-list .activities .activity .activity-link .activity-domain= { color: rgb(95, 99, 104); display: block; font-size: 14px; height: 22px; = line-height: 22px; overflow: hidden; padding-block: 0px 1px; padding-inline= : 48px 0px; text-overflow: ellipsis; } devsite-activity-list .activities .activity .activity-link .activity-domain= :hover { color: rgb(32, 33, 36); } devsite-activity-list .activities .activity .title-text { font-size: 14px; = max-width: 150px; overflow: hidden; text-overflow: ellipsis; display: inlin= e-block; top: 3px; position: relative; color: rgb(32, 33, 36); font-weight:= 500; } devsite-activity-list .activities .activity .activity-updates-button .read-= more-button { color: rgb(26, 115, 232); font-size: 14px; font-weight: 500; = white-space: nowrap; } devsite-activity-list .activities .activity .activity-updates-button .read-= more-button:hover { color: rgb(13, 71, 161); text-decoration: underline; cu= rsor: pointer; } @media screen and (max-width: 840px) { devsite-activity-list .activities .activity .activity-updates-button { di= splay: none; } } devsite-activity-list .activities .activity .activity-date, devsite-activit= y-list .activities .activity .activity-updates { font-size: 14px; line-heig= ht: 22px; white-space: nowrap; } @media screen and (max-width: 600px) { devsite-activity-list .activities .activity .activity-date, devsite-activ= ity-list .activities .activity .activity-updates { display: none; } } devsite-activity-list .activities .activity .activity-bookmarked-container,= devsite-activity-list .activities .activity .activity-updown { text-align:= center; } devsite-activity-list .activities .activity .activity-bookmarked { -webkit-= box-align: center; align-items: center; border-radius: 20px; color: rgb(189= , 193, 198); cursor: pointer; display: inline-flex; font-size: 20px; height= : 32px; -webkit-box-pack: center; justify-content: center; margin-block: -4= px; margin-inline: -9px; overflow: hidden; text-align: center; text-overflo= w: ellipsis; white-space: nowrap; width: 32px; } devsite-activity-list .activities .activity .activity-bookmarked.active { c= olor: rgb(26, 115, 232); cursor: pointer; pointer-events: all; } devsite-activity-list .activities .activity .activity-bookmarked.unsaved { = color: rgb(102, 157, 246); } devsite-activity-list .activities .activity .activity-bookmarked:hover { ba= ckground-color: var(--devsite-background-3); } devsite-activity-list .activities .activity .activity-bookmarked[hidden] { = display: inline-block !important; opacity: 0; } devsite-activity-list .activities .activity .activity-updown .activity-down= voted, devsite-activity-list .activities .activity .activity-updown .activi= ty-upvoted { display: inline-block; color: rgb(189, 193, 198); font-size: 2= 0px; line-height: 24px; } @media screen and (max-width: 600px) { devsite-activity-list .mobile-date-updated, devsite-activity-list .update= d-indicator-text { display: inline-flex; } devsite-activity-list .activities .header { visibility: collapse; } devsite-activity-list .activities .header .title-text { font-size: 1px; } devsite-activity-list .activities .activity .activity-notifications-indic= ator { display: inline-block; } devsite-activity-list .activities .activity .activity-cell { padding-inli= ne: 8px; } devsite-activity-list .activities .activity .activity-cell:last-child { p= adding-inline-end: 16px; } devsite-activity-list .activities .activity .activity-cell:first-child { = padding-inline-start: 16px; } devsite-activity-list:not([embedded]) .activities .activity .activity-upd= ates-button { display: none; } } devsite-activity-list[embedded] .updated-indicator-text { display: inline-f= lex; } devsite-activity-list[embedded] .activities .activity:nth-child(3) .activit= y-cell { border-top: none; } devsite-activity-list[embedded] .activities .activity.header { visibility: = collapse; } devsite-activity-list[embedded] .activities .activity.header .activity-cell= { width: 0px; } devsite-activity-list[embedded] .activities .activity.header .activity-cell= .activity-link { width: 100%; } devsite-activity-list[embedded] .activities .activity.header .title-text { = font-size: 1px; } devsite-activity-list[embedded] .activities .activity:nth-child(3) .activit= y-cell:first-child { border-top-left-radius: 8px; overflow: hidden; } devsite-activity-list[embedded] .activities .activity:nth-child(3) .activit= y-cell:last-child { border-top-right-radius: 8px; overflow: hidden; } devsite-activity-list[embedded] .activities .activity .activity-cell { padd= ing-inline: 8px; } devsite-activity-list[embedded] .activities .activity .activity-cell .updat= ed-tag { display: none; } devsite-activity-list[embedded] .activities .activity .activity-cell:last-c= hild { padding-inline-end: 16px; } devsite-activity-list[embedded] .activities .activity .activity-cell:first-= child { padding-inline-start: 16px; } devsite-activity-list[embedded] .activities .activity .activity-link .activ= ity-domain { display: none; } devsite-activity-list[embedded] .activities .activity .activity-icon { marg= in-block: -5px; margin-inline: 0px; } devsite-activity-list[embedded] .activities .activity .activity-updates-but= ton { display: none; } devsite-activity-list[embedded] .activities .activity .activity-date, devsi= te-activity-list[embedded] .activities .activity .activity-updates { font-s= ize: 12px; } devsite-activity-list[embedded] .activities .activity .activity-notificatio= ns-indicator { display: inline-block; } @keyframes badgeGrowIn {=20 0% { transform: scale(0); } 100% { transform: scale(1.3); } } @keyframes badgeGrowOut {=20 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @keyframes badgeFadeIn {=20 0% { opacity: 0; } 12% { opacity: 0; } 87% { opacity: 1; } } @keyframes counterHide {=20 0% { opacity: 0; } 100% { opacity: 0; } } body[layout=3D"full"][template=3D"badge"] { --devsite-main-content-max-widt= h: none; --devsite-main-content-padding: 0; } devsite-badge { display: block; } devsite-badge .badge { -webkit-box-align: center; align-items: center; disp= lay: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: norm= al; flex-direction: column; position: relative; padding: 12px; max-width: 1= 25px; min-width: 125px; min-height: 170px; border: var(--devsite-primary-bo= rder); border-radius: 8px; background-color: rgb(255, 255, 255); opacity: 1= ; transition: opacity 0.5s; } devsite-badge .badge .badge-icon { width: 75px; height: 75px; margin-bottom= : 5px; } devsite-badge .badge .badge-icon img { opacity: 1; transition: opacity 0.3s= cubic-bezier(0.4, 0, 1, 1); } devsite-badge .badge .favorite-indicator { position: absolute; top: 3px; le= ft: 3px; color: rgb(189, 193, 198); height: 24px; width: 24px; display: fle= x; -webkit-box-align: center; align-items: center; -webkit-box-pack: center= ; justify-content: center; } devsite-badge .badge .favorite-indicator .favorite-indicator-icon { font-si= ze: 16px; } devsite-badge .badge .favorite-indicator .favorite-indicator-text { positio= n: absolute; border-radius: 2px; top: 27px; opacity: 0; transition: opacity= 0.5s; white-space: nowrap; font-size: 10px; color: rgb(255, 255, 255); bac= kground: rgb(60, 64, 67); padding: 0px 9px; } devsite-badge .badge .favorite-indicator:hover .favorite-indicator-text { o= pacity: 0.73; } devsite-badge .badge.dragged { opacity: 0.5; cursor: grabbing; } devsite-badge .badge.dragged[draggable=3D"true"]:hover .drag-indicator { cu= rsor: grabbing; display: none; } devsite-badge .badge .drag-indicator { opacity: 0; pointer-events: none; tr= ansition: opacity 0.5s; position: absolute; top: 3px; left: 3px; color: rgb= (95, 99, 104); height: 24px; width: 24px; display: flex; -webkit-box-align:= center; align-items: center; -webkit-box-pack: center; justify-content: ce= nter; cursor: grab; border-radius: 12px; } devsite-badge .badge .drag-indicator:hover { background: rgb(241, 243, 244)= ; } devsite-badge .badge .drag-indicator .drag-indicator-text { position: absol= ute; border-radius: 2px; top: 27px; opacity: 0; transition: opacity 0.5s; w= hite-space: nowrap; font-size: 10px; color: rgb(255, 255, 255); background:= rgb(60, 64, 67); padding: 0px 9px; } devsite-badge .badge .drag-indicator:hover .drag-indicator-text { opacity: = 0.73; } devsite-badge .badge .drag-indicator .drag-indicator-icon { font-size: 16px= ; } devsite-badge .badge[draggable=3D"true"]:hover .drag-indicator { opacity: 1= ; pointer-events: unset; } devsite-badge .badge .badge-icon-counter { font-size: 11.5px; padding: 0px = 7px; } @media screen and (max-width: 600px) { devsite-badge .badge.empty { display: none; } } devsite-badge .badge:not(.empty):hover:not(:active) { cursor: pointer; box-= shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 1px 3px 1px= var(--devsite-elevation-ambient-shadow-color); border-color: transparent; = } devsite-badge .badge .badge-meta { display: flex; -webkit-box-orient: verti= cal; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pac= k: center; justify-content: center; text-align: center; } devsite-badge .badge .badge-icon { -webkit-box-align: center; align-items: = center; display: flex; -webkit-box-pack: center; justify-content: center; p= osition: relative; } devsite-badge .badge .badge-title { font-weight: 500; color: rgb(60, 64, 67= ); font-family: var(--devsite-headline-font-family); font-size: 11.5px; lin= e-height: 16px; padding-bottom: 6px; } devsite-badge .badge .badge-date { color: rgb(95, 99, 104); font-size: 11px= ; line-height: 16px; letter-spacing: 0.4px; } devsite-badge .badge .badge-controls { position: absolute; right: 3px; top:= 3px; } devsite-badge .badge .badge-controls .toggle { color: rgb(60, 64, 67); curs= or: pointer; height: 24px; min-width: 0px; width: 24px; display: flex; -web= kit-box-align: center; align-items: center; -webkit-box-pack: center; justi= fy-content: center; padding: 12px 0px; border-radius: 12px; } devsite-badge .badge .badge-controls .toggle .material-icons { font-size: 1= 6px; } devsite-badge .badge .badge-controls .toggle:hover { background: rgb(241, 2= 43, 244); } devsite-badge .badge .badge-controls .toggle:focus { text-decoration: none;= } devsite-badge .badge .badge-controls .badge-controls-menu { background: var= (--devsite-background-1); border-radius: 4px; box-shadow: 0 1px 2px 0 var(-= -devsite-elevation-key-shadow-color),0 2px 6px 2px var(--devsite-elevation-= ambient-shadow-color); padding: 8px 0px; position: absolute; right: 0px; to= p: 25px; z-index: 10; } devsite-badge .badge .badge-controls .badge-controls-menu ul { list-style: = none; margin: 0px; padding: 0px; } devsite-badge .badge .badge-controls .badge-controls-menu ul li { margin: 0= px; padding: 0px; } devsite-badge .badge .badge-controls .badge-controls-menu ul li a { color: = rgb(60, 64, 67); font-size: 14px; line-height: 20px; padding: 8px 16px; whi= te-space: nowrap; } devsite-badge .badge .badge-controls .badge-controls-menu ul li a:hover { b= ackground: rgb(241, 243, 244); } devsite-badge .badge-icon.loading .badge-icon-counter { display: none; } devsite-badge .badge-icon.loading devsite-spinner { top: 7px; width: 60px; = height: 60px; z-index: 1000; position: absolute; } devsite-badge .badge-icon.loading img { opacity: 0; transform: scale(0); } devsite-badge .badge { margin: 0px 22px 22px 0px; } devsite-badge .badge.incomplete { filter: grayscale(1); } devsite-badge .invisible { opacity: 0; } devsite-badge .fadeout { opacity: 0; transition: opacity 0.5s; } devsite-badge .fadein { opacity: 1; transition: opacity 0.5s; } devsite-badge .devsite-badge-summary--header { display: flex; border-bottom= : 1px solid rgb(218, 220, 224); } @media screen and (max-width: 840px) { devsite-badge .devsite-badge-summary--header { -webkit-box-orient: vertic= al; -webkit-box-direction: reverse; flex-direction: column-reverse; } } devsite-badge .devsite-badge-summary--badge-info { display: flex; -webkit-b= ox-orient: vertical; -webkit-box-direction: normal; flex-direction: column;= -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; fl= ex: 1 1 auto; -webkit-box-align: start; align-items: flex-start; padding: 0= px 50px 0px min(200px, 10vw); } devsite-badge .devsite-badge-summary--badge-info .award-date { text-transfo= rm: uppercase; 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: rgb(60, 64, 67); line-height= : 20px; letter-spacing: 0.8px; margin: 0px 0px 7px; font-weight: 500; min-h= eight: 20px; } devsite-badge .devsite-badge-summary--badge-info .award-title { font-size: = 32px; color: rgb(32, 33, 36); letter-spacing: 0px; line-height: 40px; margi= n: 0px 0px 10px; } devsite-badge .devsite-badge-summary--badge-info .award-description { font-= size: 16px; color: rgb(32, 33, 36); letter-spacing: 0px; text-align: center= ; line-height: 24px; margin: 0px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing { display: = flex; -webkit-box-align: center; align-items: center; margin-top: 8px; heig= ht: 20px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing .share-text= { -webkit-box-flex: 1; flex-grow: 1; text-align: end; } devsite-badge .devsite-badge-summary--badge-info .award-sharing span { marg= in: 0px 16px 0px 0px; font-size: 16px; line-height: 20px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing img { width= : 18px; } devsite-badge .devsite-badge-summary--badge-info .award-sharing button { bo= rder: 0px; padding: 0px; height: auto; display: flex; -webkit-box-align: ce= nter; align-items: center; -webkit-box-pack: center; justify-content: cente= r; min-width: 0px; } devsite-badge .devsite-badge-summary--badge-image { max-width: min(815px, 4= 4vw); min-width: min(815px, 44vw); min-height: min(400px, 23vw); max-height= : min(400px, 23vw); -webkit-box-align: center; align-items: center; display= : flex; -webkit-box-pack: center; justify-content: center; position: relati= ve; background-image: url("/web/20230131013155im_/https://www.gstatic.com/d= evrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27d= bcd2bcca1/developers/images/badge-landing-background.svg"); background-posi= tion: 100% center; background-repeat: no-repeat; background-size: contain; = transition: filter 1s, -webkit-filter 1s; } @media screen and (max-width: 840px) { devsite-badge .devsite-badge-summary--badge-image { max-width: 100%; max-= height: 200px; background-size: 100%; background-position: center top; marg= in-bottom: 20px; } } devsite-badge .devsite-badge-summary--badge-image.incomplete .badge-icon { = filter: grayscale(1); } devsite-badge .devsite-badge-summary--badge-image .award-count { padding: 5= px 12px; font-size: 17px; border-radius: 19px; color: rgb(255, 255, 255); f= ont-weight: 500; background-color: rgb(25, 118, 210); position: absolute; z= -index: 11; margin-top: 150px; box-shadow: rgba(60, 64, 67, 0.15) 0px 4px 8= px 3px, rgba(60, 64, 67, 0.3) 0px 1px 3px 0px; } devsite-badge .devsite-badge-summary--content { position: relative; z-index= : 10; padding-top: 26px; } devsite-badge .devsite-badge-summary--badge-image .badge-icon { width: 194p= x; height: 194px; margin: 26px; position: relative; z-index: 2; animation: = 0.33s cubic-bezier(0.75, 0, 0.71, 0.97) 0s 1 normal none running badgeGrowI= n, 0.17s cubic-bezier(0.85, -0.14, 0.83, 0.83) 0.33s 1 normal none running = badgeGrowOut, 0.5s linear 0s 1 normal none running badgeFadeIn; opacity: 1;= transform: scale(1); } @keyframes bounce {=20 0% { opacity: 0; transform: scale(0.2); } 50% { opacity: 1; transform: scale(1.3); } 100% { transform: scale(1); } } devsite-badge .devsite-badge-summary--badge-image .badge-icon.paused { anim= ation-play-state: paused; opacity: 0; transform: scale(0); } devsite-badge .badge-animation { position: absolute; background-position: 5= 0% center; background-repeat: no-repeat; background-size: 400px 400px; inse= t: 0px; z-index: 1; pointer-events: none; } devsite-badge .spinner { margin: 100px 0px 50px; display: flex; -webkit-box= -align: center; align-items: center; -webkit-box-pack: center; justify-cont= ent: center; } devsite-badge .devsite-badge-summary--earn-more-badges, devsite-badge .devs= ite-badge-summary--ways-to-earn { padding: 0px min(200px, 10vw) 26px; } devsite-badge .devsite-badge-summary--earn-more-badges h3, devsite-badge .d= evsite-badge-summary--ways-to-earn h3 { font-size: 20px; color: rgb(60, 64,= 67); letter-spacing: 0.1px; line-height: 24px; margin: 0px; } devsite-badge .devsite-badge-summary--earn-more-badges h3 i.material-icons,= devsite-badge .devsite-badge-summary--ways-to-earn h3 i.material-icons { c= olor: rgb(26, 115, 232); } devsite-badge .devsite-badge-summary--awarded-by { padding: 0px min(200px, = 10vw); } devsite-badge .devsite-badge-summary--awarded-by ul { margin: 0px; padding:= 0px; list-style: none; } devsite-badge .devsite-badge-summary--awarded-by ul li { margin: 0px; paddi= ng: 0px; } devsite-badge .devsite-badge-summary--awarded-by .earn-badge, devsite-badge= .devsite-badge-summary--awarded-by .earned-badge { display: none; } devsite-badge .devsite-badge-summary--awarded-by.has-badge .earned-badge { = display: inline; } devsite-badge .devsite-badge-summary--awarded-by.needs-badge .earn-badge { = display: inline; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd { border: var(--devsite-primary-border); border-radius: 4px; margin-bott= om: 30px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd h4 { font-size: 22px; font-weight: 400; color: rgb(32, 33, 36); letter-s= pacing: 0px; line-height: 28px; margin: 0px; padding: 24px 24px 4px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd p { margin: 0px; padding: 4px 24px 24px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd-buttons { display: flex; -webkit-box-align: center; align-items: center;= -webkit-box-pack: start; justify-content: flex-start; padding: 0px 24px 24= px; } devsite-badge .devsite-badge-summary--awarded-by .devsite-badge-summary--ca= rd-buttons .button { font-size: 14px; } devsite-badge .devsite-badge-summary--sub-badges-details { padding: 26px mi= n(200px, 10vw) 0px; } devsite-card { visibility: hidden; } devsite-card[ready] { visibility: visible; } devsite-catalog-profiles { display: block; } devsite-collection:not(:defined) { visibility: hidden; } devsite-collection:defined { visibility: visible; } .devsite-collection-dialog { --devsite-heading-text-align: start; } .devsite-collection-dialog .devsite-dialog-contents .form-inputs { display:= grid; gap: 36px; } .devsite-collection-dialog .devsite-dialog-buttons { -webkit-box-pack: star= t; justify-content: flex-start; padding-block: 0px 16px; padding-inline: 16= px; } devsite-collection-list:not(:defined) { visibility: hidden; } devsite-collection-list:defined { visibility: visible; } .devsite-collection-create-dialog { --devsite-heading-text-align: start; } .devsite-collection-create-dialog .form-inputs { display: grid; gap: 36px; = } .devsite-collection-create-dialog .devsite-dialog-buttons { -webkit-box-pac= k: start; justify-content: flex-start; padding-block: 0px 16px; padding-inl= ine: 16px; } .devsite-edit-dialog { max-height: 75vh; width: 708px; padding: 0px; displa= y: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-= direction: column; } @media screen and (max-width: 600px) { .devsite-edit-dialog { max-height: calc(-32px + 100vh); } } .devsite-edit-dialog .devsite-dialog-header { display: flex; padding: 20px = 24px; position: relative; border-bottom: var(--devsite-primary-border); } .devsite-edit-dialog .devsite-dialog-header .devsite-dialog-close { positio= n: absolute; top: 10px; right: 10px; } .devsite-edit-dialog devsite-avatar { position: relative; height: 74px; wid= th: 74px; } .devsite-edit-dialog devsite-avatar .photo-selector { height: 74px; width: = 74px; } .devsite-edit-dialog devsite-avatar .photo-selector-loading, .devsite-edit-= dialog devsite-avatar .photo-selector-mini { right: 0px; bottom: 0px; heigh= t: 32px; width: 32px; left: unset; font-size: 16px; } .devsite-edit-dialog devsite-avatar .photo-selector-dropdown { top: 68px; r= ight: unset; } .devsite-edit-dialog devsite-avatar .photo-selector-dropdown button { white= -space: nowrap; display: flex; -webkit-box-orient: horizontal; -webkit-box-= direction: normal; flex-flow: row; margin-right: 25px; } .devsite-edit-dialog .devsite-dialog-header .devsite-edit-profile-title { p= adding-inline-start: 16px; display: flex; -webkit-box-orient: vertical; -we= bkit-box-direction: normal; flex-direction: column; gap: 8px; align-self: c= enter; } .devsite-edit-dialog .devsite-dialog-header .devsite-edit-profile-title h2 = { margin: 0px; margin-block-start: 5px; } .devsite-edit-dialog .profile-visibility { display: block; } .devsite-edit-dialog .profile-visibility-tag { color: var(--devsite-seconda= ry-text-color); font-size: 14px; font-weight: 500; padding: 0px 6px; displa= y: inline-block; white-space: nowrap; background-color: var(--devsite-backg= round-3); height: 20px; margin-inline-end: 8px; margin-block-end: 5px; } .devsite-edit-dialog .profile-visibility-tag .material-symbols-outlined { f= ont-size: 14px; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "o= psz" 48; top: 2px; position: relative; margin-inline-end: 3px; } .devsite-edit-dialog .devsite-dialog-contents { padding: 3px 24px 20px; ove= rflow-y: auto; } .devsite-edit-dialog .profile-edit-section-title { text-transform: uppercas= e; font-size: 11px; font-weight: 500; margin: 17px 0px; } .devsite-edit-dialog devsite-edit-profile { margin: 0px; } .devsite-edit-dialog .profile-visibility-text { display: inline-block; marg= in-inline-end: 5px; } .devsite-edit-dialog .profile-visibility a { white-space: nowrap; display: = inline-block; } .devsite-edit-dialog .devsite-dialog-footer { padding: 24px; border-top: va= r(--devsite-primary-border); display: flex; } .devsite-edit-dialog .devsite-dialog-footer devsite-spinner { margin-inline= -start: 16px; } .devsite-badge-delete-modal h4 { margin-block: 0px 10px; font-family: Robot= o, "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto = Sans Thai", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; } .devsite-badge-delete-modal .devsite-dialog-buttons { -webkit-box-pack: sta= rt; justify-content: flex-start; padding-block: 0px 16px; padding-inline: 1= 6px 0px; } .devsite-badge-delete-modal .devsite-dialog-contents-warning { font-size: 1= 2px; margin-block-start: 8px; } .devsite-badge-delete-modal .devsite-dialog-contents-warning .warning-icon = { font-size: 15px; position: relative; inset-block-start: 3px; margin-inlin= e-end: 7px; color: rgb(95, 99, 104); } .devsite-profile-banner { color: var(--devsite-note-notice-color); backgrou= nd-color: var(--devsite-note-notice-background); font-family: Roboto, "Noto= Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto Sans Tha= i", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; font-size: 14px; l= etter-spacing: 0.2px; line-height: 20px; padding-block: 12px; padding-inlin= e: 0px; display: flex; -webkit-box-align: center; align-items: center; -web= kit-box-pack: center; justify-content: center; } .devsite-profile-banner .material-icons { direction: unset; font-size: 18px= ; margin-block: 0px; margin-inline: 8px; } devsite-profile { --container-width: 1440px; --container-padding: 40px; --b= adge-date-text-color: $GREY_800; --badge-description-text-color: #3c4043; } .devsite-badges-dialog { --badge-sharing-text-color: #5f6368; } devsite-profile { display: block; } devsite-profile .profile-container { margin-block: 0px; margin-inline: auto= ; max-width: var(--container-width,1440px); padding: 40px var(--container-p= adding,40px) var(--container-padding,40px); width: 100%; background: url("/= web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b= 9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/= profile_header.svg") 270px 0px / auto 72px no-repeat; } devsite-profile .profile--error, devsite-profile .profile--loading { paddin= g-block: 60px; padding-inline: 0px; } devsite-profile .profile-view { display: flex; -webkit-box-align: start; al= ign-items: flex-start; } devsite-profile .profile-view .badge { -webkit-box-align: center; align-ite= ms: center; display: inline-flex; -webkit-box-orient: vertical; -webkit-box= -direction: normal; flex-direction: column; position: relative; padding: 12= px; max-width: 125px; min-width: 125px; min-height: 170px; border: var(--de= vsite-primary-border); border-radius: 8px; background-color: rgb(255, 255, = 255); opacity: 1; transition: opacity 0.5s; } devsite-profile .profile-view .badge .badge-icon { width: 75px; height: 75p= x; margin-bottom: 5px; } devsite-profile .profile-view .badge .badge-icon img { opacity: 1; transiti= on: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); } devsite-profile .profile-view .badge .favorite-indicator { position: absolu= te; top: 3px; left: 3px; color: rgb(189, 193, 198); height: 24px; width: 24= px; display: flex; -webkit-box-align: center; align-items: center; -webkit-= box-pack: center; justify-content: center; } devsite-profile .profile-view .badge .favorite-indicator .favorite-indicato= r-icon { font-size: 16px; } devsite-profile .profile-view .badge .favorite-indicator .favorite-indicato= r-text { position: absolute; border-radius: 2px; top: 27px; opacity: 0; tra= nsition: opacity 0.5s; white-space: nowrap; font-size: 10px; color: rgb(255= , 255, 255); background: rgb(60, 64, 67); padding: 0px 9px; } devsite-profile .profile-view .badge .favorite-indicator:hover .favorite-in= dicator-text { opacity: 0.73; } devsite-profile .profile-view .badge.dragged { opacity: 0.5; cursor: grabbi= ng; } devsite-profile .profile-view .badge.dragged[draggable=3D"true"]:hover .dra= g-indicator { cursor: grabbing; display: none; } devsite-profile .profile-view .badge .drag-indicator { opacity: 0; pointer-= events: none; transition: opacity 0.5s; position: absolute; top: 3px; left:= 3px; color: rgb(95, 99, 104); height: 24px; width: 24px; display: flex; -w= ebkit-box-align: center; align-items: center; -webkit-box-pack: center; jus= tify-content: center; cursor: grab; border-radius: 12px; } devsite-profile .profile-view .badge .drag-indicator:hover { background: rg= b(241, 243, 244); } devsite-profile .profile-view .badge .drag-indicator .drag-indicator-text {= position: absolute; border-radius: 2px; top: 27px; opacity: 0; transition:= opacity 0.5s; white-space: nowrap; font-size: 10px; color: rgb(255, 255, 2= 55); background: rgb(60, 64, 67); padding: 0px 9px; } devsite-profile .profile-view .badge .drag-indicator:hover .drag-indicator-= text { opacity: 0.73; } devsite-profile .profile-view .badge .drag-indicator .drag-indicator-icon {= font-size: 16px; } devsite-profile .profile-view .badge[draggable=3D"true"]:hover .drag-indica= tor { opacity: 1; pointer-events: unset; } devsite-profile .profile-view .badge .badge-icon-counter { font-size: 11.5p= x; padding: 0px 7px; } @media screen and (max-width: 600px) { devsite-profile .profile-view .badge.empty { display: none; } } devsite-profile .profile-view .badge:not(.empty):hover:not(:active) { curso= r: pointer; box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-colo= r),0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color); border-colo= r: transparent; } devsite-profile .profile-view .badge .badge-meta { display: flex; -webkit-b= ox-orient: vertical; -webkit-box-direction: normal; flex-direction: column;= -webkit-box-pack: center; justify-content: center; text-align: center; } devsite-profile .profile-view .badge .badge-icon { -webkit-box-align: cente= r; align-items: center; display: flex; -webkit-box-pack: center; justify-co= ntent: center; position: relative; } devsite-profile .profile-view .badge .badge-title { font-weight: 500; color= : rgb(60, 64, 67); font-family: var(--devsite-headline-font-family); font-s= ize: 11.5px; line-height: 16px; padding-bottom: 6px; } devsite-profile .profile-view .badge .badge-date { color: rgb(95, 99, 104);= font-size: 11px; line-height: 16px; letter-spacing: 0.4px; } devsite-profile .profile-view .badge .badge-controls { position: absolute; = right: 3px; top: 3px; } devsite-profile .profile-view .badge .badge-controls .toggle { color: rgb(6= 0, 64, 67); cursor: pointer; height: 24px; min-width: 0px; width: 24px; dis= play: flex; -webkit-box-align: center; align-items: center; -webkit-box-pac= k: center; justify-content: center; padding: 12px 0px; border-radius: 12px;= } devsite-profile .profile-view .badge .badge-controls .toggle .material-icon= s { font-size: 16px; } devsite-profile .profile-view .badge .badge-controls .toggle:hover { backgr= ound: rgb(241, 243, 244); } devsite-profile .profile-view .badge .badge-controls .toggle:focus { text-d= ecoration: none; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu {= background: var(--devsite-background-1); border-radius: 4px; box-shadow: 0= 1px 2px 0 var(--devsite-elevation-key-shadow-color),0 2px 6px 2px var(--de= vsite-elevation-ambient-shadow-color); padding: 8px 0px; position: absolute= ; right: 0px; top: 25px; z-index: 10; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l { list-style: none; margin: 0px; padding: 0px; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l li { margin: 0px; padding: 0px; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l li a { color: rgb(60, 64, 67); font-size: 14px; line-height: 20px; paddin= g: 8px 16px; white-space: nowrap; } devsite-profile .profile-view .badge .badge-controls .badge-controls-menu u= l li a:hover { background: rgb(241, 243, 244); } devsite-profile .profile-view .badge-icon.loading .badge-icon-counter { dis= play: none; } devsite-profile .profile-view .badge-icon.loading devsite-spinner { top: 7p= x; width: 60px; height: 60px; z-index: 1000; position: absolute; } devsite-profile .profile-view .badge-icon.loading img { opacity: 0; transfo= rm: scale(0); } devsite-profile .profile-view .profile-info-container-wrapper { -webkit-box= -flex: 0; flex-grow: 0; flex-shrink: 0; margin-block: 72px 48px; margin-inl= ine: 0px min(9vw, 130px); width: 342px; } devsite-profile .profile-view .profile-info-container-wrapper .profile-info= -container:not(:empty) { border: 1px solid rgb(218, 220, 224); border-radiu= s: 8px; } devsite-profile .profile-view .devsite-profile-feedback-button { -webkit-bo= x-align: center; align-items: center; border: 0px; color: rgb(95, 99, 104);= display: flex; font-size: 12px; padding-block: 0px; padding-inline: 0px; } devsite-profile .profile-view .devsite-profile-feedback-button .material-ic= ons { inset-block-start: auto; margin-block: 0px; margin-inline: 4px; } devsite-profile .profile-view .devsite-profile-feedback-button:active, devs= ite-profile .profile-view .devsite-profile-feedback-button:hover { backgrou= nd: none; box-shadow: none; } devsite-profile .profile-view .profile-details { -webkit-box-align: center;= align-items: center; display: flex; margin-block-end: 12px; } devsite-profile .profile-view .profile-details a { overflow: hidden; white-= space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgb(60, 64,= 67); line-height: 20px; } devsite-profile .profile-view .profile-bio, devsite-profile .profile-view .= profile-experiencelevel, devsite-profile .profile-view .profile-links, devs= ite-profile .profile-view .profile-location, devsite-profile .profile-view = .profile-name, devsite-profile .profile-view .profile-stats { color: rgb(60= , 64, 67); font-size: 14px; line-height: 20px; padding-block: 2px 6px; padd= ing-inline: 24px; word-break: break-word; } devsite-profile .profile-view .profile-bio h4, devsite-profile .profile-vie= w .profile-experiencelevel h4, devsite-profile .profile-view .profile-links= h4, devsite-profile .profile-view .profile-location h4, devsite-profile .p= rofile-view .profile-name h4, devsite-profile .profile-view .profile-stats = h4 { color: rgb(32, 33, 36); font-size: 12px; font-weight: 500; margin-bloc= k: 0px 6px; margin-inline: 0px; text-transform: uppercase; } devsite-profile .profile-view .profile-bio p, devsite-profile .profile-view= .profile-experiencelevel p, devsite-profile .profile-view .profile-links p= , devsite-profile .profile-view .profile-location p, devsite-profile .profi= le-view .profile-name p, devsite-profile .profile-view .profile-stats p { m= argin-block: 0px 12px; margin-inline: 0px; } devsite-profile .profile-view .profile-location-empty-location, devsite-pro= file .profile-view .profile-location-warning { color: rgb(217, 48, 37); dis= play: block; font-size: 12px; font-weight: 700; line-height: 16px; margin-b= lock: 4px; margin-inline: 16px; } devsite-profile .profile-view .profile-name { padding-block: 24px; padding-= inline: 24px; text-align: center; } devsite-profile .profile-view .profile-name h2 { color: rgb(32, 33, 36); fo= nt-size: 32px; font-weight: 400; line-height: 40px; margin-block: 0px; marg= in-inline: 0px; word-break: break-word; } devsite-profile .profile-view .profile-name h3 { color: rgb(32, 33, 36); fo= nt-size: 16px; font-weight: 500; line-height: 24px; margin-block: 0px; marg= in-inline: 0px; word-break: break-word; } devsite-profile .profile-view .profile-name h4 { font-family: var(--devsite= -headline-font-family); font-size: 14px; color: rgb(32, 33, 36); line-heigh= t: 24px; text-transform: none; word-break: break-word; } devsite-profile .profile-view .bull { padding-block: 0px; padding-inline: 4= px; } devsite-profile .profile-container--signin { display: flex; -webkit-box-ali= gn: center; align-items: center; -webkit-box-pack: center; justify-content:= center; } devsite-profile .profile-info-top { height: 65px; inset-block-start: -65px;= position: relative; } devsite-profile .profile-info-top .edit-profile { -webkit-box-align: center= ; align-items: center; background: url("/web/20230131013155im_/https://www.= gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e= 31c466c45c27dbcd2bcca1/developers/images/icons/settings.svg") 50% center no= -repeat; border-radius: 16px; border: 0px; color: rgb(95, 99, 104); display= : flex; float: right; height: 36px; inset-block-start: 65px; -webkit-box-pa= ck: center; justify-content: center; margin-block: 12px; margin-inline: 12p= x; padding-block: 0px; padding-inline: 0px; position: relative; text-indent= : -3000em; width: 36px; z-index: 2; } devsite-profile .profile-info-top .edit-profile:hover { background-color: r= gb(241, 243, 244); } devsite-profile .profile-info-top .edit-profile:active, devsite-profile .pr= ofile-info-top .edit-profile:focus { box-shadow: none; } devsite-profile .profile-info-top .profile-avatar { position: relative; } devsite-profile .profile-info-top .profile-avatar .profile-avatar { backgro= und-color: var(--devsite-background-1); background-position: 50% center; ba= ckground-repeat: no-repeat; background-size: contain; border-radius: 50%; b= order: var(--devsite-primary-border); display: block; height: 130px; margin= -block: 0px; margin-inline: auto; width: 130px; } devsite-profile .profile-info-top .profile-avatar devsite-avatar { height: = 130px; margin-block: 0px; margin-inline: auto; width: 130px; } devsite-profile .profile-view .profile-badges-container { -webkit-box-flex:= 1; flex-grow: 1; flex-shrink: 1; } devsite-profile .profile-view .profile-badges-container h2 { color: rgb(32,= 33, 36); font-size: 28px; line-height: 36px; margin-block: 0px; margin-inl= ine: 0px; } devsite-profile .profile-view .profile-badges-container h3 { color: rgb(32,= 33, 36); font-size: 24px; line-height: 32px; margin-block: 0px; margin-inl= ine: 0px; } devsite-profile .profile-view .profile-badges-container[busy] .badge-contro= ls { display: none; } devsite-profile .profile-view .profile-badges-container .badge-grid { displ= ay: grid; -webkit-box-flex: 0; flex: 0 0 100%; grid-auto-flow: row; gap: 22= px min(26px, 1.8vw); grid-template-columns: repeat(auto-fill, minmax(125px,= 1fr)); margin-block: 24px; margin-inline: 0px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e { padding-block-start: 4px; position: relative; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e.show-dropzone .drop-zone { opacity: 1; visibility: visible; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .drop-zone { background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 25= 5) 0px 0px 10px 10px; inset-block-start: 0px; inset-inline: 0px; margin: va= r(--devsite-js-header-height,0) 40px 0 calc(max(0px, 100vw - 1440px)/2 + 36= 2px + min(9vw, 130px)); opacity: 0; padding-block: 20px; padding-inline: 20= px 0px; position: fixed; transition: opacity 0.5s, visibility 0.5s; visibil= ity: hidden; z-index: 10; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .drop-zone .badge { max-width: 125px; min-width: 125px; min-height: 170px= ; max-height: 170px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .drop-zone .badge.empty .badge-icon:not(.loading) { height: 60px; width: = 60px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon-counter { padding-block: 1px; padding-inline: 9px; font-size:= 14px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon.loading devsite-spinner { height: 91px; inset-block-start: 11= px; width: 91px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .profile-trophy-case-helper { inset-block-start: 2px; margin-inline-start= : 10px; position: relative; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .profile-trophy-case-helper .info-icon { font-size: 17px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-grid { border-bottom: 1px solid rgb(218, 220, 224); display: grid;= grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(156px= , 1fr)); padding-block-end: 50px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[visibility=3D"PROMOTED"] { max-width: 156px; min-width: 156px; pad= ding-block: 20px; padding-inline: 20px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[visibility=3D"PROMOTED"] .favorite-indicator { display: none; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-icon { transform: scale(0); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-icon devsite-spinner { display: none; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-meta { opacity: 0; transform: translate3d(0px, 10p= x, 0px); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge[pending] .badge-controls { opacity: 0; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon { height: 110px; margin-block-end: 8px; transform: scale(1); = transition: transform 0.16s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0= .16s cubic-bezier(0.4, 0, 1, 1); width: 114px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-icon img { transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1), t= ransform 0.16s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.16s cubic-be= zier(0.4, 0, 1, 1); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e.dragging .badge.empty { box-shadow: rgb(232, 240, 254) 0px 4px 8px 3px, r= gb(210, 227, 252) 0px 1px 3px 0px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty { transition: box-shadow 0.5s; box-shadow: transparent 0px 4= px 8px 3px, transparent 0px 1px 3px 0px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty.drop-target { background-color: rgb(232, 240, 254); border: = 2px solid rgb(26, 115, 232); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-meta { color: rgba(0, 0, 0, 0.12); pointer-events: no= ne; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-icon:not(.loading) { background: none; border-radius:= 50px; border: 2px dashed rgb(218, 220, 224); height: 94px; margin-block: 9= px 17px; pointer-events: none; width: 94px; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-icon.loading { margin-block-end: 11px; pointer-events= : none; } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge.empty .badge-title { color: rgb(189, 193, 198); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-meta { font-size: 13px; line-height: 20px; opacity: 1; transform: = translateZ(0px); transition: opacity 0.16s cubic-bezier(0.4, 0, 1, 1), tran= sform 0.16s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.16s cubic-bezie= r(0.4, 0, 1, 1); } devsite-profile .profile-view .profile-badges-container .profile-trophy-cas= e .badge-controls { opacity: 1; transition: opacity 0.16s cubic-bezier(0.4,= 0, 1, 1); } devsite-profile .profile-view .profile-badges-container .profile-no-badges = { margin-block-start: 72px; } devsite-profile .profile-view .profile-badges-container .profile-no-badges = p { color: rgb(32, 33, 36); font-family: var(--devsite-headline-font-family= ); font-size: 22px; line-height: 28px; margin-block: 0px 8px; margin-inline= : 0px; } devsite-profile .profile-view .profile-badges-container .profile-no-badges = .profile-no-badges-img { background-image: url("/web/20230131013155im_/http= s://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066c= fe5cc51e31c466c45c27dbcd2bcca1/developers/images/no-badges.svg"); backgroun= d-position: 50% center; background-repeat: no-repeat; height: 360px; margin= -block: 0px; margin-inline: auto; } devsite-profile .profile-view .profile-badges-container .badge .badge-contr= ols-menu a { display: none; } devsite-profile .profile-view .profile-badges-container .badge .badge-contr= ols-menu a:focus, devsite-profile .profile-view .profile-badges-container .= badge .badge-controls-menu a:hover { text-decoration: none; } devsite-profile .profile-view .profile-badges-container .badges-trophy-case= --add em { color: rgb(60, 64, 67); display: none; font-size: 11px; line-hei= ght: 20px; } devsite-profile .profile-view .profile-badges-container[trophy-case--full] = .badges-trophy-case--add { cursor: default; opacity: 0.5; } devsite-profile .profile-view .profile-badges-container[trophy-case--full] = .badges-trophy-case--add em { display: block; } devsite-profile .profile-view .profile-badges-container .profile-badges { d= isplay: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: = space-between; padding-block-start: 16px; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable { -webkit-box-flex: 1; flex: 1 0 0%; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable .expandable-heading { -webkit-box-align: center; align-item= s: center; display: flex; -webkit-box-orient: horizontal; -webkit-box-direc= tion: reverse; flex-direction: row-reverse; -webkit-box-pack: justify; just= ify-content: space-between; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable .expandable-heading .header-text-container { display: flex;= gap: 12px; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable a.exw-control > .showalways::before { color: var(--devsite-= secondary-text-color); content: "expand_more"; margin-inline: 16px 0px; } devsite-profile .profile-view .profile-badges-container .profile-badges dev= site-expandable[expanded] a.exw-control > .showalways::before { content: "e= xpand_less"; } devsite-profile .profile-view .profile-badges-container .profile-badges .fa= vorite-indicator { display: none; } devsite-profile .profile-view .profile-badges-container .profile-badges .al= l-badges-heading { display: inline-block; } devsite-profile .profile-view .profile-badges-container .profile-badges.inc= omplete-badges { border-bottom: var(--devsite-primary-border); margin-block= -end: 25px; padding-block-end: 25px; } devsite-profile .profile-view .profile-badges-container .profile-badges.inc= omplete-badges img { filter: grayscale(100%); } devsite-profile .profile-view .profile-badges-container .profile-badges.hid= den-badges { border-top: var(--devsite-primary-border); margin-block-start:= 18px; padding-block-start: 32px; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"INCOMPLETE"] .badges--delete { display: block; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PUBLIC"] .badges--delete, devsite-profile .profile-view .profile-badges= -container .badge[visibility=3D"PUBLIC"] .badges--hide, devsite-profile .pr= ofile-view .profile-badges-container .badge[visibility=3D"PUBLIC"] .badges-= trophy-case--add { display: block; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PRIVATE"] .badges--delete, devsite-profile .profile-view .profile-badge= s-container .badge[visibility=3D"PRIVATE"] .badges--unhide { display: block= ; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PROMOTED"] .badges--delete, devsite-profile .profile-view .profile-badg= es-container .badge[visibility=3D"PROMOTED"] .badges--hide, devsite-profile= .profile-view .profile-badges-container .badge[visibility=3D"PROMOTED"] .b= adges-trophy-case--remove { display: block; } devsite-profile .profile-view .profile-badges-container .badge[visibility= =3D"PROMOTED"] .favorite-indicator { display: flex; } devsite-profile .profile-edit .profile-info-container { position: relative;= } devsite-profile .profile-edit .profile-spinner { -webkit-box-align: end; al= ign-items: flex-end; background: rgba(255, 255, 255, 0.8); border-radius: 0= px 0px 6px 6px; display: none; inset-block: 70px 0px; inset-inline: 0px; -w= ebkit-box-pack: center; justify-content: center; padding-block: 24px; paddi= ng-inline: 24px; position: absolute; z-index: 100000; } devsite-profile .profile-edit.profile-saving .profile-avatar-desc { backgro= und: rgb(255, 255, 255); } devsite-profile .profile-edit.profile-saving .profile-spinner { display: fl= ex; } devsite-profile .profile-edit .profile-avatar-desc { background: rgb(241, 2= 43, 244); border-bottom: 1px solid rgb(218, 220, 224); border-radius: 8px 8= px 0px 0px; padding-block: 0px; padding-inline: 24px; } devsite-profile .profile-edit .profile-avatar-desc h4 { font-size: 12px; co= lor: rgb(32, 33, 36); } devsite-profile .profile-edit .profile-avatar-desc h4 .devsite-avatar-toolt= ip { color: rgb(95, 99, 104); cursor: pointer; font-size: 16px; margin-bloc= k: 0px; margin-inline: 8px; } devsite-profile .profile-edit .profile-avatar-desc p { color: rgb(60, 64, 6= 7); font-size: 14px; line-height: 20px; margin-block: 0px; margin-inline: 0= px; } devsite-profile .profile-edit .profile-avatar-desc hr { margin-block: 0px 2= 4px; margin-inline: 0px; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility { di= splay: flex; padding-block-end: 24px; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility .pro= file-visibility-icon { width: 38px; -webkit-box-flex: 0; flex-grow: 0; flex= -shrink: 0; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility .mat= erial-icons { color: rgb(95, 99, 104); } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility h4 {= font-size: 16px; margin-block: 1px 0px; margin-inline: 0px; } devsite-profile .profile-edit .profile-avatar-desc .profile-visibility p { = margin-block: 0px; margin-inline: 0px; } devsite-profile .profile-edit .profile-editable-section { padding-block: 24= px 0px; padding-inline: 24px; } devsite-profile .profile-edit .profile-editable-section h4 { margin-block: = 0px 16px; margin-inline: 0px; } devsite-profile .profile-edit .profile-editable-section .error-message { co= lor: rgb(217, 48, 37); font-size: 12px; margin-block-end: -24px; } devsite-profile .profile-edit .profile-edit-row { display: flex; -webkit-bo= x-orient: vertical; -webkit-box-direction: normal; flex-direction: column; = padding-block-end: 32px; } devsite-profile .profile-edit .profile-edit-row:last-child { padding-block-= end: 0px; } devsite-profile .profile-edit .profile-edit-row devsite-mwc { position: rel= ative; -webkit-box-flex: 1; flex-grow: 1; } devsite-profile .profile-edit .profile-edit-row .profile-edit-help-text { c= olor: rgb(95, 99, 104); font-size: 12px; line-height: 16px; margin-block: 4= px; margin-inline: 16px; } devsite-profile .profile-edit .profile-editable-controls { display: flex; -= webkit-box-pack: end; justify-content: flex-end; padding-block: 24px; paddi= ng-inline: 24px; } devsite-profile .profile-edit .profile-editable-controls mwc-button { margi= n-block: 0px; margin-inline: 8px; } devsite-profile .icon { background-position: 50% center; background-repeat:= no-repeat; flex-shrink: 0; height: 24px; margin-inline-end: 8px; width: 24= px; } devsite-profile .location-icon { background-image: url("/web/20230131013155= im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b76= 2d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/location.svg= "); } devsite-profile .github-icon { background-image: url("/web/20230131013155im= _/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d= 88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/github.svg"); = } devsite-profile .gitlab-icon { background-image: url("/web/20230131013155im= _/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d= 88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/gitlab.svg"); = } devsite-profile .linkedin-icon { background-image: url("/web/20230131013155= im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b76= 2d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/linkedin.svg= "); } devsite-profile .stackoverflow-icon { background-image: url("/web/202301310= 13155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e= 46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/stackov= erflow.svg"); } devsite-profile .twitter-icon { background-image: url("/web/20230131013155i= m_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762= d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/twitter.svg")= ; } devsite-profile .star-icon { background-image: url("/web/20230131013155im_/= https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88= 066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/star.svg"); } devsite-profile .page-icon { background-image: url("/web/20230131013155im_/= https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88= 066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/page.svg"); } devsite-profile .rating-icon { background-image: url("/web/20230131013155im= _/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d= 88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/rating.svg"); = } devsite-profile .calendar-icon { background-image: url("/web/20230131013155= im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b76= 2d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/icons/calendar.svg= "); } devsite-profile .profile-information, devsite-profile .profile-privacy { bo= rder-top: 1px solid rgb(218, 220, 224); padding: 20px 0px 2px; } devsite-profile .profile-vanityid a { -webkit-box-align: center; align-item= s: center; border-radius: 22px; border: var(--devsite-button-border,0); dis= play: inline-flex; gap: 8px; line-height: 32px; padding-block: 0px; padding= -inline: 15px; } devsite-profile .profile-vanityid a .material-icons { font-size: 18px; poin= ter-events: none; } devsite-profile .profile-vanityid a:active, devsite-profile .profile-vanity= id a:focus, devsite-profile .profile-vanityid a:hover { text-decoration: no= ne; } devsite-profile .profile-privacy { font-size: 14px; padding-block: 18px; pa= dding-inline: 24px; } devsite-profile .profile-privacy .material-icons { color: rgb(95, 99, 104);= direction: unset; margin-inline-end: 8px; } devsite-profile .profile-information-toggle { display: none; } @media screen and (max-width: 1024px) { devsite-profile .profile-view { background-position: 0px 0px; } devsite-profile .profile-view .profile-info-container-wrapper { margin-in= line-end: 24px; } devsite-profile .profile-view .profile-badges-container .badge-grid { gri= d-template-columns: 1fr 1fr 1fr; } devsite-profile .profile-view .profile-badges-container .badge-grid .badg= e { margin-block: 0px; margin-inline: auto; } devsite-profile .profile-view .profile-badges-container .profile-trophy-c= ase .badge-grid { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 840px) { devsite-profile .profile-view { background-position: center top; -webkit-= box-orient: vertical; -webkit-box-direction: normal; flex-direction: column= ; } devsite-profile .profile-view .profile-info-container-wrapper { margin-bl= ock: 72px 0px; margin-inline: auto; width: 100%; } devsite-profile .profile-view .profile-badges-container { margin-block-st= art: 40px; width: 100%; } devsite-profile .profile-view .profile-badges-container .badge-grid { gri= d-template-columns: 1fr 1fr 1fr; } devsite-profile .profile-view .profile-badges-container .profile-trophy-c= ase .badge-grid { grid-template-columns: 1fr 1fr; } devsite-profile .profile-information-toggle { -webkit-box-align: center; = align-items: center; border-radius: 0px 0px 7px 7px; border: 0px; display: = flex; -webkit-box-pack: justify; justify-content: space-between; padding-bl= ock: 28px; padding-inline: 16px; width: 100%; } devsite-profile .profile-information-toggle:active, devsite-profile .prof= ile-information-toggle:focus, devsite-profile .profile-information-toggle:h= over { border-width: 1px 0px 0px; border-right-style: initial; border-botto= m-style: initial; border-left-style: initial; border-right-color: initial; = border-bottom-color: initial; border-left-color: initial; border-image: ini= tial; border-top-style: solid; border-top-color: rgb(218, 220, 224); box-sh= adow: none; background: none; } devsite-profile .profile-information-toggle i { content: "keyboard_arrow_= down"; font-size: 20px; height: auto; inset-block-start: 0px; margin-block:= 0px; margin-inline: 0px; padding-block: 0px; padding-inline: 0px; width: a= uto; } devsite-profile .profile-information { display: none; } devsite-profile .profile-information-expanded .profile-information { disp= lay: block; border-top: 1px solid rgb(218, 220, 224); } devsite-profile .profile-information-expanded .profile-information-toggle= i { transform: rotate(180deg); } } @media screen and (max-width: 600px) { devsite-profile .profile-view .profile-badges-container .badge-grid { gri= d-template-columns: 1fr 1fr; } } devsite-profile .profile-badges-sort { float: right; position: relative; } @media screen and (max-width: 600px) { devsite-profile .profile-badges-sort { display: none; } } devsite-profile .profile-badges-sort devsite-select { margin-inline-start: = 10px; z-index: 90; } devsite-profile .profile-badges-sort devsite-select[menu--open] .devsite-se= lect-toggle { background: transparent; cursor: default; } devsite-profile .profile-badges-sort .devsite-select-toggle { border: none;= height: 36px; padding-inline-end: 38px; z-index: 93; } devsite-profile .profile-badges-sort .devsite-select-toggle-label { font-si= ze: 16px; } devsite-profile .profile-badges-sort .devsite-icon-arrow-drop-down::before = { content: "import_export"; font-size: 25px; } devsite-profile .profile-badges-sort .devsite-select-list { margin-block-st= art: -40px; min-width: 130px; padding-block-start: 40px; z-index: 92; } devsite-profile .profile-badges-sort .devsite-select-item { padding-inline-= start: 40px; position: relative; } devsite-profile .profile-badges-sort .devsite-select .devsite-select-item[d= ata-selected] { background-color: transparent; } devsite-profile .profile-badges-sort .devsite-select .devsite-select-item[d= ata-selected]::before { content: "done"; font-family: "Material Icons"; fon= t-size: 18px; inset-inline-start: 12px; position: absolute; } devsite-profile[path=3D"settings"] .profile-container { background: url("/w= eb/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9= cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/p= rofile_settings_header.svg") 100% 0px / auto 72px no-repeat; } devsite-profile .profile-settings { max-width: 708px; margin-block: 0px; ma= rgin-inline: auto; padding-block: 40px; padding-inline: 0px; } devsite-profile .profile-settings hr { margin-block: 40px; margin-inline: 0= px; } devsite-profile .profile-settings devsite-selector { margin-block-start: 0p= x; border: 0px; } devsite-profile .profile-settings devsite-selector devsite-tabs { --devsite= -tab-marker-position-x: 0; --devsite-border: #dadce0; --devsite-tab-marker-= border-radius: 0; border-bottom: 1px solid var(--devsite-border); } devsite-profile .profile-settings devsite-selector devsite-tabs tab { -webk= it-box-flex: 1; flex-grow: 1; -webkit-box-pack: center; justify-content: ce= nter; } devsite-profile .profile-settings devsite-selector devsite-tabs tab a { max= -width: 100%; width: 100%; } devsite-profile .profile-settings devsite-selector > section[active] { padd= ing-block: 16px; padding-inline: 0px; } devsite-profile .profile-settings devsite-selector h4, devsite-profile .pro= file-settings devsite-selector > section > :first-child:not(aside):not(devs= ite-code):not(table):not(.devsite-table-wrapper):not([class^=3D"github-"]) = { margin-block: 16px 24px; } devsite-profile .profile-settings h4 { font-family: var(--devsite-headline-= font-family); font-size: 18px; line-height: 24px; font-weight: 400; } devsite-profile .profile-settings h5 { margin-block: 0px; margin-inline: 0p= x; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--devsi= te-secondary-text-color); } devsite-profile .devsite-profile-settings-options { border: 1px solid rgb(2= 18, 220, 224); border-radius: 8px; padding-block: 8px; padding-inline: 24px= ; margin-block: 0px 24px; margin-inline: 0px; } devsite-profile .devsite-profile-settings-options .devsite-profile-settings= -options--label { display: flex; margin-block: 16px; margin-inline: 0px; } devsite-profile .devsite-profile-settings-options p { margin-block: 0px; ma= rgin-inline: 0px; font-size: 14px; color: var(--devsite-secondary-text-colo= r); line-height: 20px; } devsite-profile .devsite-profile-settings-options .devsite-profile-settings= -options--option-text { -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 1; = } devsite-profile .devsite-profile-settings-options .devsite-profile-settings= -options--option-input { max-width: 116px; margin-inline-start: 24px; -webk= it-box-flex: 1; flex-grow: 1; flex-shrink: 1; padding-block-start: 6px; dis= play: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-a= lign: center; align-items: center; } devsite-profile .devsite-profile-settings-controls { margin-block-start: 24= px; display: flex; -webkit-box-pack: end; justify-content: flex-end; } devsite-profile .devsite-profile-settings-controls .profile-account-save, d= evsite-profile .devsite-profile-settings-controls .profile-settings-save { = display: flex; -webkit-box-align: center; align-items: center; -webkit-box-= pack: center; justify-content: center; } devsite-profile .devsite-profile-settings-controls .profile-account-save de= vsite-spinner, devsite-profile .devsite-profile-settings-controls .profile-= settings-save devsite-spinner { margin-inline-start: 8px; } devsite-profile p.devsite-profile-settings-terms { font-size: 12px; color: = var(--devsite-secondary-text-color); line-height: 16px; } devsite-profile p.devsite-profile-settings-heading-summary { font-size: 14p= x; color: var(--devsite-secondary-text-color); line-height: 20px; margin-bl= ock-start: -16px; } devsite-profile .devsite-profile-settings-vanityid-container { -webkit-box-= flex: 1; flex-grow: 1; } devsite-profile .devsite-profile-settings-vanityid-container.disabled { poi= nter-events: none; user-select: none; } devsite-profile .devsite-profile-settings-vanityid-container.disabled .devs= ite-profile-settings-vanityid-available, devsite-profile .devsite-profile-s= ettings-vanityid-container.disabled .devsite-profile-settings-vanityid-inva= lid, devsite-profile .devsite-profile-settings-vanityid-container.disabled = .devsite-profile-settings-vanityid-requirements, devsite-profile .devsite-p= rofile-settings-vanityid-container.disabled .devsite-profile-settings-vanit= yid-unavailable, devsite-profile .devsite-profile-settings-vanityid-contain= er.disabled devsite-mwc { opacity: 0.23; transition: opacity 0.233s; } devsite-profile .devsite-profile-settings-vanityid-container.wait .devsite-= profile-settings-vanityid-container-field .devsite-profile-settings-vanityi= d-wait { display: flex; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field { display: flex; -webkit-box-align: ce= nter; align-items: center; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field devsite-spinner { display: none; trans= ition: opacity 0.233s; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field devsite-spinner.show { display: block;= } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field devsite-mwc { -webkit-box-flex: 1; fle= x-grow: 1; margin-right: 8px; max-width: 346px; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-sta= tus { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-align: = center; align-items: center; pointer-events: all; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable, devsite-profile .devsite-profile-settings-vanityid-container .devsi= te-profile-settings-vanityid-container-field .devsite-profile-settings-vani= tyid-invalid, devsite-profile .devsite-profile-settings-vanityid-container = .devsite-profile-settings-vanityid-container-field .devsite-profile-setting= s-vanityid-unavailable, devsite-profile .devsite-profile-settings-vanityid-= container .devsite-profile-settings-vanityid-container-field .devsite-profi= le-settings-vanityid-wait { display: none; font-size: 24px; color: rgb(52, = 168, 83); -webkit-box-align: center; align-items: center; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable .material-icons, devsite-profile .devsite-profile-settings-vanityid-= container .devsite-profile-settings-vanityid-container-field .devsite-profi= le-settings-vanityid-invalid .material-icons, devsite-profile .devsite-prof= ile-settings-vanityid-container .devsite-profile-settings-vanityid-containe= r-field .devsite-profile-settings-vanityid-unavailable .material-icons, dev= site-profile .devsite-profile-settings-vanityid-container .devsite-profile-= settings-vanityid-container-field .devsite-profile-settings-vanityid-wait .= material-icons { font-size: 24px; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable.show, devsite-profile .devsite-profile-settings-vanityid-container .= devsite-profile-settings-vanityid-container-field .devsite-profile-settings= -vanityid-invalid.show, devsite-profile .devsite-profile-settings-vanityid-= container .devsite-profile-settings-vanityid-container-field .devsite-profi= le-settings-vanityid-unavailable.show, devsite-profile .devsite-profile-set= tings-vanityid-container .devsite-profile-settings-vanityid-container-field= .devsite-profile-settings-vanityid-wait.show { display: flex; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-ava= ilable { color: rgb(52, 168, 83); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-inv= alid { color: rgb(217, 48, 37); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-wai= t { font-family: Roboto; font-style: normal; font-size: 12px; line-height: = 16px; color: rgb(95, 99, 104); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-wai= t .message { margin-inline-start: 8px; background: rgb(248, 249, 250); bord= er: 1px solid rgb(218, 220, 224); box-sizing: border-box; border-radius: 4p= x; padding-block: 4px; padding-inline: 8px; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-una= vailable { color: rgb(227, 116, 0); } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-container-field .devsite-profile-settings-vanityid-una= vailable .message { background: rgba(254, 247, 225, 0.5); border: 1px solid= rgb(253, 226, 147); box-sizing: border-box; border-radius: 4px; padding-bl= ock: 4px; padding-inline: 8px; margin-inline-start: 8px; font-family: Robot= o; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px= ; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-requirements { color: rgb(95, 99, 104); max-width: 294= px; font-family: Roboto; font-size: 12px; line-height: 16px; margin-block: = 0px; margin-inline: 12px; display: block; } devsite-profile .devsite-profile-settings-vanityid-container .devsite-profi= le-settings-vanityid-requirements.invalid { color: rgb(217, 48, 37); } devsite-profile .profile-delete-profile, devsite-profile .profile-delete-pr= ofile:hover { -webkit-box-align: center; align-items: center; background-co= lor: rgb(234, 67, 53); display: flex; margin-block-start: 8px; } devsite-profile .profile-delete-profile .material-icons, devsite-profile .p= rofile-delete-profile:hover .material-icons { inset-block-start: auto; } devsite-profile devsite-profile-interests .devsite-profile-interests-contai= ner { margin-block-start: 0px; } devsite-profile .profile-not-found { display: flex; min-height: 400px; max-= width: 936px; margin-block: 0px; margin-inline: auto; width: 100%; padding-= block: 0px; padding-inline: 40px; } devsite-profile .profile-not-found .profile-not-found-cell { display: flex;= flex-basis: calc(50% - 18px); -webkit-box-orient: vertical; -webkit-box-di= rection: normal; flex-direction: column; -webkit-box-pack: center; justify-= content: center; } devsite-profile .profile-not-found h2 { margin-block: 0px; margin-inline: 0= px; padding-block: 0px; padding-inline: 0px; } devsite-profile .profile-not-found .profile-not-found-img { background-imag= e: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/= vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developer= s/images/profile_not_found.svg"); background-position: 50% center; backgrou= nd-repeat: no-repeat; height: 100%; width: 100%; } .devsite-badges-dialog .badge-icon .badge-icon-counter { padding-block: 5px= ; padding-inline: 12px; font-size: 17px; } .devsite-badges-dialog .badge-icon .badge-icon-counter, .profile-badges-con= tainer .badge-icon .badge-icon-counter { border-radius: 19px; color: rgb(25= 5, 255, 255); font-weight: 500; background-color: rgb(25, 118, 210); positi= on: absolute; inset-block-end: 0px; box-shadow: rgba(60, 64, 67, 0.15) 0px = 4px 8px 3px, rgba(60, 64, 67, 0.3) 0px 1px 3px 0px; } .devsite-badges-dialog { margin-block: 16px; margin-inline: 16px; max-width= : 410px; position: relative; background-color: rgb(255, 255, 255); } .devsite-badges-dialog .badge-sub-badges-container { position: relative; } .devsite-badges-dialog .badge-sub-badges-container .badge-sub-badges-spinne= r-container { position: absolute; display: flex; width: 100%; -webkit-box-p= ack: center; justify-content: center; height: 100%; inset-block-start: 0px;= padding-block-start: 43px; -webkit-box-align: center; align-items: center;= } .devsite-badges-dialog .devsite-badges-dialog-helper { margin-inline-start:= 10px; inset-block-start: 3px; position: relative; } .devsite-badges-dialog .devsite-badges-dialog-helper .info-icon { font-size= : 15px; } .devsite-badges-dialog .devsite-badges-dialog-helper .info-popout-container= { inset-inline-start: -140px; max-width: 300px; } .devsite-badges-dialog.is-squad-badge::before { background-image: url("/web= /20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd= 89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/squ= ad_badge_card_header.svg"); } .devsite-badges-dialog::before { position: absolute; inset-block-start: 0px= ; inset-inline-start: 0px; width: 100%; height: 100%; content: ""; backgrou= nd: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod= /vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develope= rs/images/badge_card_header.svg") 0px 0px / contain no-repeat rgb(255, 255,= 255); } .devsite-badges-dialog .devsite-badges-dialog-contents, .devsite-badges-dia= log .devsite-badges-dialog-footer, .devsite-badges-dialog .devsite-dialog-b= uttons { position: relative; } @media screen and (max-width: 600px) { .devsite-badges-dialog .devsite-dialog-buttons { position: fixed; inset-i= nline-end: 23px; z-index: 10; } .devsite-badges-dialog .devsite-badges-dialog-contents { margin-block-sta= rt: 35px; } } .devsite-badges-dialog.badge-incomplete .badge-icon { filter: grayscale(100= %); } .devsite-badges-dialog .badge-date, .devsite-badges-dialog .badge-icon, .de= vsite-badges-dialog .badge-title { text-align: center; } .devsite-badges-dialog .badge-title { font-family: "Google Sans", "Noto San= s", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto Sans Thai", = "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif; font-size: 22px; color= : rgb(32, 33, 36); line-height: 28px; padding-block-end: 4px; } .devsite-badges-dialog .badge-date { text-transform: uppercase; 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; fon= t-size: 12px; color: var(--badge-date-text-color); line-height: 20px; lette= r-spacing: 0.8px; margin-block: 0px 7px; margin-inline: 0px; font-weight: 5= 00; } .devsite-badges-dialog .devsite-badges-dialog-contents { padding-block: 0px= ; padding-inline: 13px; } .devsite-badges-dialog .badge-sub-badges[show] .badge-sub-badges-line { opa= city: 1; } .devsite-badges-dialog .badge-next, .devsite-badges-dialog .badge-sub-badge= s { margin-block: 20px 0px; margin-inline: 0px; border: 1px solid rgb(218, = 220, 224); border-radius: 4px; } .devsite-badges-dialog .badge-next .badge-next-info, .devsite-badges-dialog= .badge-sub-badges .badge-next-info { inset-block-start: 3px; inset-inline-= start: 5px; position: relative; } .devsite-badges-dialog .badge-next .badge-next-info .info-popout-container,= .devsite-badges-dialog .badge-sub-badges .badge-next-info .info-popout-con= tainer { inset-inline-start: -50px; max-width: 300px; } .devsite-badges-dialog .badge-next .badge-next-header, .devsite-badges-dial= og .badge-next .badge-sub-badges-header, .devsite-badges-dialog .badge-sub-= badges .badge-next-header, .devsite-badges-dialog .badge-sub-badges .badge-= sub-badges-header { font-weight: 700; border-bottom: 1px solid rgb(218, 220= , 224); padding-block: 11px; padding-inline: 16px; position: relative; } .devsite-badges-dialog .badge-next .badge-sub-badges-line, .devsite-badges-= dialog .badge-sub-badges .badge-sub-badges-line { padding-block: 11px; padd= ing-inline: 16px; border-bottom: 1px solid rgb(218, 220, 224); display: fle= x; opacity: 0; transition: opacity 0.5s; } .devsite-badges-dialog .badge-next .badge-sub-badges-line:last-child, .devs= ite-badges-dialog .badge-sub-badges .badge-sub-badges-line:last-child { bor= der-bottom: none; } .devsite-badges-dialog .badge-next .badge-sub-badges-line.empty, .devsite-b= adges-dialog .badge-sub-badges .badge-sub-badges-line.empty { border-bottom= : none; min-height: 43px; } .devsite-badges-dialog .badge-next .badge-sub-badges-line.empty:last-child,= .devsite-badges-dialog .badge-sub-badges .badge-sub-badges-line.empty:last= -child { min-height: 42px; } .devsite-badges-dialog .badge-next .badge-sub-badges-link, .devsite-badges-= dialog .badge-sub-badges .badge-sub-badges-link { word-break: keep-all; ove= rflow: hidden; display: inline-block; text-overflow: ellipsis; -webkit-box-= flex: 1; flex: 1 1 0%; padding-inline-end: 10px; } .devsite-badges-dialog .badge-next .badge-sub-badges-completed, .devsite-ba= dges-dialog .badge-sub-badges .badge-sub-badges-completed { color: rgb(128,= 134, 139); white-space: nowrap; } .devsite-badges-dialog .badge-next .badge-next-stat-label, .devsite-badges-= dialog .badge-sub-badges .badge-next-stat-label { padding-block: 11px; padd= ing-inline: 16px; display: inline-block; } .devsite-badges-dialog .badge-next .badge-next-stat-value, .devsite-badges-= dialog .badge-sub-badges .badge-next-stat-value { border-left: 1px solid rg= b(218, 220, 224); margin-inline-start: -1px; padding-block: 11px; padding-i= nline: 16px; display: inline-block; } .devsite-badges-dialog .badge-icon { position: relative; display: flex; -we= bkit-box-pack: center; justify-content: center; margin-block-end: 24px; } .devsite-badges-dialog .badge-icon .icon { width: 180px; height: 180px; } .devsite-badges-dialog .badge-description { padding-block: 6px 32px; paddin= g-inline: 0px; text-align: center; color: var(--badge-description-text-colo= r); } .devsite-badges-dialog .badge-community-info { gap: 10px; color: var(--devs= ite-note-notice-color); background-color: var(--devsite-note-notice-backgro= und); padding: 10px 18px; font-size: 14px; display: flex; border-radius: 4p= x; } .devsite-badges-dialog .badge-community-info .material-symbols-outlined { f= ont-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48; } .devsite-badges-dialog .devsite-badges-dialog-footer { display: flex; -webk= it-box-align: center; align-items: center; margin-block: 20px 0px; margin-i= nline: -8px; padding-block: 10px; padding-inline: 20px; } @media screen and (max-width: 600px) { .devsite-badges-dialog .devsite-badges-dialog-footer { -webkit-box-orient= : horizontal; -webkit-box-direction: normal; flex-flow: wrap; } .devsite-badges-dialog .devsite-badges-dialog-footer .devsite-badge-detai= ls-button { -webkit-box-flex: 0; flex: 0 1 100%; margin-block-end: 20px; } } .devsite-badges-dialog .devsite-badges-dialog-footer .devsite-badge-details= -button:hover { background-color: rgb(187, 222, 251); } .devsite-badges-dialog .devsite-badges-dialog-footer .share-text { -webkit-= box-flex: 1; flex-grow: 1; text-align: end; } .devsite-badges-dialog .devsite-badges-dialog-footer span { margin-block: 0= px; margin-inline: 16px; font-size: 14px; color: var(--badge-sharing-text-c= olor); line-height: 20px; } .devsite-badges-dialog .devsite-badges-dialog-footer img { width: 18px; } .devsite-badges-dialog .devsite-badges-dialog-footer button { border: 0px; = padding-block: 0px; padding-inline: 0px; height: auto; display: flex; -webk= it-box-align: center; align-items: center; -webkit-box-pack: center; justif= y-content: center; min-width: 0px; } .devsite-badges-dialog .devsite-badges-dialog-footer a:active, .devsite-bad= ges-dialog .devsite-badges-dialog-footer a:focus, .devsite-badges-dialog .d= evsite-badges-dialog-footer a:hover, .devsite-badges-dialog .devsite-badges= -dialog-footer button:active, .devsite-badges-dialog .devsite-badges-dialog= -footer button:focus, .devsite-badges-dialog .devsite-badges-dialog-footer = button:hover { text-decoration: none; background: none; } .devsite-badges-dialog .devsite-badges-dialog-footer .material-icons { colo= r: var(--badge-sharing-text-color); direction: unset; display: flex; -webki= t-box-align: center; align-items: center; -webkit-box-pack: center; justify= -content: center; margin-inline-start: 12px; } @media screen and (max-width: 600px) { devsite-profile { --container-padding: 16px; } devsite-profile .profile-not-found { -webkit-box-orient: vertical; -webki= t-box-direction: normal; flex-direction: column; padding-block: 0px; paddin= g-inline: 0px; } devsite-profile .profile-not-found .profile-not-found-cell { -webkit-box-= align: center; align-items: center; } devsite-profile .profile-not-found .profile-not-found-img { height: 250px= ; } } .devsite-profile-confirm-vanityid-dialog h3, .devsite-profile-delete-confir= mation-dialog h3 { font-size: 16px; font-weight: 500; line-height: 24px; te= xt-align: left; } .devsite-profile-confirm-vanityid-dialog p, .devsite-profile-delete-confirm= ation-dialog p { font-size: 14px; line-height: 20px; } .devsite-profile-confirm-vanityid-dialog .devsite-profile-confirm-vanityid-= dialog-tip, .devsite-profile-delete-confirmation-dialog .devsite-profile-co= nfirm-vanityid-dialog-tip { display: flex; -webkit-box-align: center; align= -items: center; font-family: Roboto, "Noto Sans", "Noto Sans JP", "Noto San= s KR", "Noto Naskh Arabic", "Noto Sans Thai", "Noto Sans Hebrew", "Noto San= s Bengali", sans-serif; font-size: 12px; line-height: 20px; color: var(--de= vsite-secondary-text-color); } .devsite-profile-confirm-vanityid-dialog .devsite-profile-confirm-vanityid-= dialog-tip .material-icons, .devsite-profile-delete-confirmation-dialog .de= vsite-profile-confirm-vanityid-dialog-tip .material-icons { direction: unse= t; font-size: 16px; margin-inline-end: 8px; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents, .devsite= -profile-delete-confirmation-dialog .devsite-dialog-contents { padding-bloc= k: 8px; padding-inline: 8px; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents--bottom, = .devsite-profile-delete-confirmation-dialog .devsite-dialog-contents--botto= m { -webkit-box-align: center; align-items: center; display: flex; -webkit-= box-pack: end; justify-content: flex-end; margin-block-start: 40px; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents--bottom .= devsite-profile-delete-confirmation-dialog-confirm, .devsite-profile-delete= -confirmation-dialog .devsite-dialog-contents--bottom .devsite-profile-dele= te-confirmation-dialog-confirm { -webkit-box-align: center; align-items: ce= nter; background-color: rgb(234, 67, 53); display: flex; } .devsite-profile-confirm-vanityid-dialog .devsite-dialog-contents--bottom .= devsite-profile-delete-confirmation-dialog-confirm .material-icons, .devsit= e-profile-delete-confirmation-dialog .devsite-dialog-contents--bottom .devs= ite-profile-delete-confirmation-dialog-confirm .material-icons { direction:= unset; inset-block-start: auto; } body[template=3D"profile"] .pac-container { z-index: 10000; border: 0px; bo= rder-radius: 0px 0px 6px 6px; margin-block-start: 1px; box-shadow: rgba(0, = 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, = 0, 0, 0.12) 0px 3px 14px 2px; } body[template=3D"profile"] .pac-container .pac-item { line-height: 48px; fo= nt-size: 16px; padding-block: 0px; padding-inline: 16px; border-top: 0px; c= ursor: pointer; } body[template=3D"profile"] .pac-container .pac-item .pac-item-query { font-= size: 16px; } body[template=3D"profile"] .pac-container .pac-item .pac-icon { display: no= ne; } body[template=3D"profile"] .pac-container .pac-logo::after { margin-block: = 0px; margin-inline: 8px; } devsite-profile-dashboard { display: block; -webkit-box-align: center; alig= n-items: center; -webkit-box-pack: center; place-content: stretch center; -= webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: colu= mn wrap; max-width: 1600px; padding: 40px 80px; } @media screen and (max-width: 840px) { devsite-profile-dashboard { margin-block-start: 0px; padding-block: 0px; = padding-inline: 0px; } } devsite-profile-dashboard .change-account-button, devsite-profile-dashboard= .create-profile-button, devsite-profile-dashboard .sign-in-button { margin= -block-start: 20px; } devsite-profile-dashboard .button-primary[disabled], devsite-profile-dashbo= ard .button-primary[disabled]:hover { background: rgba(26, 115, 232, 0.4); = } devsite-profile-dashboard .waiting-container { display: flex; -webkit-box-o= rient: vertical; -webkit-box-direction: normal; flex-direction: column; min= -height: 250px; -webkit-box-pack: center; justify-content: center; } devsite-profile-dashboard .waiting-container devsite-spinner { align-self: = center; margin-block-start: 15px; } devsite-profile-dashboard .return-container { background-color: rgb(232, 24= 0, 254); border-radius: 4px; box-sizing: border-box; display: flex; font-si= ze: 14px; margin-block: -20px 45px; padding-block: 10px; padding-inline: 15= px; position: relative; width: 100%; } devsite-profile-dashboard .return-container .back-arrow { color: rgb(66, 13= 3, 244); margin-inline-end: 10px; } devsite-profile-dashboard .return-container .back-link { text-decoration: n= one; font-weight: 500; color: rgb(66, 133, 244); } devsite-profile-dashboard .return-container .close-return-link-button { col= or: rgb(95, 99, 104); font-size: 21px; inset-inline-end: 15px; margin-block= -start: 2px; position: absolute; cursor: pointer !important; } devsite-profile-dashboard .column { display: inline-block; width: calc(50% = - 12px); vertical-align: top; } devsite-profile-dashboard .column:last-child { margin-inline-start: 20px; } @media screen and (max-width: 840px) { devsite-profile-dashboard .column { display: block; width: 100%; } devsite-profile-dashboard .column:last-child { margin-inline-start: 0px; = } } devsite-profile-dashboard .devsite-card { box-sizing: border-box; display: = flex; margin-block-end: 23px; min-height: 250px; } @media screen and (max-width: 840px) { devsite-profile-dashboard .devsite-card { padding-block-start: 180px; } } devsite-profile-dashboard .devsite-card .card-content { background: var(--d= evsite-background-1); display: block; -webkit-box-flex: 1; flex-grow: 1; pa= dding-block: 15px; padding-inline: 15px; width: 50%; } @media screen and (max-width: 840px) { devsite-profile-dashboard .devsite-card .card-content { width: 100%; bord= er-top: var(--devsite-primary-border); } } devsite-profile-dashboard .learn-anything { background: url("/web/202301310= 13155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e= 46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/learn-anythin= g-illustration.png") 100% center / auto 100% no-repeat; } @media screen and (max-width: 840px) { devsite-profile-dashboard .learn-anything { background-size: 100%; backgr= ound-position: 0px 0px; } } devsite-profile-dashboard .no-badge-pathway { background: url("/web/2023013= 1013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e= 5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/default-pat= hway-illustration.png") 100% center / auto 100% no-repeat; } @media screen and (max-width: 840px) { devsite-profile-dashboard .no-badge-pathway { background-size: 100%; back= ground-position: 0px 0px; } } @media screen and (max-width: 840px) { devsite-profile-dashboard devsite-activity-list { display: block; margin-= block-start: 30px; } } devsite-profile-dashboard .notifications-announce-card { background: url("/= web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b= 9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/= notifications-illustration.svg"); } devsite-profile-dashboard .notifications-announce-card .card-controls { whi= te-space: nowrap; } devsite-profile-dashboard .complete-profile-card { background: url("/web/20= 230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b= 3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/comple= te-profile-illustration.png"); } devsite-profile-dashboard .make-profile-public { background: url("/web/2023= 0131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f= 27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/public-p= rofile-announcement-illustration.png"); } devsite-profile-dashboard .make-profile-public .card-controls { white-space= : nowrap; } devsite-profile-dashboard .complete-profile-card, devsite-profile-dashboard= .make-profile-public, devsite-profile-dashboard .notifications-announce-ca= rd { background-position: 100% center; background-repeat: no-repeat; backgr= ound-size: auto 100%; -webkit-box-pack: center; justify-content: center; ma= rgin-block-end: 50px; } [dir=3D"rtl"] devsite-profile-dashboard .complete-profile-card, [dir=3D"rtl= "] devsite-profile-dashboard .make-profile-public, [dir=3D"rtl"] devsite-pr= ofile-dashboard .notifications-announce-card { background-position: 0px cen= ter; } devsite-profile-dashboard .complete-profile-card:nth-child(n+2), devsite-pr= ofile-dashboard .make-profile-public:nth-child(n+2), devsite-profile-dashbo= ard .notifications-announce-card:nth-child(n+2) { margin-block-start: -27px= ; } @media screen and (max-width: 840px) { devsite-profile-dashboard .complete-profile-card, devsite-profile-dashboa= rd .make-profile-public, devsite-profile-dashboard .notifications-announce-= card { background-position: center 0px; background-size: auto 74%; margin-b= lock-start: 20px; } } devsite-profile-dashboard .complete-profile-card .card-content, devsite-pro= file-dashboard .make-profile-public .card-content, devsite-profile-dashboar= d .notifications-announce-card .card-content { display: flex; -webkit-box-o= rient: vertical; -webkit-box-direction: normal; flex-direction: column; -we= bkit-box-pack: center; justify-content: center; } devsite-profile-dashboard .complete-profile-card .card-title, devsite-profi= le-dashboard .make-profile-public .card-title, devsite-profile-dashboard .n= otifications-announce-card .card-title { font-family: var(--devsite-headlin= e-font-family); font-size: 30px; line-height: 30px; margin-block-end: 10px;= max-height: 87px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-ori= ent: vertical; display: -webkit-box; } @media screen and (max-width: 840px) { devsite-profile-dashboard .complete-profile-card .card-title, devsite-pro= file-dashboard .make-profile-public .card-title, devsite-profile-dashboard = .notifications-announce-card .card-title { margin-block-start: 10px; } } devsite-profile-dashboard .complete-profile-card .card-text, devsite-profil= e-dashboard .make-profile-public .card-text, devsite-profile-dashboard .not= ifications-announce-card .card-text { margin-block-end: 20px; } @media screen and (max-width: 840px) { devsite-profile-dashboard .complete-profile-card .card-text, devsite-prof= ile-dashboard .make-profile-public .card-text, devsite-profile-dashboard .n= otifications-announce-card .card-text { margin-block-end: 40px; } } @media screen and (max-width: 840px) { devsite-profile-dashboard .event-card:not(.no-badge-pathway):not(.learn-a= nything), devsite-profile-dashboard .learn-card:not(.no-badge-pathway):not(= .learn-anything) { padding-block-start: 208px; } } devsite-profile-dashboard .event-card .badge-icon, devsite-profile-dashboar= d .learn-card .badge-icon { background-image: url("/web/20230131013155im_/h= ttps://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d880= 66cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/badge-background.png");= background-position: 0px 9px; background-repeat: no-repeat; background-siz= e: 100%; box-sizing: content-box; height: 170px; inset-block-start: calc(50= % - 85px); inset-inline-end: calc(25% - 121px); padding-block: 0px; padding= -inline: 36px; position: absolute; width: 170px; z-index: 1; } @media screen and (max-width: 840px) { devsite-profile-dashboard .event-card .badge-icon, devsite-profile-dashbo= ard .learn-card .badge-icon { background-position: 50% center; background-s= ize: 80%; height: 136px; inset-block-start: 37px; inset-inline-end: calc(50= % - 104px); width: 136px; } } devsite-profile-dashboard .event-card .event-image-container, devsite-profi= le-dashboard .learn-card .event-image-container { -webkit-box-align: center= ; align-items: center; border-radius: 100px; border: var(--devsite-primary-= border); display: flex; -webkit-box-orient: horizontal; -webkit-box-directi= on: normal; flex-flow: row; height: 170px; inset-block-start: calc(50% - 85= px); inset-inline-end: calc(25% - 85px); overflow: hidden; padding-block: 2= 0px; padding-inline: 20px; position: absolute; width: 170px; } devsite-profile-dashboard .event-card .card-type, devsite-profile-dashboard= .learn-card .card-type { color: rgb(95, 99, 104); font-size: 12px; font-we= ight: 500; margin-block-end: 20px; text-transform: uppercase; } devsite-profile-dashboard .event-card .card-title, devsite-profile-dashboar= d .learn-card .card-title { color: rgb(26, 115, 232); font-size: 24px; line= -height: 30px; z-index: 3; font-family: var(--devsite-headline-font-family)= ; max-height: 87px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-or= ient: vertical; display: -webkit-box; } devsite-profile-dashboard .event-card .card-title:hover, devsite-profile-da= shboard .learn-card .card-title:hover { color: rgb(23, 78, 166); } devsite-profile-dashboard .event-card .completion-container, devsite-profil= e-dashboard .learn-card .completion-container { font-size: 12px; margin-blo= ck-start: 15px; z-index: 3; } devsite-profile-dashboard .event-card .completion-container .color, devsite= -profile-dashboard .learn-card .completion-container .color { background-co= lor: rgb(252, 173, 112); height: 6px; inset-block-start: 0px; position: abs= olute; } devsite-profile-dashboard .event-card .completion-container .grey, devsite-= profile-dashboard .learn-card .completion-container .grey { background-colo= r: var(--devsite-background-3); border-radius: 5px; height: 6px; margin-blo= ck-end: 4px; overflow: hidden; position: relative; width: 200px; } devsite-profile-dashboard .event-card .card-text, devsite-profile-dashboard= .learn-card .card-text { margin-block-start: 10px; } devsite-profile-dashboard .event-card .button, devsite-profile-dashboard .l= earn-card .button { inset-block-end: 15px; position: absolute; } @media screen and (max-width: 840px) { devsite-profile-dashboard .event-card .button, devsite-profile-dashboard = .learn-card .button { inset-block-end: 0px; margin-block-start: 24px; posit= ion: relative; } } devsite-profile-interests .devsite-profile-interests-container { border: va= r(--devsite-primary-border); border-radius: 8px; margin-top: 40px; } devsite-profile-interests .devsite-profile-interests-header { -webkit-box-a= lign: center; align-items: center; border-bottom: var(--devsite-primary-bor= der); display: flex; padding: 13px 24px 11px; } devsite-profile-interests .devsite-profile-interests-header h3 { font-size:= 18px; line-height: 26px; margin: 0px; } devsite-profile-interests .devsite-profile-interests-header .devsite-profil= e-interests-clear { margin-left: auto; } devsite-profile-interests .devsite-profile-interests-body { padding: 24px; = } devsite-profile-interests .devsite-profile-interests-chips { display: flex;= flex-wrap: wrap; gap: 8px; margin-top: -8px; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip {= -webkit-box-align: center; align-items: center; background: rgb(255, 255, = 255); border: var(--devsite-primary-border); border-radius: 8px; box-shadow= : none; color: var(--devsite-secondary-text-color); cursor: pointer; displa= y: flex; font-family: var(--devsite-headline-font-family); font-size: 14px;= font-weight: 400; line-height: 20px; letter-spacing: 0.25px; margin: 8px 0= px 0px; padding: 6px 16px; text-align: center; transition: background-color= 0.2s, color 0.2s, box-shadow 0.2s, border-color 0.2s; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:a= ctive, devsite-profile-interests .devsite-profile-interests-chips .interest= -chip:focus, devsite-profile-interests .devsite-profile-interests-chips .in= terest-chip:hover { color: var(--devsite-primary-text-color); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:h= over { background: rgba(60, 64, 67, 0.04); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:f= ocus { border: 1px solid rgb(32, 33, 36); background: rgba(60, 64, 67, 0.08= ); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip:f= ocus:active { background: rgba(60, 64, 67, 0.06); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip[d= isabled] { opacity: 0.5; pointer-events: none; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected { background: rgb(232, 240, 254); box-shadow: none; b= order-color: transparent; color: rgb(25, 103, 210); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:active, devsite-profile-interests .devsite-profile-in= terests-chips .interest-chip.interest-chip-selected:focus, devsite-profile-= interests .devsite-profile-interests-chips .interest-chip.interest-chip-sel= ected:hover { color: rgb(23, 78, 166); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:hover { box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px= , rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:focus, devsite-profile-interests .devsite-profile-int= erests-chips .interest-chip.interest-chip-selected:hover { background: rgb(= 210, 227, 252); } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:focus { box-shadow: none; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected:focus:active { background: rgb(174, 203, 250); box-sh= adow: rgba(60, 64, 67, 0.3) 0px 1px 4px, rgba(60, 64, 67, 0.15) 0px 1px 6px= 1px; } devsite-profile-interests .devsite-profile-interests-chips .interest-chip.i= nterest-chip-selected[disabled] { background: rgba(60, 64, 67, 0.08); box-s= hadow: none; color: var(--devsite-primary-text-color); opacity: 0.5; pointe= r-events: none; } devsite-profile-recommendations .devsite-card { background: url("/web/20230= 131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f2= 7e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/recently-= updated-illustration.svg") 100% center / auto 100% no-repeat; } [dir=3D"rtl"] devsite-profile-recommendations .devsite-card { background-po= sition: 0px center; } @media screen and (max-width: 840px) { devsite-profile-recommendations .devsite-card { background-size: 100%; ba= ckground-position: 0px 0px; } devsite-profile-recommendations .devsite-card .card-type { margin-block-e= nd: 16px; } devsite-profile-recommendations .devsite-card .card-timestamp { margin-bl= ock-end: 16px; } } devsite-profile-recommendations .devsite-card .card-content { display: flex= ; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-directi= on: column; } devsite-profile-recommendations .devsite-card .card-content devsite-spinner= { align-self: center; margin-block: auto; } devsite-profile-recommendations .devsite-card .card-title { -webkit-box-ori= ent: vertical; -webkit-line-clamp: 2; color: var(--devsite-link-color); cur= sor: pointer; display: -webkit-box; font-family: var(--devsite-headline-fon= t-family); font-size: 24px; line-height: 32px; margin-block-end: 8px; max-h= eight: 64px; overflow-wrap: break-word; overflow: hidden; text-overflow: el= lipsis; } devsite-profile-recommendations .devsite-card .card-title:hover { color: rg= b(23, 78, 166); } devsite-profile-recommendations .devsite-card .card-type { -webkit-box-alig= n: center; align-items: center; color: rgb(95, 99, 104); display: flex; fon= t-size: 12px; font-weight: 500; line-height: 14px; margin-block-end: 24px; = text-transform: uppercase; } devsite-profile-recommendations .devsite-card .card-type .material-icons { = font-size: 16px; cursor: pointer; margin-inline-start: 4px; } devsite-profile-recommendations .devsite-card .card-description { color: rg= b(60, 64, 67); font-size: 14px; line-height: 24px; margin-block-end: 2px; m= argin-inline-end: 8px; overflow: hidden; text-overflow: ellipsis; white-spa= ce: nowrap; } devsite-profile-recommendations .devsite-card .card-timestamp { color: rgb(= 60, 64, 67); font-size: 12px; line-height: 20px; margin-block-end: 24px; } devsite-profile-recommendations .devsite-card .card-controls { -webkit-box-= align: center; align-items: center; display: flex; flex-wrap: wrap; gap: 12= px; margin-block-start: auto; } devsite-profile-recommendations .devsite-card .view-button { flex-shrink: 0= ; margin-inline-end: 4px; } devsite-profile-recommendations .devsite-card .carousel-buttons { -webkit-b= ox-align: center; align-items: center; display: inline-flex; flex-shrink: 0= ; } devsite-profile-recommendations .devsite-card .carousel-button { -webkit-bo= x-align: center; align-items: center; border-radius: 32px; border: var(--de= vsite-primary-border); display: inline-flex; height: 32px; -webkit-box-pack= : center; justify-content: center; min-height: 32px; min-width: 32px; paddi= ng-block: 0px; padding-inline: 0px; width: 32px; } devsite-profile-recommendations .devsite-card .carousel-button .left-arrow,= devsite-profile-recommendations .devsite-card .carousel-button .right-arro= w { display: none; } devsite-profile-recommendations .devsite-card .carousel-button .material_ic= ons, devsite-profile-recommendations .devsite-card .carousel-button svg { f= ill: rgb(95, 99, 104); color: rgb(95, 99, 104); } devsite-profile-recommendations .devsite-card .carousel-button:hover { bord= er: var(--devsite-button-border-hover); } devsite-profile-recommendations .devsite-card .carousel-button:hover svg { = fill: var(--devsite-link-color); } devsite-profile-recommendations .devsite-card .carousel-button[disabled] { = opacity: 0.5; pointer-events: none; } devsite-profile-recommendations .devsite-card .carousel-button-prev { margi= n-inline: auto 8px; } [dir=3D"ltr"] devsite-profile-recommendations .devsite-card .carousel-butto= n-prev .left-arrow { display: inline-block; } [dir=3D"rtl"] devsite-profile-recommendations .devsite-card .carousel-butto= n-prev .right-arrow { display: inline-block; } devsite-profile-recommendations .devsite-card .carousel-button-prev .materi= al-icons, devsite-profile-recommendations .devsite-card .carousel-button-pr= ev svg { margin-inline-end: 2px; } devsite-profile-recommendations .devsite-card .carousel-button-next { margi= n-inline: 8px; } [dir=3D"ltr"] devsite-profile-recommendations .devsite-card .carousel-butto= n-next .right-arrow { display: inline-block; } [dir=3D"rtl"] devsite-profile-recommendations .devsite-card .carousel-butto= n-next .left-arrow { display: inline-block; } devsite-profile-recommendations .devsite-card .carousel-button-next .materi= al-icons, devsite-profile-recommendations .devsite-card .carousel-button-ne= xt svg { margin-inline-start: 2px; } devsite-profile-recommendations .devsite-card .carousel-dot { background-co= lor: rgb(232, 234, 237); border-radius: 8px; flex-shrink: 0; height: 8px; m= argin-block: 0px; margin-inline: 8px; transition: background-color 0.2s; wi= dth: 8px; } devsite-profile-recommendations .devsite-card .carousel-dot[active] { backg= round-color: rgb(26, 115, 232); } devsite-profile-wizard { display: flex; -webkit-box-orient: vertical; -webk= it-box-direction: normal; flex-direction: column; -webkit-box-align: center= ; align-items: center; width: 100%; padding: 104px 24px; max-width: 709px; = margin: 0px auto; } .devsite-profile-wizard-new-profile { width: 100%; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step-counter { = width: 220px; font-size: 12px; color: rgb(60, 64, 67); line-height: 16px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step-counter .d= evsite-profile-wizard-step-counter--bar { margin-top: 8px; background: rgb(= 232, 234, 237); height: 8px; border-radius: 4px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step-counter .d= evsite-profile-wizard-step-counter--bar .devsite-profile-wizard-step-counte= r--progress { height: 8px; width: 0px; transition: 0.15s ease-in; border-ra= dius: 4px; background: linear-gradient(90deg, rgb(52, 168, 83), rgb(129, 20= 1, 149)); } devsite-profile-wizard.submitting .devsite-profile-wizard-step--controls, d= evsite-profile-wizard.submitting .devsite-profile-wizard-step-counter { dis= play: none; } .devsite-profile-wizard-new-profile h2 { font-size: 36px; color: rgb(32, 33= , 36); line-height: 44px; margin: 40px 0px 14px; } .devsite-profile-wizard-new-profile p { font-size: 16px; color: rgb(60, 64,= 67); line-height: 24px; margin: 0px 0px 36px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-form { display:= grid; grid-template-columns: 1fr 1fr; gap: 24px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-help-text { dis= play: block; font-size: 12px; color: rgb(95, 99, 104); line-height: 16px; m= argin: 4px 16px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-location-empty-= location, .devsite-profile-wizard-new-profile .devsite-profile-wizard-locat= ion-warning { color: rgb(217, 48, 37); } .devsite-profile-wizard-new-profile .devsite-profile-wizard-language-notice= { display: flex; margin-top: 24px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-language-notice= i { color: rgb(60, 64, 67); font-size: 16px; margin: 2px 8px 0px 0px; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-language-notice= p { font-size: 14px; color: rgb(60, 64, 67); line-height: 20px; margin: 0p= x; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step { display:= none; } .devsite-profile-wizard-new-profile .devsite-profile-wizard-step.active { d= isplay: block; } .devsite-profile-wizard-step--controls { display: flex; -webkit-box-pack: e= nd; justify-content: flex-end; -webkit-box-align: center; align-items: cent= er; margin-top: 34px; } .devsite-profile-wizard-step--controls button { display: none; } .devsite-profile-wizard-step--controls button.visible { display: inline-fle= x; } .devsite-profile-wizard-step--controls .devsite-profile-wizard-previous-ste= p { margin-right: auto; } .devsite-profile-wizard-step-container { border: 1px solid rgb(218, 220, 22= 4); border-radius: 8px; padding: 24px; margin: 40px 0px 16px; --devsite-h3-= margin: 0 0 16px; } .devsite-profile-wizard-step-container h3 { font-size: 18px; line-height: 2= 6px; } .devsite-profile-wizard-newsletter-option { display: flex; } .devsite-profile-wizard-newsletter-option h4 { margin: 0px; font-size: 16px= ; font-weight: 400; color: rgb(60, 64, 67); line-height: 24px; } .devsite-profile-wizard-newsletter-option p { margin: 0px; font-size: 14px;= color: rgb(60, 64, 67); line-height: 20px; } .devsite-profile-wizard-newsletter-option .devsite-profile-wizard-newslette= r-option-text { -webkit-box-flex: 1; flex-grow: 1; flex-shrink: 1; } .devsite-profile-wizard-newsletter-option .devsite-profile-wizard-newslette= r-option-input { max-width: 132px; margin-left: 24px; -webkit-box-flex: 0; = flex-grow: 0; flex-shrink: 0; padding-top: 6px; } p.devsite-profile-wizard-terms { color: var(--devsite-secondary-text-color)= ; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant= -numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-vari= ant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; line-h= eight: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-ker= ning: ; font-feature-settings: ; font-variation-settings: ; font-language-o= verride: ; font-size: 14px; } .profile-wizard--error { display: flex; width: 100%; } .profile-wizard--error .profile-wizard--error-cell { -webkit-box-align: cen= ter; align-items: center; display: flex; flex-basis: calc(50% - 18px); -web= kit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: co= lumn; -webkit-box-pack: center; justify-content: center; min-height: 180px;= } .profile-wizard--error h2 { margin: 0px; padding: 0px; } .profile-wizard--error .profile-wizard--error-img { background-image: url("= /web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6= b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images= /profile_not_found.svg"); background-position: 50% center; background-repea= t: no-repeat; height: 100%; width: 100%; } .profile-wizard--error .profile-wizard-signed-in-as-btn { margin-top: 24px;= } @media screen and (max-width: 600px) { devsite-profile-wizard { padding: 0px 24px 24px; } devsite-profile-wizard .devsite-profile-wizard-new-profile .devsite-profi= le-wizard-form { grid-template-columns: 1fr; } } devsite-profile-router { display: block; min-height: 50vh; margin: 0px auto= ; } devsite-profile-router .devsite-profile-router--loading, devsite-profile-ro= uter .devsite-profile-router-signin { padding: 96px 0px; display: flex; -we= bkit-box-align: center; align-items: center; -webkit-box-pack: center; just= ify-content: center; } devsite-profile-router > .devsite-collection-details, devsite-profile-route= r > .devsite-title-container, devsite-profile-router > .my-community-contai= ner, devsite-profile-router > devsite-activity-list, devsite-profile-router= > devsite-collection-list, devsite-profile-router > devsite-profile-dashbo= ard { margin: 0px auto; max-width: 1600px; padding-block: 48px; padding-inl= ine: 24px; } devsite-profile-router > .my-community-container::before { content: ""; pos= ition: absolute; top: 0px; right: 0px; width: 100%; height: 74px; backgroun= d: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/= vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developer= s/images/my_community_header.svg") 100% 0px / auto 74px no-repeat; z-index:= -1; } [dir=3D"rtl"] devsite-profile-router > .my-community-container::before { tr= ansform: scaleX(-1); } [appearance=3D"dark"] devsite-profile-router > .my-community-container::bef= ore { background-image: url("/web/20230131013155im_/https://www.gstatic.com= /devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c2= 7dbcd2bcca1/developers/images/my_community_header_dark.svg"); } @media (prefers-color-scheme: dark) { [appearance=3D"device"] devsite-profile-router > .my-community-container:= :before { background-image: url("/web/20230131013155im_/https://www.gstatic= .com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c= 45c27dbcd2bcca1/developers/images/my_community_header_dark.svg"); } } devsite-profile-router > .my-community-container { padding: 40px; } devsite-profile-router > .my-community-container h1:first-of-type { display= : block; margin-top: 8px; } devsite-profile-router devsite-my-community { margin-block-start: 32px; dis= play: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; fl= ex-direction: column; margin: 32px auto 0px; max-width: 708px; } devsite-profile-router:not([collections-enabled=3D"true"]) > devsite-activi= ty-list { padding-top: 40px; width: 100%; background: url("/web/20230131013= 155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46= b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/saved_pages_hea= der.svg") 270px 0px / auto 72px no-repeat; } devsite-profile-router > devsite-collection-list { padding-block: 40px; } devsite-profile-router > .devsite-collection-details { padding-block-end: 0= px; } .devsite-collection-details > devsite-collection { max-width: 640px; } devsite-profile-router > .devsite-title-container { padding-block-end: 0px;= } .devsite-title-container > .devsite-breadcrumbs { font: 400 18px/30px var(-= -devsite-headline-font-family); max-width: 100%; overflow: hidden; text-ove= rflow: ellipsis; white-space: nowrap; width: 388px; } .devsite-breadcrumbs devsite-collection { display: inline; } .devsite-breadcrumbs .devsite-breadcrumb-separator { vertical-align: middle= ; } .devsite-breadcrumbs .devsite-breadcrumb { color: var(--devsite-secondary-t= ext-color); } .devsite-breadcrumbs .devsite-breadcrumb-last { color: var(--devsite-primar= y-text-color); } devsite-profile-router > devsite-collection-list { padding-block: 0px 16px;= width: 100%; } devsite-profile-router > .devsite-title-container, devsite-profile-router >= devsite-activity-list:not([onlypages]) { background: url("/web/20230131013= 155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46= b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/saved_pages_hea= der.svg") 270px 0px / auto 72px no-repeat; } devsite-profile-router .page-title { -webkit-box-align: center; align-items= : center; display: flex; margin-bottom: 10px; } devsite-profile-router > devsite-activity-list:not([onlypages]) { backgroun= d: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/= vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developer= s/images/saved_pages_header.svg") 270px 0px / auto 72px no-repeat; } devsite-profile-router > devsite-activity-list { padding-block-start: 24px;= width: 100%; } devsite-profile-router .devsite-profiles-feedback { margin: 24px auto; disp= lay: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack= : center; justify-content: center; } devsite-profile-router .devsite-profiles-feedback button { display: flex; -= webkit-box-align: center; align-items: center; -webkit-box-pack: center; ju= stify-content: center; color: var(--devsite-secondary-text-color); font-wei= ght: 400; border: 0px; } devsite-profile-router .devsite-profiles-feedback button:is(:focus, :hover,= :active) { box-shadow: none; background: 0px center; } devsite-profile-router .devsite-profiles-feedback button .material-icons { = top: auto; } @media screen and (max-width: 600px) { devsite-profile-router > .my-community-container::before { background-pos= ition: -507px 0px; } devsite-profile-router > .my-community-container { padding: 86px 16px 40p= x; } } @media screen and (max-width: 840px) { devsite-profile-router > devsite-profile-dashboard { padding-top: 0px; } devsite-profile-router > devsite-activity-list { background-position: -16= 0px 0px; padding-top: 84px; } } devsite-profiles-splash { display: block; margin-bottom: 94px; min-height: = 50vh; } devsite-profiles-splash .devsite-profiles-splash--loading { padding: 96px 0= px; display: flex; -webkit-box-align: center; align-items: center; -webkit-= box-pack: center; justify-content: center; } devsite-profiles-splash .devsite-profiles-splash--banner { background: rgb(= 232, 240, 254); box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-= color),0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color); padding= : 14px 40px; } devsite-profiles-splash .devsite-profiles-splash--banner div { display: fle= x; -webkit-box-align: center; align-items: center; -webkit-box-pack: center= ; justify-content: center; color: rgb(60, 64, 67); } devsite-profiles-splash .devsite-profiles-splash--banner i { color: rgb(26,= 115, 232); margin: 0px 10px; } devsite-profiles-splash .devsite-profiles-splash--banner .button { margin: = 0px 48px; flex-shrink: 0; } devsite-profiles-splash .devsite-profiles-splash--container { background: u= rl("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/prod/vf83= 5aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/im= ages/profile-404-header.svg") center top no-repeat; padding: 144px 0px; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content { display: flex; -webkit-box-align: center; align-items:= center; -webkit-box-pack: center; justify-content: center; max-width: 896p= x; padding: 0px 24px; margin: 0px auto; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--graphic, devsite-profiles-spla= sh .devsite-profiles-splash--container .devsite-profiles-splash--content .d= evsite-profiles-splash--text { -webkit-box-flex: 1; flex-grow: 1; width: 50= %; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--text { margin-right: 30px; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--text h2 { margin: 0px; padding= : 0px; font-size: 36px; line-height: 44px; color: rgb(32, 33, 36); } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--text p { margin: 0px; padding:= 16px 0px; } devsite-profiles-splash .devsite-profiles-splash--container .devsite-profil= es-splash--content .devsite-profiles-splash--graphic { margin-left: 30px; h= eight: 300px; background: url("/web/20230131013155im_/https://www.gstatic.c= om/devrel-devsite/prod/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45= c27dbcd2bcca1/developers/images/profile_not_found.svg") 50% center no-repea= t; } devsite-profiles-splash .dotdev__home__intro { background: url("/web/202301= 31013155im_/https://www.gstatic.com/devrel-devsite/prod/vf835aa6b9cd89b3f27= e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/developers/images/background= -illustration.svg") center top / 100% no-repeat; padding-top: 60px; text-al= ign: center; padding-bottom: calc(-115px + 16vw); margin-bottom: 32px; } devsite-profiles-splash .dotdev__home__box__container { display: flex; just= ify-content: space-around; margin: 0px 12px; } devsite-profiles-splash .dotdev__home__box { -webkit-box-flex: 1; flex-grow= : 1; margin: 0px 12px; flex-basis: 33%; } devsite-profiles-splash .dotdev__home__box h4 { margin: 24px 0px 8px; font:= 400 24px/32px var(--devsite-headline-font-family); } devsite-profiles-splash .dotdev__home__box .dotdev__home__img { height: 15v= w; border: 1px solid rgb(218, 220, 224); } devsite-profiles-splash .dotdev__home__box .dotdev__home__box1_img { backgr= ound: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/pr= od/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develo= pers/images/box1-illustration.svg") center top / cover no-repeat; } devsite-profiles-splash .dotdev__home__box .dotdev__home__box2_img { backgr= ound: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/pr= od/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develo= pers/images/box2-illustration.svg") center top / cover no-repeat; } devsite-profiles-splash .dotdev__home__box .dotdev__home__box3_img { backgr= ound: url("/web/20230131013155im_/https://www.gstatic.com/devrel-devsite/pr= od/vf835aa6b9cd89b3f27e5e46b762d88066cfe5cc51e31c466c45c27dbcd2bcca1/develo= pers/images/box3-illustration.svg") center top / cover no-repeat; } devsite-profiles-splash .dotdev__home__intro h3:first-of-type { font-family= : "Google Sans"; font-size: 36px; line-height: 44px; margin: 5vw 0px 0px; } devsite-profiles-splash .dotdev__home__intro p { margin: 12px 0px; } devsite-profiles-splash .dotdev__home__actions { margin-top: 20px; } @media only screen and (max-width: 768px) { devsite-profiles-splash .dotdev__home__intro { background-size: 200vw; } devsite-profiles-splash .dotdev__home__box__container { -webkit-box-orien= t: vertical; -webkit-box-direction: normal; flex-direction: column; margin-= top: 60px; } devsite-profiles-splash .dotdev__home__box { width: 100%; margin: 0px 0px= 30px; flex-basis: 100%; } devsite-profiles-splash .dotdev__home__box .dotdev__home__img { height: 4= 5vw; } devsite-profiles-splash .devsite-article-body { background-size: 400vw; m= argin: 0px; } devsite-profiles-splash .dotdev__home .devsite-landing-row-inner { paddin= g: 0px 30px; } devsite-profiles-splash .dotdev__home__intro h3 { margin-top: 70px; } } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230131013150cs_/https://fonts.googleapis.com/css?family=Material+Icons&display=block @charset "utf-8"; @font-face { font-family: "Material Icons"; font-style: normal; font-weight= : 400; font-display: block; src: url("https://web.archive.org/web/202301310= 33900im_/https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg= -IuiaDsNc.woff2") format("woff2"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-= style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; tex= t-transform: none; display: inline-block; white-space: nowrap; overflow-wra= p: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoo= thing: antialiased; } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230131013150cs_/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap @charset "utf-8"; @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl1py_SEg.woff") format("woff= "); unicode-range: U+308, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlhpy_SEg.woff") format("woff= "); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlkpy_SEg.woff") format("woff= "); unicode-range: U+900-97F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8= , U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJl6py_SEg.woff") format("woff= "); unicode-range: U+589, U+10A0-10FF, U+2D00-2D2F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlmpy_SEg.woff") format("woff= "); unicode-range: U+370-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlGpy_SEg.woff") format("woff= "); unicode-range: U+964-965, U+A01-A75, U+200C-200D, U+20B9, U+25CC, U+262= C, U+A830-A839; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlnpy_SEg.woff") format("woff= "); unicode-range: U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlspy_SEg.woff") format("woff= "); unicode-range: U+E81-EDF, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlzpy_SEg.woff") format("woff= "); unicode-range: U+964-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlxpy_SEg.woff") format("woff= "); unicode-range: U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlqpy_SEg.woff") format("woff= "); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U= +1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJlrpy_SEg.woff") format("woff= "); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20= AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIJllpy8.woff") format("woff");= unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U= +2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,= U+FFFD; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJl1py_SEg.woff") format("woff= "); unicode-range: U+308, U+530-58F, U+2010, U+2024, U+25CC, U+FB13-FB17; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlhpy_SEg.woff") format("woff= "); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlkpy_SEg.woff") format("woff= "); unicode-range: U+900-97F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8= , U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJl6py_SEg.woff") format("woff= "); unicode-range: U+589, U+10A0-10FF, U+2D00-2D2F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlmpy_SEg.woff") format("woff= "); unicode-range: U+370-3FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlGpy_SEg.woff") format("woff= "); unicode-range: U+964-965, U+A01-A75, U+200C-200D, U+20B9, U+25CC, U+262= C, U+A830-A839; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlnpy_SEg.woff") format("woff= "); unicode-range: U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlspy_SEg.woff") format("woff= "); unicode-range: U+E81-EDF, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlzpy_SEg.woff") format("woff= "); unicode-range: U+964-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlxpy_SEg.woff") format("woff= "); unicode-range: U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlqpy_SEg.woff") format("woff= "); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U= +1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJlrpy_SEg.woff") format("woff= "); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20= AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Google Sans"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_= 24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IJllpy8.woff") format("woff");= unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U= +2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,= U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzQFKw.woff") form= at("woff"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A= 640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzQFKw.woff") form= at("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; = } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzQFKw.woff") form= at("woff"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xLIzQFKw.woff") form= at("woff"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzQFKw.woff") form= at("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A= 0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzQFKw.woff") form= at("woff"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20= AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzQ.woff") format(= "woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, = U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,= U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc3CsLKlA.woff") = format("woff"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,= U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc-CsLKlA.woff") = format("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+21= 16; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc2CsLKlA.woff") = format("woff"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc5CsLKlA.woff") = format("woff"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc1CsLKlA.woff") = format("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, = U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsLKlA.woff") = format("woff"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A= 0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsI.woff") for= mat("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2= DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2= 215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic3CsLKlA.woff") = format("woff"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,= U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic-CsLKlA.woff") = format("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+21= 16; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic2CsLKlA.woff") = format("woff"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic5CsLKlA.woff") = format("woff"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic1CsLKlA.woff") = format("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, = U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsLKlA.woff") = format("woff"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A= 0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: italic; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsI.woff") for= mat("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2= DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2= 215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xMOzY.woff") format(= "woff"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640= -A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxMOzY.woff") format(= "woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxMOzY.woff") format(= "woff"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxMOzY.woff") format(= "woff"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxMOzY.woff") format(= "woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1= A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxMOzY.woff") format(= "woff"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB,= U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxM.woff") format("wo= ff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2= DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+= FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc-EsA.woff") for= mat("woff"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+= A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc-EsA.woff") for= mat("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;= } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc-EsA.woff") for= mat("woff"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc-EsA.woff") for= mat("woff"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc-EsA.woff") for= mat("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1= A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc-EsA.woff") for= mat("woff"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-2= 0AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc-.woff") format= ("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA,= U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215= , U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc-EsA.woff") for= mat("woff"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+= A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc-EsA.woff") for= mat("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;= } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc-EsA.woff") for= mat("woff"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc-EsA.woff") for= mat("woff"); unicode-range: U+370-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc-EsA.woff") for= mat("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1= A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc-EsA.woff") for= mat("woff"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-2= 0AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; fon= t-display: swap; src: url("https://web.archive.org/web/20230131013149im_/ht= tps://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc-.woff") format= ("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA,= U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215= , U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_SeW-Ep0.woff") format("woff"); unicode-range: U+460-52F, U+1C8= 0-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_QOW-Ep0.woff") format("woff"); unicode-range: U+301, U+400-45F= , U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_R-W-Ep0.woff") format("woff"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_S-W-Ep0.woff") format("woff"); unicode-range: U+102-103, U+110= -111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_SuW-Ep0.woff") format("woff"); unicode-range: U+100-24F, U+259= , U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A72= 0-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 4= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_3vq_ROW-.woff") format("woff"); unicode-range: U+0-FF, U+131, U+15= 2-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122,= U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_SeW-Ep0.woff") format("woff"); unicode-range: U+460-52F, U+1C8= 0-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_QOW-Ep0.woff") format("woff"); unicode-range: U+301, U+400-45F= , U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_R-W-Ep0.woff") format("woff"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_S-W-Ep0.woff") format("woff"); unicode-range: U+102-103, U+110= -111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_SuW-Ep0.woff") format("woff"); unicode-range: U+100-24F, U+259= , U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A72= 0-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 5= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_7Pq_ROW-.woff") format("woff"); unicode-range: U+0-FF, U+131, U+15= 2-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122,= U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_SeW-Ep0.woff") format("woff"); unicode-range: U+460-52F, U+1C8= 0-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_QOW-Ep0.woff") format("woff"); unicode-range: U+301, U+400-45F= , U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_R-W-Ep0.woff") format("woff"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_S-W-Ep0.woff") format("woff"); unicode-range: U+102-103, U+110= -111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_SuW-Ep0.woff") format("woff"); unicode-range: U+100-24F, U+259= , U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A72= 0-A7FF; } @font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 7= 00; font-display: swap; src: url("https://web.archive.org/web/2023013101314= 9im_/https://fonts.gstatic.com/s/robotomono/v22/L0xuDF4xlVMF-BfR8bXMIhJHg45= mwgGEFl0_Of2_ROW-.woff") format("woff"); unicode-range: U+0-FF, U+131, U+15= 2-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122,= U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130233258if_/https://developers.google.com/_d/analytics-iframe =20 =20 =20 ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://web.archive.org/web/20230130150820/https://scone-pa.clients6.google.com/static/proxy.html?usegapi=1&jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2Fk%3Dgapi.lb.en.AMZ27oQJoUI.O%2Fd%3D1%2Frs%3DAHpOoo9dsXwz2g0gTMdQFEKa7ZoVvtQf4g%2Fm%3D__features__#parent=https%3A%2F%2Fdevelopers.google.com&rpctoken=663119646 ------MultipartBoundary--N6tzebmlvRBW5YoPhTXRgfBsQVVFyTW0SV1EbWEuVq------