CINXE.COM

<!doctype html> <html lang="en" dir="ltr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://firebase.google.com/community","20201010143913","https://web.archive.org/","web","/_static/", "1602340753"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"> <meta name="google-signin-scope" content="profile email"> <meta property="og:site_name" content="Firebase"> <meta property="og:type" content="website"> <meta name="theme-color" content="#039be5"> <meta charset="utf-8"> <meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="/web/20201010143913/https://firebase.google.com/_pwa/firebase/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20201010143913/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201010143913/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201010143913/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201010143913/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201010143913/https://www.google-analytics.com/" crossorigin> <link rel="stylesheet" href="//web.archive.org/web/20201010143913cs_/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons"> <link rel="stylesheet" href="https://web.archive.org/web/20201010143913cs_/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/css/app.css"> <noscript> </noscript> <link rel="shortcut icon" href="https://web.archive.org/web/20201010143913im_/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/favicon.png"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20201010143913im_/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/touchicon-180.png"><link rel="canonical" href="https://web.archive.org/web/20201010143913/https://firebase.google.com/community"><link rel="search" type="application/opensearchdescription+xml" title="Firebase" href="https://web.archive.org/web/20201010143913/https://firebase.google.com/s/opensearch.xml"> <title>Community  |  Firebase</title> <meta property="og:title" content="Community | Firebase"> <meta name="description" content="Find the resources you need, engage directly with our team, and get to know other Firebase developers"> <meta property="og:description" content="Find the resources you need, engage directly with our team, and get to know other Firebase developers"> <meta property="og:url" content="https://web.archive.org/web/20201010143913/https://firebase.google.com/community"> <meta property="og:locale" content="en"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="name" content="Community"/> <meta name="image" content="https://firebase.google.com/images/social.png"> <meta name="twitter:title" content="Community"> <meta name="twitter:description" content="Find the resources you need, engage directly with our team, and get to know other Firebase developers "> <meta name="twitter:site" content="@firebase"> <meta name="twitter:domain" content="firebase.google.com"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://web.archive.org/web/20201010143913im_/https://firebase.google.com/images/social.png"> <meta name="twitter:image:alt" content="Firebase"> <meta property="og:title" content="Community"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://web.archive.org/web/20201010143913/https://firebase.google.com/community/"/> <meta property="og:image" content="https://web.archive.org/web/20201010143913im_/https://firebase.google.com/images/social.png"/> <meta property="og:description" content="Find the resources you need, engage directly with our team, and get to know other Firebase developers "/> <meta name="msapplication-tap-highlight" content="no"> </head> <body type="marketing" theme="firebase-theme" class="firebase-page-community firesite-lang--en firebase-page-community" layout="full" pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"><devsite-header> <div class="devsite-header--inner nocontent"> <div class="devsite-top-logo-row-wrapper-wrapper"> <div class="devsite-top-logo-row-wrapper"> <div class="devsite-top-logo-row"> <button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" visually-hidden aria-label="Open menu"> </button> <div class="devsite-product-name-wrapper"> <a href="/web/20201010143913/https://firebase.google.com/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="firebase" track-metadata-position="nav" track-metadata-eventdetail="nav"> <img src="https://web.archive.org/web/20201010143913im_/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/lockup.png" class="devsite-site-logo" alt="Firebase"> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item "> </li> </ul> </span> </div> <div class="devsite-top-logo-row-middle"> <div class="devsite-header-upper-tabs"> <devsite-tabs class="upper-tabs"> <nav class="devsite-tabs-wrapper" aria-label="Upper tabs"> <tab> <a href="/web/20201010143913/https://firebase.google.com/products" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="products" data-category="Site-Wide Custom Events" data-label="Tab: Products"> Products </a> </tab> <tab> <a href="/web/20201010143913/https://firebase.google.com/use-cases" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="useCases" data-category="Site-Wide Custom Events" data-label="Tab: Use Cases"> Use Cases </a> </tab> <tab> <a href="/web/20201010143913/https://firebase.google.com/pricing" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="pricing" data-category="Site-Wide Custom Events" data-label="Tab: Pricing"> Pricing </a> </tab> <tab> <a href="/web/20201010143913/https://firebase.google.com/docs" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="docs" data-category="Site-Wide Custom Events" data-label="Tab: Docs"> Docs </a> </tab> <tab active> <a href="/web/20201010143913/https://firebase.google.com/community" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="community" aria-label="Community, selected" data-category="Site-Wide Custom Events" data-label="Tab: Community"> Community </a> </tab> <tab> <a href="/web/20201010143913/https://firebase.google.com/support" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="support" data-category="Site-Wide Custom Events" data-label="Tab: Support"> Support </a> </tab> </nav> </devsite-tabs> </div> <devsite-search aria-expanded="false" aria-haspopup="listbox" enable-signin enable-search enable-suggestions enable-query-completion project-name="Firebase" tenant-name="Firebase" role="combobox"> <form class="devsite-search-form" action="https://web.archive.org/web/20201010143913/https://firebase.google.com/s/results" method="GET"> <div class="devsite-search-container"> <div class="devsite-searchbox"> <input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-haspopup="false" aria-multiline="false" aria-label="Search box" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" type="text" value=""> <div class="devsite-search-image material-icons" aria-hidden="true"></div> </div> <button type="button" search-open class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button> </div> </form> <button type="button" search-close class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button> </devsite-search> </div> <devsite-language-selector> <devsite-select class="devsite-language-selector-menu"> <select aria-label="Select your language preference." class="devsite-language-selector-select" name="language" track-name="click" track-type="languageSelector"> <option>Language</option> <option value="en" lang="en" track-metadata-original-language="en" track-metadata-selected-language="en" track-name="changed" track-type="languageSelector"> English </option> <option value="id" lang="id" track-metadata-original-language="en" track-metadata-selected-language="id" track-name="changed" track-type="languageSelector"> Bahasa Indonesia </option> <option value="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </option> <option value="es_419" lang="es_419" track-metadata-original-language="en" track-metadata-selected-language="es_419" track-name="changed" track-type="languageSelector"> Español – América Latina </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="it" lang="it" track-metadata-original-language="en" track-metadata-selected-language="it" track-name="changed" track-type="languageSelector"> Italiano </option> <option value="pl" lang="pl" track-metadata-original-language="en" track-metadata-selected-language="pl" track-name="changed" track-type="languageSelector"> Polski </option> <option value="pt_br" lang="pt_br" track-metadata-original-language="en" track-metadata-selected-language="pt_br" track-name="changed" track-type="languageSelector"> Português – Brasil </option> <option value="vi" lang="vi" track-metadata-original-language="en" track-metadata-selected-language="vi" track-name="changed" track-type="languageSelector"> Tiếng Việt </option> <option value="tr" lang="tr" track-metadata-original-language="en" track-metadata-selected-language="tr" track-name="changed" track-type="languageSelector"> Türkçe </option> <option value="ru" lang="ru" track-metadata-original-language="en" track-metadata-selected-language="ru" track-name="changed" track-type="languageSelector"> Русский </option> <option value="he" lang="he" track-metadata-original-language="en" track-metadata-selected-language="he" track-name="changed" track-type="languageSelector"> עברית' </option> <option value="ar" lang="ar" track-metadata-original-language="en" track-metadata-selected-language="ar" track-name="changed" track-type="languageSelector"> العربيّة </option> <option value="fa" lang="fa" track-metadata-original-language="en" track-metadata-selected-language="fa" track-name="changed" track-type="languageSelector"> فارسی </option> <option value="hi" lang="hi" track-metadata-original-language="en" track-metadata-selected-language="hi" track-name="changed" track-type="languageSelector"> हिंदी </option> <option value="bn" lang="bn" track-metadata-original-language="en" track-metadata-selected-language="bn" track-name="changed" track-type="languageSelector"> বাংলা </option> <option value="th" lang="th" track-metadata-original-language="en" track-metadata-selected-language="th" track-name="changed" track-type="languageSelector"> ภาษาไทย </option> <option value="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="zh_tw" lang="zh_tw" track-metadata-original-language="en" track-metadata-selected-language="zh_tw" track-name="changed" track-type="languageSelector"> 中文 – 繁體 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> <a class="devsite-header-link devsite-top-button button gc-analytics-event" href="//web.archive.org/web/20201010143913/https://console.firebase.google.com/" data-category="Site-Wide Custom Events" data-label="Site header link"> Go to console </a> <devsite-user enable-profiles fp-auth id="devsite-user"></devsite-user> </div> </div> </div> <div class="devsite-collapsible-section devsite-header-no-lower-tabs "> <div class="devsite-header-background"> <div class="devsite-product-id-row"> <div class="devsite-product-description-row"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item "> <a href="/web/20201010143913/https://firebase.google.com/community" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail=""> Community </a> </li> </ul> </div> </div> </div> </div> </div> </devsite-header> <devsite-book-nav scrollbars hidden> <nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu"> <div class="devsite-mobile-header"> <button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation"> </button> <div class="devsite-product-name-wrapper"> <a href="/web/20201010143913/https://firebase.google.com/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="firebase" track-metadata-position="nav" track-metadata-eventdetail="nav"> <img src="https://web.archive.org/web/20201010143913im_/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/lockup.png" class="devsite-site-logo" alt="Firebase"> </a> <span class="devsite-product-name"> <ul class="devsite-breadcrumb-list"> <li class="devsite-breadcrumb-item "> </li> </ul> </span> </div> </div> <div class="devsite-book-nav-wrapper"> <div class="devsite-mobile-nav-top"> <ul class="devsite-nav-list"> <li class="devsite-nav-item"> <a href="/web/20201010143913/https://firebase.google.com/products" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Products" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="products"> <span class="devsite-nav-text" tooltip> Products </span> <span class="devsite-nav-icon material-icons" data-icon="forward"> </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20201010143913/https://firebase.google.com/use-cases" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Use Cases" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="useCases"> <span class="devsite-nav-text" tooltip> Use Cases </span> <span class="devsite-nav-icon material-icons" data-icon="forward"> </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20201010143913/https://firebase.google.com/pricing" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Pricing" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="pricing"> <span class="devsite-nav-text" tooltip> Pricing </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20201010143913/https://firebase.google.com/docs" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Docs" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="docs"> <span class="devsite-nav-text" tooltip> Docs </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20201010143913/https://firebase.google.com/community" class="devsite-nav-title gc-analytics-event devsite-nav-active" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Community" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="community"> <span class="devsite-nav-text" tooltip> Community </span> </a> </li> <li class="devsite-nav-item"> <a href="/web/20201010143913/https://firebase.google.com/support" class="devsite-nav-title gc-analytics-event devsite-nav-has-children " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Support" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="support"> <span class="devsite-nav-text" tooltip> Support </span> <span class="devsite-nav-icon material-icons" data-icon="forward"> </span> </a> </li> <li class="devsite-nav-item"> <a href="//web.archive.org/web/20201010143913/https://console.firebase.google.com/" class="devsite-nav-title gc-analytics-event " data-category="Site-Wide Custom Events" data-label="Responsive Tab: Go to console" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav" track-name="goToConsole"> <span class="devsite-nav-text" tooltip> Go to console </span> </a> </li> </ul> </div> </div> </nav> </devsite-book-nav> <section id="gc-wrapper"> <main role="main" class="devsite-main-content"> <devsite-toc class="devsite-nav" disabled></devsite-toc> <devsite-content> <article class="devsite-article"><style> /* Styles inlined from /styles/main.css */ @font-face{font-family:'GMP Icons';src:local("GMP Icons"),url(//web.archive.org/web/20201010143913im_/https://www.gstatic.com/mobilesdk/200309_mobilesdk/GMPIcons.eot) format("embedded-opentype"),url(//web.archive.org/web/20201010143913im_/https://www.gstatic.com/mobilesdk/200309_mobilesdk/GMPIcons.woff2) format("woff2"),url(//web.archive.org/web/20201010143913im_/https://www.gstatic.com/mobilesdk/200309_mobilesdk/GMPIcons.ttf) format("truetype");font-weight:400;font-style:normal}.gmp-icons,body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.gmp-icons{cursor:default;direction:ltr;display:inline-block;font-family:'GMP Icons';-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga';font-size:24px;font-style:normal;font-weight:400;height:1em;letter-spacing:normal;line-height:1;speak:none;text-decoration:none;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:1em;word-wrap:normal}a,a .gmp-icons,button{cursor:pointer}body{-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;background-color:#fafafa;color:#757575;font:400 12px/18px "Roboto",sans-serif;text-size-adjust:100%}@media screen and (min-width:1000px){body{font:400 14px/24px "Roboto",sans-serif}}h1,h2,h3,h4,h5,h6{color:#424242;margin-top:0}h1,h2{font:500 28px/32px "Google Sans",sans-serif}@media screen and (min-width:1000px){h1{font:500 52px/60px "Google Sans",sans-serif}h2{font:500 44px/54px "Google Sans",sans-serif}}h3{font:600 24px/28px "Google Sans",sans-serif}@media screen and (min-width:1000px){h3{font:600 44px/54px "Google Sans",sans-serif}}h4{font:500 16px/22px "Google Sans",sans-serif}@media screen and (min-width:1000px){h4{font:500 36px/46px "Google Sans",sans-serif}}h5{font:500 16px/24px "Google Sans",sans-serif}@media screen and (min-width:1000px){h5{font:500 20px/26px "Google Sans",sans-serif}}.light,.light>h1,.light>h2,.light>h3,.light>h4,.light>h5,.light>h6{color:#fff}.pricing-table .pricing-table__body__cell ul,ul.reset{list-style:none;padding:0}.brand-guidelines__text li,body,p.reset{margin:0}main,section{position:relative}main{overflow:hidden;padding:0 20px 80px}@media screen and (min-width:1280px){main{padding:0 80px 120px}}button{background:0 0;border:none;padding:0}:link,:visited,a{color:#1e88e5}a{text-decoration:none}a[aria-level]{color:#424242}[role=button]:focus,button:focus{outline:none}.link--white{color:#fff}.link--white:focus,.link--white:hover{background:0 0!important;opacity:.85;text-decoration:underline}img{max-width:100%}hr{border:1px solid #eceff1}.content-wrapper{margin-left:auto;margin-right:auto;max-width:1352px;width:100%}.card .card__banner .card__banner__inner p:last-of-type,.content-wrapper:last-of-type>.card{margin-bottom:0}.firesite__bg>img{z-index:-2}.firebase-video-modal{width:720px}@media screen and (min-width:1280px){.firebase-video-modal{width:1124px}}.firebase-video-modal__buttons{padding:8px 16px 0;text-align:right}.firebase-video-modal .material-icons{cursor:pointer;font-size:20px;pointer-events:none}.firebase-video-modal .devsite-dialog-buttons{padding:8px 16px 0}.firebase-video-modal .video-wrapper{float:none;margin:0;width:100%}.firebase-video-modal .devsite-dialog-close{color:#424242;border:none;box-shadow:none;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0}.cta-button,.cta-link{box-sizing:border-box;cursor:pointer;transition:background-color .15s linear}.cta-button>i,.cta-link>i,.devsite-article .cta-button>i,.devsite-article .cta-link>i{font-size:24px;height:24px;margin-right:0;vertical-align:middle;width:24px}.cta-link{border-radius:8px;font:500 14px/18px "Google Sans",sans-serif;letter-spacing:.24px;padding:6px 8px;margin-left:-8px;margin-right:-8px}@media screen and (min-width:1000px){.cta-link{font-size:16px;line-height:20px;font-weight:500;font-family:"Roboto",sans-serif;letter-spacing:.57px}}.blog-row .devsite-card-buttons a:not(.cta-link--white):active,.blog-row .devsite-card-buttons a:not(.cta-link--white):focus,.blog-row .devsite-card-buttons a:not(.cta-link--white):hover,.cta-grid__card a.cta:not(.cta-link--white):active,.cta-grid__card a.cta:not(.cta-link--white):focus,.cta-grid__card a.cta:not(.cta-link--white):hover,.cta-link:not(.cta-link--white):active,.cta-link:not(.cta-link--white):focus,.cta-link:not(.cta-link--white):hover,.youtube-row .devsite-card-buttons a:not(.cta-link--white):active,.youtube-row .devsite-card-buttons a:not(.cta-link--white):focus,.youtube-row .devsite-card-buttons a:not(.cta-link--white):hover{background-color:#e1f3fc;color:#0288d1}.blog-row .devsite-card-buttons a:focus>img,.cta-grid__card a.cta:focus>img,.cta-link:focus>img,.youtube-row .devsite-card-buttons a:focus>img{outline:3px solid rgba(3,155,229,.2)}.blog-row .devsite-card-buttons a--small,.cta-link--small{font-size:14px;letter-spacing:.15px;line-height:16px}.blog-row .devsite-card-buttons a--with-icon,.cta-link--with-icon{padding-bottom:10px;padding-right:10px;padding-top:10px}.blog-row .devsite-card-buttons a--with-icon>i,.cta-grid__card a.cta--with-icon>i,.cta-link--with-icon>i,.devsite-article .blog-row .devsite-card-buttons a--with-icon>i,.devsite-article .cta-grid__card a.cta--with-icon>i,.devsite-article .cta-link--with-icon>i{margin-right:12px}.blog-row .devsite-card-buttons a--grey:active,.blog-row .devsite-card-buttons a--grey:focus,.blog-row .devsite-card-buttons a--grey:hover,.blog-row .devsite-card-buttons a--white:active,.blog-row .devsite-card-buttons a--white:focus,.blog-row .devsite-card-buttons a--white:hover,.cta-link--grey:active,.cta-link--grey:focus,.cta-link--grey:hover,.cta-link--white:active,.cta-link--white:focus,.cta-link--white:hover{opacity:.85}.cta-link--white{color:#fff}.blog-row .devsite-card-buttons a--white:hover,.cta-link--white:hover{background:rgba(255,255,255,.2)}.blog-row .devsite-card-buttons a--blue-light,.cta-link--blue-light{color:#669df6;opacity:.9;border-radius:7px}.blog-row .devsite-card-buttons a--blue-light:hover,.cta-link--blue-light:hover{background-color:rgba(255,255,255,.1)!important;color:#669df6!important}.blog-row .devsite-card-buttons a--grey,.cta-link--grey{color:#979797}.cta-button{background-color:#039be5;border-radius:8px;color:#fff;display:inline-block;font:500 14px/16px "Roboto",sans-serif;letter-spacing:.15px;max-width:255px;padding:10px 50px;text-align:center;white-space:nowrap;width:100%}@media screen and (min-width:600px){.cta-button{width:auto}}@media screen and (min-width:1000px){.cta-button{max-width:unset;font-family:"Google Sans",sans-serif;font-size:20px;letter-spacing:.21px;line-height:16px;padding:20px 52px}}.cta-button:focus{text-decoration:none}.cta-button:active,.cta-button:focus,.cta-button:hover{background-color:#0288d1}@media screen and (min-width:1000px){.cta-button--long-text{max-width:none}}.cta-button--small{font:500 14px/16px "Roboto",sans-serif;padding:10px 40px}.cta-button--with-icon{background-color:transparent;padding:10px 0}.cta-button--with-icon-large{max-width:none;padding-left:20px!important;padding-right:20px!important}.cta-button--white{background-color:#fff;color:#039be5;text-decoration:none!important}.cta-button--white:active,.cta-button--white:focus,.cta-button--white:hover{background-color:rgba(255,255,255,.85)}.cta-button--blue-deep{background-color:#1a73e8;color:#fff;text-decoration:none!important}.cta-button--blue-deep:active,.cta-button--blue-deep:focus,.cta-button--blue-deep:hover{background-color:rgba(25,103,210,.85)}.cta-button--text-blue{background-color:transparent;color:#039be5}.cta-button--text-orange{color:#f67f00}.cta-button--text-teal{color:#0097a7}.cta-button--text-green{color:#8bc34a}.cta-button--text-sky-blue{color:#039be5}.blog-row .devsite-card-buttons a--white,.cta-button--text-white{color:#fff}.brand-guidelines__row-header>p{margin-bottom:50px}.brand-guidelines__row-header>h2{margin-bottom:32px!important}.brand-guidelines__row--default{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 0 50px}@media screen and (min-width:720px){.brand-guidelines__row--default{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width:1000px){.brand-guidelines__row--default{margin-bottom:100px}}.brand-guidelines__row-description{margin-bottom:30px;-webkit-order:1;-ms-flex-order:1;order:1}@media screen and (min-width:1440px){.brand-guidelines__row-description{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:0}}.brand-guidelines--icon-image{margin:30px 0 20px}@media screen and (min-width:720px){.brand-guidelines--icon-image{margin-bottom:100px}}.brand-guidelines--icon-image .brand-guidelines__image{margin-top:50px}.brand-guidelines--icon-image .brand-guidelines__image>img{max-height:100px}@media screen and (min-width:400px){.brand-guidelines--icon-image .brand-guidelines__image>img{max-height:150px}}.brand-guidelines__image{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;margin-bottom:50px;max-width:450px;-webkit-order:2;-ms-flex-order:2;order:2;text-align:center}@media screen and (min-width:720px){.brand-guidelines__image{margin-bottom:0;max-width:100%}}.brand-guidelines__image-left{-webkit-order:1;-ms-flex-order:1;order:1}.brand-guidelines__text{-webkit-flex-basis:40%;-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:720px){.brand-guidelines__text{margin-right:70px;-webkit-order:1;-ms-flex-order:1;order:1}}.brand-guidelines__image-in-description{margin:40px 0 0;text-align:center}@media screen and (min-width:1000px){.brand-guidelines__image-in-description{margin:35% 0}}.brand-guidelines__image-in-description>img{height:24px;max-width:200px}.brand-guidelines__row--swatches{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:70px}@media screen and (min-width:1440px){.brand-guidelines__row--swatches{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.brand-guidelines__row--swatches__row-description{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:30px;-webkit-order:1;-ms-flex-order:1;order:1}@media screen and (min-width:1440px){.brand-guidelines__row--swatches__row-description{-webkit-order:2;-ms-flex-order:2;order:2}}.brand-guidelines__swatch-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:1440px){.brand-guidelines__swatch-wrapper{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-order:1;-ms-flex-order:1;order:1}}.brand-guidelines__swatch{display:inline-block;margin-bottom:20px;margin-right:20px;width:100%}@media screen and (min-width:400px){.brand-guidelines__swatch{width:auto}}@media screen and (min-width:720px){.brand-guidelines__swatch{margin-bottom:0;width:130px}}@media screen and (min-width:1000px){.brand-guidelines__swatch{width:150px}}.brand-guidelines__swatch--color{height:130px;width:100%}@media screen and (min-width:400px){.brand-guidelines__swatch--color{width:130px}}@media screen and (min-width:1000px){.brand-guidelines__swatch--color{height:150px;width:150px}}.brand-guidelines__swatch--text{border:1px solid #eceff1;min-height:86px;padding:0 10px}.brand-guidelines__swatch--text>p{font-size:14px}.brand-guidelines__swatch--text .brand-guidelines__swatch--label{margin:4px 0}.brand-guidelines__swatch--label{color:#757575;font-weight:500}.brand-guidelines__swatch--code{margin:0;text-align:right}.brand-guidelines__row--multi-image,.brand-guidelines__row--multi-image .brand-guidelines__row-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.brand-guidelines__row--multi-image{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}@media screen and (min-width:720px){.brand-guidelines__row--multi-image{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:60px}}.brand-guidelines__row--multi-image .brand-guidelines__row-item{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;margin-right:0}@media screen and (min-width:720px){.brand-guidelines__row--multi-image .brand-guidelines__row-item{margin-right:70px}}@media screen and (min-width:1000px){.brand-guidelines__row--multi-image .brand-guidelines__row-item{margin-right:100px}}.brand-guidelines__row--multi-image .brand-guidelines__row-item .brand-guidelines__description{-webkit-flex:1;-ms-flex:1;flex:1}.brand-guidelines__row--multi-image .brand-guidelines__row-item .brand-guidelines__image{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;margin-bottom:32px;-webkit-order:1;-ms-flex-order:1;order:1}@media screen and (min-width:720px){.brand-guidelines__row--multi-image .brand-guidelines__row-item .brand-guidelines__image{margin-bottom:20px}}.brand-guidelines__row--multi-image .brand-guidelines__row-item .brand-guidelines__text{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin:0 0 50px}@media screen and (min-width:720px){.brand-guidelines__row--multi-image .brand-guidelines__row-item .brand-guidelines__text{margin:0}}.brand-guidelines__row--multi-image .brand-guidelines__row-item:last-child{margin:0}.brand-guidelines__row--multi-image .brand-guidelines__row-item:last-child .brand-guidelines__text{margin-bottom:0}.brand-guidelines__download-links>a{margin-right:20px}.brand-guidelines__donot{font-size:20px}@media screen and (min-width:400px){.brand-guidelines__donot{font-size:14px}}.butter-bar{background:#2e3a4d;color:#fff;font-size:114%;margin-left:-20px;padding:20px;position:relative;text-align:center;width:calc(100% + 20px*2);z-index:1}@media screen and (min-width:1280px){.butter-bar{margin-left:-80px;width:calc(100% + 80px*2)}}.butter-bar :first-child{margin-top:0;max-width:1100px}.butter-bar :last-child{margin-bottom:0}.butter-bar--blm{background:#000}.butter-bar--blm a{color:#fff;text-decoration:underline}.blog-row,.blog-row .devsite-card-buttons a{display:-webkit-flex;display:-ms-flexbox;display:flex}.blog-row{min-height:415px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.blog-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.blog-row .devsite-card{border:none;border-radius:0;overflow:visible}.blog-row devsite-dynamic-content{box-sizing:content-box;margin:0;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}.blog-row devsite-dynamic-content .devsite-card-category,.blog-row devsite-dynamic-content h3{font-size:14px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif}@media screen and (min-width:720px){.blog-row devsite-dynamic-content .devsite-card-category{font-size:16px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif}}.blog-row devsite-dynamic-content h3{font-size:16px;line-height:26px;margin:0 0 8px}@media screen and (min-width:720px){.blog-row devsite-dynamic-content h3{font-size:20px;line-height:26px;font-weight:500;font-family:"Google Sans",sans-serif}}.blog-row devsite-dynamic-content>p{margin:0 0 12px}.blog-row .devsite-card-content{padding:0}.blog-row .devsite-card-summary{font-size:12px;line-height:18px;font-weight:400;font-family:"Google Sans",sans-serif}@media screen and (min-width:720px){.blog-row .devsite-card-summary{font-size:14px;line-height:24px;font-weight:400;font-family:"Google Sans",sans-serif}}.blog-row .devsite-card-buttons{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0;margin-top:16px}.blog-row .devsite-card-buttons a{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;border-radius:8px;font:500 14px/18px "Google Sans",sans-serif;letter-spacing:.24px;padding:6px 8px;margin-left:-8px;margin-right:-8px}@media screen and (min-width:1000px){.blog-row .devsite-card-buttons a{font-size:16px;line-height:20px;font-weight:500;font-family:"Roboto",sans-serif;letter-spacing:.57px}}.blog-row .devsite-card-buttons a img{margin-right:8px}@media screen and (min-width:720px){.blog-row .devsite-card-buttons a{font-size:16px}}.blog-row .devsite-card-buttons a:hover{background-color:#e1f3fc}.blog-row .devsite-card-image-container{position:relative;height:0;margin-bottom:30px;padding:0 0 56.19%}.blog-row .devsite-card-image-container>img{position:absolute;top:0;bottom:0;object-fit:cover;height:100%;width:100%}@media screen and (min-width:720px){.blog-row devsite-dynamic-content{-webkit-flex:1 1 calc(100%/3);-ms-flex:1 1 calc(100%/3);flex:1 1 calc(100%/3)}}.blog-row devsite-dynamic-content:nth-of-type(3) .devsite-card-wrapper:first-of-type{display:none}.blog-row devsite-dynamic-content:not(:last-child){margin:0 0 32px;padding:0}@media screen and (min-width:720px){.blog-row devsite-dynamic-content:not(:last-child){margin:0;padding:0 24px 0 0}}@media screen and (min-width:1280px){.blog-row devsite-dynamic-content:not(:last-child){padding:0 84px 0 0}}.blog-row .devsite-card-group{display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;margin:0}.blog-row .devsite-card-wrapper{padding:0;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.blog-row .medium .devsite-card-category{color:#1a73e8}.blog-row .blogger .devsite-card-category{color:#e65100}.card{background:#fff;border-radius:8px;border:1px solid #eceff1;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);margin:0 auto 20px;max-width:1280px;overflow:hidden}@media screen and (min-width:720px){.card{margin-bottom:48px}}.card h2,.logo-row__container--with-titles a img,.logo-row__container--with-titles span img{margin-bottom:16px}@media screen and (max-width:400px){.card h2 br{display:none}}.card p{margin-top:0}.card h2:empty,.card p:empty{display:none}.card hr{border-top:1px solid #cfd8dc;margin:48px 0}@media screen and (min-width:720px){.card hr{margin:100px 0 80px}}.card--transparent{background:0 0;border:none;border-radius:0}.card hr,.card--no-border{border:none}@media screen and (min-width:1000px){.card.card--half-margin .card__content{padding:40px 56px}}.card .card__banner{background-color:#e1f3fc;margin:-32px -20px 24px}@media screen and (min-width:720px){.card .card__banner{margin:-32px -48px 40px}}@media screen and (min-width:1000px){.card .card__banner{margin:-80px -112px 60px}}.card .card__banner .card__banner__inner{color:#0288d1;border-bottom:1px solid #fafafa;font:400 12px/18px "Roboto",sans-serif;padding:16px 32px;text-align:center}@media screen and (min-width:1000px){.card .card__banner .card__banner__inner{font:400 14px/24px "Roboto",sans-serif}}.card .card__banner .card__banner__inner a{color:#01579b;font-weight:500}.card .card__subpartial .card__heading{margin:32px 0}@media screen and (min-width:720px){.card .card__subpartial .card__heading{margin:60px 0 16px}}.card .card__subpartial .card__heading--small{text-align:left}.card .card__subpartial .card__header{margin-bottom:60px}.card .card__subpartial:not(.card__subpartial--no-margin):last-of-type{margin-bottom:0}@media screen and (min-width:1000px){.card .card__subpartial:not(.card__subpartial--no-margin){margin:60px 0 50px}}.card .card__content,.card .card__footer{padding:32px 20px 50px}@media screen and (min-width:1000px){.card .card__content{padding:80px 112px}}.card .card__content--no-bottom-pad{padding-bottom:0}.card .card__content--lg-header-gutter .card__header{margin-bottom:60px}.card .card__header{text-align:left}@media screen and (min-width:720px){.card .card__header{text-align:center}}.card .card__subheading{font-size:12px;line-height:18px;font-weight:400;font-family:"Roboto",sans-serif;margin:0 auto 16px;max-width:650px}@media screen and (min-width:720px){.card .card__subheading{font-size:16px;line-height:28px;font-weight:400;font-family:"Roboto",sans-serif}}.card .card__ctas{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:40px;text-align:center}@media screen and (min-width:720px){.card .card__ctas{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.card .card__cta{text-align:center;width:100%}@media screen and (min-width:600px){.card .card__cta{width:auto}}.card .card__cta:not(:last-child){margin-bottom:16px}@media screen and (min-width:720px){.card .card__cta:not(:last-child){margin-bottom:0;margin-right:16px}}.card .card__footer.card__footer--dark{background:#eceff1}@media screen and (min-width:1000px){.card .card__footer{padding:32px 112px 24px}}.card--dark{background:#202124;border:1px solid #48494b}.card--dark h4{color:#eceff1}.card--dark .card__content hr{border-color:#48494b}.card--dark .card__subpartial .card__heading{font-size:36px;line-height:46px;font-weight:400;font-family:"Roboto",sans-serif;color:#e6e6e6;margin:0}.card--dark .card__subpartial .card__header{margin-bottom:40px}.card--dark .card__subpartial--no-margin,.pricing-table .firesite-pricing-disclaimers p{margin:0}.card--dark .use-cases h5{color:#e6e6e6}@media screen and (min-width:720px){.card--dark hr{margin-top:60px}}.card-ctas-with-space .card__content{min-width:285px;padding:80px 14% 100px}@media screen and (min-width:720px){.card-ctas-with-space .card__content{padding:80px 112px 100px}}.card-ctas-with-space .card__ctas{padding-top:30px}@media screen and (max-width:600px){.card-ctas-with-space .card__ctas{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width:600px){.card-ctas-with-space .card__ctas{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.card-ctas-with-space .card__cta .cta-button{font-size:12px;line-height:12px;font-weight:500;font-family:"Google Sans",sans-serif;margin-right:0}@media screen and (min-width:600px){.card-ctas-with-space .card__cta .cta-button{margin-right:11px;font-size:14px;line-height:16px;font-weight:500;font-family:"Google Sans",sans-serif}}.card-ctas-with-space .card__cta:last-child{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin-left:8px;text-align:center}@media screen and (min-width:600px){.card-ctas-with-space .card__cta:last-child{text-align:left;min-width:110px}}.card-footer{background:#eceff1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:28px 0 36px}@media screen and (min-width:600px){.card-footer{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:32px 0 26px;text-align:left}}.card-footer h5{margin:24px 0 12px}@media screen and (min-width:720px){.card-footer h5{margin:0 0 6px}}.card-footer a{color:#039be5;letter-spacing:0}.card-footer a:focus,.card-footer a:hover{background-color:transparent!important;text-decoration:underline}.card-footer p{font-size:12px;margin:0 0 12px;max-width:300px}@media screen and (min-width:720px){.card-footer p{font-size:14px;margin-bottom:4px;max-width:532px}}.card-footer .card-footer__image{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:720px){.card-footer .card-footer__image{-webkit-order:1;-ms-flex-order:1;order:1}.card-footer .card-footer__text h5 br{display:none}}.cta-banner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.cta-banner{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.cta-banner__text{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-order:1;-ms-flex-order:1;order:1}@media screen and (min-width:720px){.cta-banner__text{-webkit-flex:1 1 60%;-ms-flex:1 1 60%;flex:1 1 60%}}.cta-banner__text>h2{font-size:24px;line-height:28px;font-weight:500;font-family:"Google Sans",sans-serif;margin-bottom:16px}@media screen and (min-width:720px){.cta-banner__text>h2{font-size:28px;line-height:36px;font-weight:500;font-family:"Google Sans",sans-serif}}@media screen and (min-width:1000px){.cta-banner__text>h2{font-size:38px;line-height:54px;font-weight:500;font-family:"Google Sans",sans-serif}}@media screen and (min-width:720px){.cta-banner__text>p{max-width:400px}}.cta-banner__cta{margin-top:8px}@media screen and (min-width:720px){.cta-banner__cta{margin-top:32px}}.cta-banner__cta--center-mobile{margin:8px auto 0}@media screen and (min-width:720px){.cta-banner__cta--center-mobile{margin:initial}}.cta-banner__illo{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-order:2;-ms-flex-order:2;order:2;margin-top:32px}@media screen and (min-width:720px){.cta-banner__illo{margin-top:0;-webkit-flex:1 1 40%;-ms-flex:1 1 40%;flex:1 1 40%;padding-left:36px}}.cta-banner__illo--above{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-transform:translate(6%);transform:translate(6%);width:calc(100vw - 60px)}.cta-banner__illo--above>img{padding:0 0 36px}@media screen and (min-width:720px){.cta-banner__illo--above{-webkit-order:2;-ms-flex-order:2;order:2;-webkit-transform:scale(1.2) translate(8%);transform:scale(1.2) translate(8%);width:auto}.cta-banner__illo--above>img{padding:0}}.cta-banner__illo--large{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.cta-banner__illo--large>img{width:100%;max-width:none}@media screen and (min-width:720px){.cta-banner__illo--products-marquee{margin:-100px -68px}}@media screen and (min-width:720px) and (min-width:720px){.cta-banner__illo--products-marquee>img{padding-right:70px}}@media screen and (min-width:720px) and (min-width:1000px){.cta-banner__illo--products-marquee>img{padding-right:0}}.cta-banner__illo--position-bottom{margin:60px 0 -50px}@media screen and (min-width:720px){.cta-banner__illo--position-bottom{margin:0;position:relative}.cta-banner__illo--position-bottom>img{bottom:-50px;max-height:130%;max-width:130%;position:absolute}}@media screen and (min-width:1000px){.cta-banner__illo--position-bottom>img{bottom:-80px}}.cta-banner__illo--faqs{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin:60px -20px -50px}@media screen and (min-width:720px){.cta-banner__illo--faqs{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;margin:0 -40px 0 0;position:relative}}@media screen and (min-width:1000px){.cta-banner__illo--faqs{margin-right:-112px}}@media screen and (min-width:1280px){.cta-banner__illo--faqs{-webkit-flex-basis:90%;-ms-flex-preferred-size:90%;flex-basis:90%;margin-right:-122px}}@media screen and (min-width:720px){.cta-banner__illo--faqs>img{bottom:-50px;max-width:350px;position:absolute}}@media screen and (min-width:1000px){.cta-banner__illo--faqs>img{bottom:-90px;max-width:none}}.cta-grid{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}@media screen and (min-width:720px){.cta-grid{max-width:90%}}@media screen and (min-width:1000px){.cta-grid{max-width:none}}.cta-grid__card{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:44px;position:relative;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:720px){.cta-grid__card{-webkit-flex:0 1 calc((50% - 42px));-ms-flex:0 1 calc((50% - 42px));flex:0 1 calc((50% - 42px));margin-bottom:40px;margin-top:0}.cta-grid__card:not(:nth-child(2n)){margin-right:84px}}@media screen and (min-width:1440px){.cta-grid__card{-webkit-flex:0 1 calc((100% - 168px)/3);-ms-flex:0 1 calc((100% - 168px)/3);flex:0 1 calc((100% - 168px)/3)}.cta-grid__card:not(:nth-child(2n)){margin-right:0}.cta-grid__card:not(:nth-child(3n)){margin-right:84px}.cta-grid__card--no-bottom-border-desktop:after{display:none!important}.cta-grid__card>img{margin-bottom:16px}}.cta-grid__card a.cta{border-radius:8px;font:500 14px/18px "Google Sans",sans-serif;letter-spacing:.24px;padding:6px 8px;margin-left:-8px;margin-right:-8px}@media screen and (min-width:1000px){.cta-grid__card a.cta{font-size:16px;line-height:20px;font-weight:500;font-family:"Roboto",sans-serif;letter-spacing:.57px}}.cta-grid__card a.cta--small,.youtube-row .devsite-card-buttons a--small{font-size:14px;letter-spacing:.15px;line-height:16px}.cta-grid__card a.cta--with-icon,.youtube-row .devsite-card-buttons a--with-icon{padding-bottom:10px;padding-right:10px;padding-top:10px}.cta-grid__card a.cta--grey:active,.cta-grid__card a.cta--grey:focus,.cta-grid__card a.cta--grey:hover,.cta-grid__card a.cta--white:active,.cta-grid__card a.cta--white:focus,.cta-grid__card a.cta--white:hover,.youtube-row .devsite-card-buttons a--grey:active,.youtube-row .devsite-card-buttons a--grey:focus,.youtube-row .devsite-card-buttons a--grey:hover,.youtube-row .devsite-card-buttons a--white:active,.youtube-row .devsite-card-buttons a--white:focus,.youtube-row .devsite-card-buttons a--white:hover{opacity:.85}.cta-grid__card a.cta--white{color:#fff}.cta-grid__card a.cta--white:hover,.youtube-row .devsite-card-buttons a--white:hover{background:rgba(255,255,255,.2)}.cta-grid__card a.cta--blue-light,.youtube-row .devsite-card-buttons a--blue-light{color:#669df6;opacity:.9;border-radius:7px}.cta-grid__card a.cta--blue-light:hover,.youtube-row .devsite-card-buttons a--blue-light:hover{background-color:rgba(255,255,255,.1)!important;color:#669df6!important}.cta-grid__card a.cta--grey,.youtube-row .devsite-card-buttons a--grey{color:#979797}.cta-grid__category{text-transform:uppercase;color:#673ab7;margin:0;font-size:16px;line-height:56px;font-weight:500;font-family:"Google Sans",sans-serif}.cta-grid__icon{margin-right:auto;margin-bottom:8px;width:56px}.cta-grid__icon--lg{width:45px}@media screen and (min-width:720px){.cta-grid__icon--lg{width:64px}}.cta-hero-footer{margin:60px 0}@media screen and (min-width:1280px){.cta-hero-footer{margin:120px 0 0}}@media screen and (min-width:1440px){.cta-hero-footer{margin:200px 0 0}}.cta-hero-footer .content-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:1000px){.cta-hero-footer .content-wrapper{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width:400px){.cta-hero-footer br{display:none}}@media screen and (min-width:600px){.cta-hero-footer br{display:inline}}.cta-hero-footer__background>img{bottom:-200px;left:50%;max-width:none;position:absolute;-webkit-transform:translateX(-50%) rotate(-20deg);transform:translateX(-50%) rotate(-20deg);z-index:-2}@media screen and (min-width:1000px){.cta-hero-footer__background>img{bottom:-350px;-webkit-transform:translateX(-50%) rotate(0deg);transform:translateX(-50%) rotate(0deg)}}@media screen and (min-width:1280px){.cta-hero-footer__background>img{bottom:-380px}}.cta-hero-footer__illo{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;height:auto;margin-bottom:0;position:relative;width:calc(100% + 130px);z-index:-1}@media screen and (min-width:600px){.cta-hero-footer__illo{-webkit-flex-basis:calc(100%/3*2);-ms-flex-preferred-size:calc(100%/3*2);flex-basis:calc(100%/3*2);overflow:visible;width:auto}}.cta-hero-footer__illo>img{margin-left:-130px}@media screen and (min-width:600px){.cta-hero-footer__illo>img{margin-left:0;max-height:600px}}@media screen and (min-width:1000px){.cta-hero-footer__illo>img{bottom:-60px;left:-146px;max-height:none;position:absolute;-webkit-transform:scale(1.5);transform:scale(1.5)}}@media screen and (min-width:1440px){.cta-hero-footer__illo>img{bottom:-160px;-webkit-transform:scale(1.4);transform:scale(1.4)}}.cta-hero-footer__text{-webkit-align-items:center;-ms-flex-align:center;align-items:center;box-sizing:content-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:48px;-webkit-order:-1;-ms-flex-order:-1;order:-1;padding:0 32px;text-align:center}@media screen and (min-width:600px){.cta-hero-footer__text{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;margin:60px 0 84px;-webkit-order:initial;-ms-flex-order:initial;order:initial;padding-left:48px;text-align:left}}@media screen and (min-width:720px){.cta-hero-footer__text{-webkit-flex-basis:calc(100%/3*2);-ms-flex-preferred-size:calc(100%/3*2);flex-basis:calc(100%/3*2);padding-left:84px;padding-right:20px}}@media screen and (min-width:1280px){.cta-hero-footer__text{-webkit-flex-basis:calc(100%/3);-ms-flex-preferred-size:calc(100%/3);flex-basis:calc(100%/3);padding-left:176px;padding-right:80px}}.cta-hero-footer__text>span[aria-level="2"]{font-size:28px;line-height:1;font-weight:500;font-family:"Google Sans",sans-serif;margin:20px 0 12px}@media screen and (min-width:600px){.cta-hero-footer__text>span[aria-level="2"]{font-size:44px;line-height:54px;font-weight:500;font-family:"Google Sans",sans-serif;margin:32px 0 16px}}.cta-hero-footer__text>p,.landing-header h5{font-size:14px;line-height:28px;font-weight:500;font-family:"Google Sans",sans-serif}.cta-hero-footer__text>p{margin:0 0 30px}@media screen and (min-width:600px){.cta-hero-footer__text>p{font-size:20px;margin:0 0 40px}}.cta-hero-footer__text>svg{height:85px}@media screen and (min-width:1280px){.firebase-status__message{max-width:60%}}.firebase-status__issue a{color:inherit}.homepage-hero{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;height:550px}@media screen and (min-width:1280px){.homepage-hero{height:600px}}.homepage-hero__background>svg{left:0;position:absolute;top:calc(-4022px + 1800px);z-index:-3;-webkit-transform:translate(-50%);transform:translate(-50%)}@media screen and (min-width:600px){.homepage-hero__background>svg{right:0}}@media screen and (min-width:720px){.homepage-hero__background>svg{top:calc(-4022px + 2000px)}}@media screen and (min-width:1000px){.homepage-hero__background>svg{top:-1822px}}@media screen and (min-width:1280px){.homepage-hero__background>svg{left:40%;top:calc(-4022px + 1800px)}}@media screen and (min-width:2400px){.homepage-hero__background>svg{top:calc(-4022px + 2200px)}}.homepage-hero h1{text-align:center;color:#fff;margin-bottom:32px}@media screen and (min-width:600px){.homepage-hero h1{text-align:left}}.homepage-hero h1>br,.landing-header__text br{display:none}@media screen and (min-width:400px){.homepage-hero h1>br{display:inline}}.homepage-hero h1,.homepage-hero__ctas{position:relative;z-index:2}.homepage-hero h1 .cta-link--with-icon .material-icons,.homepage-hero__ctas .cta-link--with-icon .material-icons{margin-right:8px}.homepage-hero__content{display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;padding:80px 20px 0;height:100%;margin:0 auto;max-width:1352px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.homepage-hero__content{padding-left:48px;padding-top:112px}}@media screen and (min-width:1000px){.homepage-hero__content{padding-left:112px;padding-top:170px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}@media only screen and (min-width:1592px){.homepage-hero__content{padding-left:148px}}.homepage-hero__ctas{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.homepage-hero__ctas .cta-button{margin-bottom:12px}@media screen and (min-width:600px){.homepage-hero__ctas{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.homepage-hero__ctas .cta-button{margin:0 24px 0 0}}.homepage-hero__illo{bottom:-55vw;margin:0 -220px;pointer-events:none;position:absolute;right:-15%}.homepage-hero__illo img{margin-top:-30px;-webkit-transform:scale(.7);transform:scale(.7)}@media screen and (min-width:400px){.homepage-hero__illo{bottom:-50vw;right:-25%}.homepage-hero__illo img{margin-top:0;-webkit-transform:scale(.7);transform:scale(.7)}}@media screen and (min-width:500px) and (max-width:600px){.homepage-hero__illo{bottom:-45vw}}@media screen and (min-width:600px){.homepage-hero__illo{bottom:-270px}}@media screen and (min-width:720px){.homepage-hero__illo{bottom:unset;right:-30%;top:-50px}.homepage-hero__illo img{-webkit-transform:scale(.7);transform:scale(.7)}}@media screen and (min-width:1000px){.homepage-hero__illo{right:-20%;top:-80px}}@media screen and (min-width:1280px){.homepage-hero__illo{right:-15%;top:-60px}.homepage-hero__illo img{-webkit-transform:scale(.9);transform:scale(.9)}}.gamespage-hero{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:39vw;position:relative}@media screen and (min-width:1280px){.gamespage-hero{min-height:29vw}}.gamespage-hero__background>svg{left:4%;position:absolute;top:calc(-4022px + 1611px);z-index:-4;-webkit-transform:rotate(19deg) translate(-29%);transform:rotate(19deg) translate(-29%)}@media screen and (min-width:1000px){.gamespage-hero__background>svg{top:calc(-4022px + 1781px)}}@media screen and (min-width:1280px){.gamespage-hero__background>svg{left:4%;position:absolute;top:calc(-4022px + 1934px);-webkit-transform:rotate(19deg) translate(-29%);transform:rotate(19deg) translate(-29%)}}.gamespage-hero__illo{margin-bottom:-37%}.gamespage-hero__illo img{-webkit-transform:scale(1.2);transform:scale(1.2)}.landing-header{margin-bottom:140px;position:relative}@media screen and (min-width:1000px){.landing-header:not(.landing-header--small-margin){margin-bottom:144px}}@media screen and (min-width:2000px){.landing-header:not(.landing-header--small-margin){margin-bottom:164px}}.landing-header--small-margin{margin-bottom:92px}@media screen and (min-width:1000px){.landing-header--small-margin{margin-bottom:64px}}.landing-header #landing-header-background{fill:#039be5}.landing-header--coral #landing-header-background{fill:#ff8a65}.landing-header--orange #landing-header-background{fill:#f67f00}.landing-header--slate-grey #landing-header-background{fill:#2a363c}.landing-header .landing-header__nacho--default{left:-820px;position:absolute;top:-3827px;z-index:-1}@media screen and (min-width:720px){.landing-header .landing-header__nacho--default{left:-830px;top:-3547px}}@media screen and (min-width:1000px){.landing-header .landing-header__nacho--default{top:-3497px}}@media screen and (min-width:1440px){.landing-header .landing-header__nacho--default{left:-230px}}@media screen and (min-width:2400px){.landing-header .landing-header__nacho--default{left:80px}}@media screen and (max-width:720px){.landing-header .landing-header__nacho--default>svg{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.landing-header .landing-header__nacho--mods{left:-820px;position:absolute;top:-2348px;z-index:-1}@media screen and (min-width:720px){.landing-header .landing-header__nacho--mods{left:-830px;top:-2508px}}@media screen and (min-width:1000px){.landing-header .landing-header__nacho--mods{top:-2458px}}@media screen and (min-width:1440px){.landing-header .landing-header__nacho--mods{left:-230px}}@media screen and (min-width:2400px){.landing-header .landing-header__nacho--mods{left:80px}}@media screen and (max-width:720px){.landing-header .landing-header__nacho--mods>svg{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.landing-header--text-heavy .landing-header__nacho{top:-3747px}@media screen and (min-width:600px){.landing-header--text-heavy .landing-header__nacho{top:-3797px}}@media screen and (min-width:720px){.landing-header--text-heavy .landing-header__nacho{top:-3547px}}@media screen and (min-width:1000px){.landing-header--text-heavy .landing-header__nacho{top:-3447px}}@media screen and (min-width:1440px){.landing-header--text-heavy .landing-header__nacho{top:-3497px}}@media screen and (min-width:3200px){.landing-header--text-heavy .landing-header__nacho{top:-3397px}}.landing-header__inner-wrapper{margin:0 auto;max-width:1352px;text-align:center}.landing-header__inner-wrapper h1{max-width:1000px}@media screen and (min-width:720px){.landing-header__inner-wrapper{padding-left:20px;text-align:left}}@media screen and (min-width:1000px){.landing-header__inner-wrapper{padding-left:112px}}.landing-header__text{margin:auto;max-width:412px;padding-top:40px;position:relative}@media screen and (min-width:600px){.landing-header__text{max-width:80%}}@media screen and (min-width:720px){.landing-header__text{padding-top:120px;max-width:100%}.landing-header__text br{display:inline}}.landing-header h5{margin-top:0;margin-bottom:-14px}@media screen and (min-width:720px){.landing-header h5{margin-bottom:0;font-size:24px}}.devsite-article .landing-header h1:first-of-type,.landing-header h1{margin-top:24px;top:0}.devsite-article .landing-header h1:first-of-type:empty,.landing-header h1:empty{margin:0}.landing-header__back{margin-bottom:-24px}.landing-header__back .material-icons{font-weight:600;margin:0 8px 4px 0}.landing-header__back>.cta-link{font-size:14px;line-height:28px;font-weight:500;font-family:"Google Sans",sans-serif;color:#eceff1}@media screen and (min-width:720px){.landing-header__back>.cta-link{font-size:24px;line-height:26px;font-weight:500;font-family:"Google Sans",sans-serif}}@media screen and (max-width:600px){.logo-row .card__ctas{padding-top:0}}@media screen and (min-width:720px){.logo-row--mods .logo-row__container--with-titles a{width:160px}}.logo-row--mods .logo-row__container--with-titles .logo-row__logo img{border-radius:50%;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);width:72px}.logo-row__container{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:600px){.logo-row__container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 60px}.card .card__subpartial .logo-row__container{padding:0}}.logo-row__container--grid{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:720px){.logo-row__container--grid{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}}.logo-row__container--grid .logo-row__logo{padding:14px}@media screen and (min-width:720px){.logo-row__container--grid .logo-row__logo{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:0 1 25%;-ms-flex:0 1 25%;flex:0 1 25%;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:18px}}.logo-row__container--with-titles{-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}@media screen and (min-width:720px){.logo-row__container--with-titles{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:1000px){.logo-row__container--with-titles{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}.logo-row__container--with-titles .logo-row__logo,.logo-row__container--with-titles .logo-row__logo>a{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.logo-row__container--with-titles .logo-row__logo{padding:0 16px 44px}.logo-row__container--with-titles .logo-row__logo>a{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.logo-row__container--with-titles .logo-row__logo>a:hover span{opacity:.85}.logo-row__container--with-titles .logo-row__logo>a:focus span{text-decoration:underline}@media screen and (min-width:720px){.logo-row__container--with-titles .logo-row__logo{-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}}@media screen and (min-width:1000px){.logo-row__container--with-titles .logo-row__logo{padding-bottom:0}}.logo-row__container--with-titles .logo-row__logo img{width:60px}.logo-row__container--with-titles a,.logo-row__container--with-titles span{color:#757575;font:500 14px/18px "Google Sans",sans-serif;text-align:center;width:80px}.logo-row__logo{box-sizing:border-box;-webkit-flex:0 1 50%;-ms-flex:0 1 50%;flex:0 1 50%;min-height:40px;padding:12px;text-align:center}@media screen and (min-width:720px){.logo-row__logo{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;min-height:120px}}.logo-row__logo img{max-width:100%;max-height:100%}.logo-row__logo--dark img{background-color:#fff}@media screen and (min-width:720px){.logo-row__logo{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;max-width:100%}}.mod-detail h3,.mod-detail h4,.mod-detail__strong{font-weight:500;font-family:"Google Sans",sans-serif}.mod-detail h3,.mod-detail__strong{color:#424242;font-size:16px;line-height:18px}@media screen and (min-width:720px){.mod-detail h3,.mod-detail__strong{font-size:20px;line-height:24px;font-weight:500;font-family:"Google Sans",sans-serif}}.mod-detail h4{font-size:12px;line-height:16px}@media screen and (min-width:720px){.mod-detail h4{font-size:16px;line-height:24px;font-weight:500;font-family:"Google Sans",sans-serif}}.mod-detail h6{font-size:14px;line-height:24px;font-weight:400;font-family:"Roboto",sans-serif;color:#757575}.mod-detail pre{border-radius:8px}.mod-detail__header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eceff1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:48px}@media screen and (min-width:1000px){.mod-detail__header{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.mod-detail__header__left{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:48px}@media screen and (min-width:1000px){.mod-detail__header__left{-webkit-flex:1 1 calc(100% - 270px - 48px);-ms-flex:1 1 calc(100% - 270px - 48px);flex:1 1 calc(100% - 270px - 48px);margin-bottom:0;padding-right:48px}}@media screen and (max-width:720px){.mod-detail__header__right{width:100%}}@media screen and (min-width:1000px){.mod-detail__header__right{-webkit-flex-basis:270px;-ms-flex-preferred-size:270px;flex-basis:270px}}.mod-detail__header__right>a{width:100%;max-width:none}.mod-detail__made-by{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:7px}.mod-detail__made-by img{height:18px;margin-bottom:2px;margin-right:4px}.mod-detail__subtitle{font-size:13px;line-height:20px;font-weight:400;font-family:"Roboto",sans-serif;color:rgba(0,0,0,.54);margin:0}.mod-detail__image{border-radius:50%;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);-webkit-flex-basis:52px;-ms-flex-preferred-size:52px;flex-basis:52px;margin-right:16px;max-width:52px}@media screen and (min-width:400px){.mod-detail__image{-webkit-flex-basis:120px;-ms-flex-preferred-size:120px;flex-basis:120px;max-width:120px}}@media screen and (min-width:720px){.mod-detail__image{margin-right:28px;width:120px}}.mod-detail h4,.mod-detail h6,.mod-detail__heading h1{margin-bottom:0}@media screen and (min-width:720px){.mod-detail__heading h1{font-size:38px;line-height:54px;font-weight:500;font-family:"Google Sans",sans-serif}}.mod-detail__heading p{max-width:440px}.mod-detail__alpha-header{font-size:16px;font-weight:500;font-family:"Google Sans",sans-serif;color:#1e88e5;line-height:22px;margin-left:3px}.mod-detail__body__wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:720px){.mod-detail__body__wrapper{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.mod-detail__body{-webkit-flex:1 1 calc(100% - 270px - 48px);-ms-flex:1 1 calc(100% - 270px - 48px);flex:1 1 calc(100% - 270px - 48px);max-width:515px;padding-right:48px}}.mod-detail__body ul{padding-left:22px}.mod-detail__body li{margin:4px 0;padding-left:8px}.mod-detail__body h6{font-weight:600}.mod-detail__expandables{margin-bottom:44px}.mod-detail__expandables>devsite-expandable{border-top:1px solid #eceff1;padding-bottom:16px;padding-top:16px}.mod-detail__expandables>devsite-expandable:last-of-type{border-bottom:1px solid #eceff1}.mod-detail__expandables .mod-detail__expandable__content{padding-left:40px}.mod-detail__expandables h6{color:#424242;font-family:"Google Sans",sans-serif;font-weight:500;margin-bottom:4px}.mod-detail__plan{-webkit-flex-basis:270px;-ms-flex-preferred-size:270px;flex-basis:270px}@media screen and (max-width:720px){.mod-detail__plan{border-top:1px solid #eceff1;margin-top:40px;padding-top:40px}}.mod-detail__description ul,.mod-detail__plan h3{margin-bottom:16px}.fb-price-row.included .header strong,.mod-detail__plan__link,.pricing-table .pricing-table__body__cell--blaze ul,.pricing-table .pricing-table__body__cell--spark ul{font-weight:500}.mod-detail__plan__spec,.use-case h4{margin-bottom:24px}.mod-detail__plan__role{border-radius:12px;border:1px solid rgba(0,0,0,.12);display:inline-block;font-size:13px;font-weight:500;margin-bottom:4px;padding:0 10px}.mod-detail__plan__list,.platforms-footer{display:-webkit-flex;display:-ms-flexbox;display:flex}.mod-detail__plan__list{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.mod-detail__install .mod-detail__install__console{margin-bottom:40px}.mod-detail__install .mod-detail__install__help{display:block;margin-bottom:8px;position:relative;top:-12px}.platforms-footer{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#eceff1;padding:16px 0 20px}@media screen and (min-width:1000px){.platforms-footer{padding:32px 0}}.platforms-footer span{color:#4a4a4a;margin:0 12px 0 0;font-size:12px;line-height:24px;font-weight:400;font-family:"Google Sans",sans-serif}@media screen and (min-width:1000px){.platforms-footer span{font-size:16px;line-height:24px;font-weight:400;font-family:"Google Sans",sans-serif}}.fb-calculator-body .mdl-slider.is-upgraded::-webkit-slider-thumb{border:none;background:#039be5}.fb-calculator-body .mdl-slider.is-upgraded::-moz-range-thumb{border:none;background:#039be5}.fb-calculator-body .mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb{background:#039be5}.fb-calculator-body .mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb{background:#039be5}.fb-calculator-body .mdl-slider.is-upgraded:active::-webkit-slider-thumb{border:none!important}.fb-calculator-body .mdl-slider.is-upgraded:active::-moz-range-thumb{border:none!important}.fb-calculator-body .mdl-slider.is-upgraded::-ms-fill-lower,.fb-calculator-body .mdl-slider.is-upgraded::-ms-thumb,.fb-calculator-body .mdl-slider.is-upgraded::active::-ms-thumb,.fb-calculator-body .mdl-slider.is-upgraded:focus:not(:active):-ms-thumb{background:#039be5!important}html{height:auto!important}.firesite-feature-icon{background-color:#ffca28;display:inline-block;font-size:46px;width:1em;height:1em;margin-top:8px;margin-bottom:8px;border-radius:50%;position:relative;overflow:hidden}.firesite-feature-icon.firesite-feature-icon--quality{background-color:#ffa000}.firesite-feature-icon.firesite-feature-icon--grow{background-color:#ff8a65}.firesite-feature-icon .gmp-icons{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:50%;color:#fff}.mdl-tooltip{will-change:auto!important}.devsite-landing-row-item-description{width:100%!important}.fb-prices-clear{clear:both}.fb-prices{display:block}.fb-prices-resp{display:none}.material-icons.green{color:#02bfa6}.material-icons.red{color:#f92953}label{font:400 14px/24px "Roboto",sans-serif;line-height:16px}.fb-price-row{display:-webkit-flex;display:-ms-flexbox;display:flex}.fb-prices .fb-price-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.fb-price-row>div{-webkit-flex:1 1 250px;-ms-flex:1 1 250px;flex:1 1 250px;font-size:16px}.fb-price-row.features .aspect,.fb-price-row.features .feature{-webkit-flex:0 1 250px;-ms-flex:0 1 250px;flex:0 1 250px;min-width:150px}.fb-calculator-item .featuretitle,.fb-price-row.features .featuretitle{-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#424242;display:-webkit-flex;display:-ms-flexbox;display:flex;font-family:"Google Sans",sans-serif;font-size:20px;font-weight:500;line-height:26px;padding-left:16px}.fb-calculator-item .featureicon,.fb-price-row.features .featureicon{margin-left:20px}.fb-price-row.features .feature{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.fb-price-row.features .feature>div{background-color:#fafbfc;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;text-align:left}.fb-price-row .spacer{background-color:#fafbfc;display:inline-block;float:left;height:100%;width:24px}.fb-price-row .header .spacer,.pricing-table .pricing-table tr{background-color:#fff}.fb-price-row.included .spacer{background-color:#e0f2f1;float:none;vertical-align:top}.fb-price-row.features .aspect>div,.fb-price-row.features .feature>div{border-bottom:1px solid #cfd8dc;height:48px;line-height:48px}.fb-price-row.features .not-spark>div,.fb-price-row.features .spark>div{border-bottom:1px solid #cfd8dc;height:48px}.fb-price-row.features .material-icons{line-height:48px}.fb-price-row.features .aspect>div{background-color:#fafbfc;color:rgba(0,0,0,.54);font-size:14px;text-align:left}.fb-price-row.features .spark>div{background:#e1f3fb;line-height:48px;text-align:center}.fb-price-row.features .not-spark>div{background:#f2f5f6;line-height:48px;text-align:center}.fb-price-row.features .not-spark .footnote{line-height:40px}.fb-price-row .noshrink{-webkit-flex:0 1 250px;-ms-flex:0 1 250px;flex:0 1 250px;min-width:150px}.cta-container,.fb-price-row.included{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.fb-price-row.included{background:#e0f2f1;border-bottom:1px solid #cfd8dc;border-top:1px solid #cfd8dc;color:#00897b}.fb-price-row.included .header-wrapper{-webkit-flex:0 1 500px;-ms-flex:0 1 500px;flex:0 1 500px}.fb-price-row.included .header{color:#00897b;font-size:14px;font-weight:400;padding:16px}.fb-price-row.included .body{text-align:center}.fb-price-row.headers .header{color:#fff;font-family:"Roboto",sans-serif;font-weight:400;height:160px;text-align:center}.fb-price-row.headers .header .padding{margin-left:24px;padding:12px;height:100%;box-shadow:0 4px 4px 0 #ccc}.fb-price-row.headers .header.spark,.fb-price-row.spark .header{background:#29b6f6;color:#fff}.fb-price-row.flame .header,.fb-price-row.headers .header.flame{background:#78909c;color:#fff}.fb-price-row.blaze .header,.fb-price-row.headers .header.blaze{background:#90a4ae;color:#fff}.fb-price-row.feature .header .title,.fb-price-row.headers .header .title{font-size:18px;line-height:24px;padding:8px}.fb-price-row.feature .header .price,.fb-price-row.headers .header .price{font-size:22px;line-height:20px}.fb-price-row.feature .header .description,.fb-price-row.headers .header .description{font-size:14px}.fb-price-row.headers .header hr,.fb-price-row.plan .header hr{border-top-width:2px;color:#fff;margin-left:36px;margin-right:36px;opacity:.3}.fb-price-row.features.cta-row div div{height:100%}.cta-container{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:24px 0}.fb-price-row.cta-row div{border-bottom:none!important}.fb-price-row.cta-row .aspect>div,.fb-price-row.cta-row .feature>div,.fb-price-row.cta-row .spacer{background-color:#fff!important}.fb-price-header{font-family:"Roboto",sans-serif;height:100%;margin:0;padding:0;width:234px}.fb-price-section-header{background-color:#fafbfc;border-bottom:1px solid #cfd8dc;color:#212121;font-size:18px;text-align:left;width:190px}.fb-price-subsection-header{background-color:#fafbfc;color:rgba(0,0,0,.54);font-family:"Roboto",sans-serif;font-size:14px;height:32px;min-width:187px;padding:8px;text-align:left}.fb-footnote{color:rgba(0,0,0,.54);font-size:12px;font-style:italic;padding:0 16px 16px}.fb-price-calculator-heading h2{color:rgba(0,0,0,.87);font-size:24px;font-weight:400;line-height:32px;margin-bottom:0;margin-top:40px}.fb-price-calculator-heading p{color:rgba(0,0,0,.54);margin:24px 0;max-width:640px}.fb-calculator,.use-cases .three-column__column__image-link>a>img{border-radius:8px}.fb-calculator>section:not(:first-of-type):not(:last-of-type){border:1px solid #eceff1;border-bottom:0}.fb-calculator>section:last-of-type{border:1px solid #eceff1}.fb-calculator--top-left{border-top-left-radius:8px}@media only screen and (max-width:900px){.fb-calculator--top-left--mobile{border-top-left-radius:8px}}.fb-calculator--top-right{border-top-right-radius:8px}.fb-calculator--bottom-left{border-bottom-left-radius:8px}@media only screen and (max-width:900px){.fb-calculator--bottom-left--mobile{border-bottom-left-radius:8px}}.fb-calculator--bottom-right{border-bottom-right-radius:8px}.fb-calculator-item{-webkit-flex:1;-ms-flex:1;flex:1}.fb-calculator-item,.fb-calculator-item header,.fb-calculator-item header.showalways,.fb-calculator-range{display:-webkit-flex;display:-ms-flexbox;display:flex}.fb-calculator-item header{-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;max-width:250px;min-width:180px;width:250px}.fb-calculator-item header.showalways{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:28px 0 36px}.fb-calculator-item header h1{margin:0;padding:12px}.fb-calculator-item .exw-control{display:none}.fb-calculator-range{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.fb-calculator-rangeholder{-webkit-flex:1;-ms-flex:1;flex:1}.fb-calculator .expandable>:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control){display:block}.fb-calculator-reset-button{background-color:#039be5;border-radius:8px;color:#fff;cursor:pointer;font-family:"Roboto",sans-serif;font-size:14px;font-weight:500;letter-spacing:.15px;line-height:16px;padding:10px 20px;text-align:center;transition:all .15s linear}.fb-calculator-reset-button:hover{background-color:#0288d1;color:#fff!important}.fb-calculator-total{color:#424242;font-family:"Google Sans",sans-serif;font-size:18px;font-weight:500;line-height:26px}.fb-calculator-cell{background:#fff;padding:12px;width:200px;position:relative}.fb-calculator-cell span:first-child{z-index:1}.fb-calculator-cell i{z-index:1}.fb-calculator-total-cell{max-width:275px}.fb-calculator-cell .mdl-slider__container{height:24px;margin-left:20px}.fb-calculator-cell .mdl-slider__container::before{background-color:#039be5;content:'';height:2px;left:-20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:46px}.fb-calculator-cell .mdl-slider__background-lower{background:#ffca2b}.fb-calculator-cell .mdl-slider__background-upper{background:#eceff1}.fb-calculator-header>div,.fb-calculator-range-cell,.fb-calculator-total-cell{-webkit-flex:1;-ms-flex:1;flex:1}.fb-calculator-cost-cell,.fb-calculator-header-cell{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.fb-calculator-cost-cell{background:#2e3a4d;color:#fff;font:500 16px/24px "Roboto",sans-serif;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:auto}.fb-calculator-header>div{background:#f8f9fa;border:1px solid #eceff1;border-bottom:0;overflow:hidden}.fb-calculator-header-cell{height:70px;padding:0 12px}.fb-calculator-header-billing-cell{background:#2e3a4d;border:1px solid #eceff1;color:#fff;font:400 14px/20px "Roboto",sans-serif;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:202px}.fb-calculator-header-cell .label{color:#fff;font-family:"Roboto",sans-serif;font-size:12px;line-height:16px}.fb-calculator-grand-total>div{background:0 0;-webkit-flex:1;-ms-flex:1;flex:1}.fb-calculator-grandtotal-cell{background:#2e3a4d;color:#fff;font:500 16px/24px "Roboto",sans-serif;padding:36px 12px;text-align:center;width:200px}.fb-calculator-grandtotal-cell .label,.fb-calculator-summary{font-family:"Roboto",sans-serif;font-size:14px;line-height:20px}.fb-calculator-grandtotal-cell .label{text-align:center;color:#fff}.fb-calculator-summary{color:#757575}.fb-calculator-item-cost{display:none}.firebase-feature{border-bottom:1px solid #cfd8dc}.firebase-feature .expand-control.showalways{color:#757575;font-size:16px;line-height:24px;margin:20px 0;padding-right:44px}.firebase-feature p{margin-right:40px}.firebase-feature .expand-control::after{color:#bdbdbd;content:'expand_more';font:24px/1 "Material Icons",sans-serif;font-feature-settings:'liga';-moz-font-feature-settings:'liga';-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;height:20px;margin:2px 0;position:absolute;right:18px;text-rendering:optimizeLegibility;top:-2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:20px;word-wrap:normal}.firebase-feature .exw-expanded::after{content:"expand_less"}.firebase-pricing-page .devsite-main-content{padding:0 80px}.fb-calculator-body{background-color:transparent!important;font-family:"Roboto",sans-serif}body.fb-calculator-body{padding:0 20!important}.fb-calculator-footnote{border-top:none;color:#757575;font-size:12px}@media only screen and (max-width:1000px){.fb-price-row.headers .header .title{font-size:16px;line-height:24px}.fb-price-row.headers .header .price{font-size:18px;line-height:16px}.fb-price-row.headers .header .description{font-size:12px}.fb-price-row.features .aspect>div{font-size:13px}}@media only screen and (min-width:901px){.fb-calculator-item.expandable .exw-collapsed-content{display:block!important}.fb-calculator-cost-cell:not(:last-of-type)::after{background:#2e3a4d;content:'';height:200px;padding:0 12px;position:absolute;right:0;top:0;width:200px;z-index:0}}@media only screen and (max-width:900px){.fb-prices{display:none}.fb-prices-resp{display:block}.fb-price-row,.fb-price-row>div{display:block;-webkit-flex:none;-ms-flex:none;flex:none}.fb-price-row.included{border:none;display:block;height:auto;text-align:center}.fb-price-row.included .free{padding:16px}.fb-price-row.included .apps{padding:0 16px 16px}.fb-price-row.plan{padding-top:24px}.fb-price-row.plan .header{padding:24px;text-align:center}.fb-price-row.plan .header .price{font-size:24px;padding-top:8px}.fb-price-row.plan .features{background-color:#e6f7fe}.fb-price-row.blaze .features,.fb-price-row.flame .features{background-color:#f2f5f6}.fb-price-row.plan .features .expandable{clear:both}.fb-price-row.plan .features header.showalways{border-top:1px solid #dce9ef;padding-left:0}.fb-price-row.plan .features .exw-control,.fb-price-row.plan .features .exw-control:hover{background:0 0;display:block;right:16px;top:16px}.fb-price-row.plan .features header .title{color:#212121;font-size:18px;padding:16px}.fb-price-row .features .feature{border-top:1px solid #dce9ef;clear:both;line-height:48px}.fb-price-row .features .feature .name{color:rgba(0,0,0,.54);float:left;font-size:16px;padding:0 16px}.fb-price-row .features .feature .value{float:right;font-size:16px;padding:0 24px}.fb-price-row .features .feature .material-icons{position:relative;top:8px}.fb-calculator-range{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:192px}.fb-calculator-range>div:not(.fb-calculator-footnote):first-of-type{border-top:1px solid #cfd8dc;padding-bottom:0}.fb-calculator-item{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.fb-calculator-item .firesite-feature-icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:34px;margin-bottom:0;margin-left:0;margin-top:0}.fb-calculator-item .featuretitle,.fb-price-row.features .featuretitle{font-family:'Google Sans',sans-serif;font-size:14px;line-height:18px}.fb-calculator-item header.showalways{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:16px;max-width:inherit;width:inherit}.fb-calculator-item .exw-control,.fb-calculator-item .exw-control:hover{background:0 0;display:block;right:16px;top:36px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);margin:0}.fb-calculator-item .exw-control::before,.fb-price-row.plan .features .exw-control::before{color:#b5c0c5}.fb-calculator-item-cost{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:36px}.fb-calculator-item-cost>span{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font:400 14px/18px "Roboto",sans-serif;text-align:right}.fb-calculator-cell{width:auto;background:0 0}.fb-calculator-total-cell{float:left;max-width:none}.fb-calculator-cost-cell{background:0 0;color:#fff;float:right;font-family:"Google Sans",sans-serif;font-size:20px;font-weight:500;line-height:26px;text-align:center}.fb-calculator-clear{clear:both}.fb-calculator-rangeholder{background:0 0}.fb-calculator-item a.exw-control{transition:all .2s ease-in-out}.fb-calculator-item a.exw-control::before{content:"expand_more"}.fb-calculator-item a.exw-control.exw-expanded{-webkit-transform:translate(0,-50%) rotate(180deg);transform:translate(0,-50%) rotate(180deg)}.fb-calculator .expandable>:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control){display:none}.fb-calculator-grand-total{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.fb-calculator-grand-total>div{-webkit-flex:0 1;-ms-flex:0 1;flex:0 1}.fb-calculator-grand-total>section{-webkit-flex:1;-ms-flex:1;flex:1}.fb-calculator-header-reset-cell{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.fb-calculator.fb-calculator-free .fb-calculator-header-reset-cell{display:none}.fb-calculator-header-billing-cell{background-color:#f5f7f8;border:none;width:100%}.fb-calculator:not(.fb-calculator-free) .fb-calculator-header-billing-cell{display:none}.fb-calculator-header-cell{padding:0}.fb-calculator-header-cell.fb-calculator-header-billing-cell .label{color:#424242}}@media only screen and (max-width:720px){.firebase-pricing-page .devsite-main-content{padding:0 16px}}.firesite-lang--es_419 .pricing-table__table,.firesite-lang--ja .pricing-table__table,.firesite-lang--pt_BR .pricing-table__table{display:none!important}@media screen and (min-width:1336px){.firesite-lang--es_419 .pricing-table__table,.firesite-lang--ja .pricing-table__table,.firesite-lang--pt_BR .pricing-table__table{display:block!important}}.firesite-lang--es_419 .pricing-table-mobile,.firesite-lang--ja .pricing-table-mobile,.firesite-lang--pt_BR .pricing-table-mobile{display:block!important}@media screen and (min-width:1336px){.firesite-lang--es_419 .pricing-table-mobile,.firesite-lang--ja .pricing-table-mobile,.firesite-lang--pt_BR .pricing-table-mobile{display:none!important}}.firesite-lang--es_419 .not-free .pricing-table__body__cell__list-item,.firesite-lang--pt_BR .not-free .pricing-table__body__cell__list-item{height:52px;white-space:normal}@media screen and (min-width:1183px){.card--pricing-table .card__content{padding:80px}}.pricing-table .cta-button{padding-left:30px;padding-right:30px}.pricing-table__table{border-radius:8px;display:none;overflow:hidden}@media screen and (min-width:1183px){.pricing-table__table{display:block}}.pricing-table .pricing-table__footer tr,.pricing-table__table tr{border:0}.pricing-table .pricing-table-mobile{display:block}@media screen and (min-width:1183px){.pricing-table .pricing-table-mobile{display:none}}.pricing-table .pricing-table-mobile__free-products{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pricing-table .pricing-table-mobile__free-products .product-icon__icon{width:40px;height:40px}.pricing-table .pricing-table-mobile__free-products .product-icon__icon>i{font-size:18px}.pricing-table .pricing-table-mobile__plan{background-color:#fff;margin-bottom:32px;border:1px solid #eceff1;border-radius:8px;overflow:hidden}.pricing-table .pricing-table-mobile__plan__name,.pricing-table .pricing-table-mobile__plan__name>h5{color:#fff;font-size:20px;margin-bottom:4px}.pricing-table .pricing-table-mobile__plan__description{color:#fff;font-size:14px;font-weight:400}.pricing-table .pricing-table-mobile__plan__description a{color:inherit;text-decoration:underline}.pricing-table .pricing-table-mobile__plan__price{color:#fff;font-size:36px;line-height:36px;font-weight:300;margin-bottom:0}.pricing-table .pricing-table-mobile__plan__header{padding:24px;text-align:center}.pricing-table .pricing-table-mobile__plan__header--blaze,.pricing-table .pricing-table-mobile__plan__header--spark{color:#fff}.pricing-table .pricing-table-mobile__plan__header--spark{background-color:#039be5}.pricing-table .pricing-table-mobile__plan__header--blaze{background-color:#2e3a4d}.pricing-table .pricing-table-mobile__plan__header .firesite-feature-icon{font-size:30px}.pricing-table .pricing-table-mobile__plan__header .firesite-row__separator{margin:20px 40px;opacity:.5}.pricing-table .pricing-table-mobile__plan__header h3{margin-top:0;margin-bottom:8px}.pricing-table .pricing-table-mobile__plan__products .expandable{border-bottom:1px solid #eceff1}.pricing-table .pricing-table-mobile__plan__products__row{padding:16px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.pricing-table .pricing-table-mobile__plan__products__row--product-name{font-size:18px}@media only screen and (max-width:321px){.pricing-table .pricing-table-mobile__plan__products__row--product-name{font-size:15px}}.pricing-table .pricing-table-mobile__plan__products__row--product-name--google-cloud-platform .firesite-pricing-mobile__plan__products__row__item{color:#039be5}.pricing-table .pricing-table-mobile__plan__products__row--product-name .firesite-feature-icon{font-size:36px;margin-right:10px;margin-bottom:0;vertical-align:middle}.pricing-table .pricing-table-mobile__plan__products__row--product-name .firesite-feature-custom-icon{margin-right:10px;vertical-align:middle;width:36px}.pricing-table .pricing-table-mobile__plan__products__row--product-name .firesite-pricing-mobile__plan__products__row__item--feature-support::before{display:inline-block;content:"";height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.pricing-table .pricing-table-mobile__plan__products__row--product-name .firesite-pricing-mobile__plan__products__row__item--feature-support .material-icons{color:#757575;cursor:pointer}.pricing-table .pricing-table-mobile__plan__products__row--feature{padding:16px}.pricing-table .pricing-table-mobile__plan__products__row--feature .firesite-pricing-mobile__plan__products__row__item{max-width:50%}.pricing-table .pricing-table-mobile__plan__products__row--feature .firesite-pricing-mobile__plan__products__row__item:not(.firesite-pricing-mobile__plan__products__row__item--feature-support){color:#000}.pricing-table .pricing-table-mobile__plan__products__row--disclaimer{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.pricing-table .pricing-table-mobile__plan__products__row--heading{background-color:#f5f7f8}.pricing-table .pricing-table-mobile__plan__products__row__item{-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;line-height:18px;max-width:60%}.pricing-table .pricing-table-mobile__plan__products__row__item--feature-support{color:#757575;position:relative;text-align:right}.pricing-table .pricing-table-mobile__plan__products__row__item__header{font-size:16px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#757575;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;padding-right:20px}.pricing-table .pricing-table-mobile__plan__products__row__item__header>span{max-width:70%}@media screen and (min-width:600px){.pricing-table .pricing-table-mobile__plan__products__row__item__header{font-size:20px;line-height:26px}}.pricing-table .pricing-table-mobile__plan__products__row__item__header .product-icon{margin-right:4px}@media screen and (min-width:600px){.pricing-table .pricing-table-mobile__plan__products__row__item__header .product-icon{margin-right:16px}}.pricing-table .pricing-table-mobile__plan__products__row__item__header .product-icon__icon{height:40px;width:40px}@media screen and (min-width:600px){.pricing-table .pricing-table-mobile__plan__products__row__item__header .product-icon__icon{height:50px;width:50px}}.pricing-table .pricing-table-mobile__plan__cta{padding:16px;text-align:center}.pricing-table .pricing-table-mobile__plan__cta--spark{background-color:#039be5}.pricing-table .pricing-table-mobile__plan__cta--blaze{background-color:#2e3a4d}.pricing-table .pricing-table__body__cell{padding:40px 24px}.pricing-table .pricing-table__body__cell:not(.pricing-table__body__cell--blaze){border-right:1px solid #eceff1}.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__body__cell:first-child{padding:40px 24px}.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__footer__cell:first-child,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__footer__cell:last-child,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__header__cell:first-child,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__header__cell:last-child,.pricing-table .pricing-table__footer__cell,.pricing-table .pricing-table__header__cell{padding:20px}@media screen and (min-width:1280px){.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__footer__cell:first-child,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__footer__cell:last-child,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__header__cell:first-child,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__header__cell:last-child,.pricing-table .pricing-table__footer__cell,.pricing-table .pricing-table__header__cell{padding:32px 8px 20px 20px}}.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__footer__cell:first-child__title,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__footer__cell:last-child__title,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__header__cell:first-child__title,.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__header__cell:last-child__title,.pricing-table .pricing-table__footer__cell__title,.pricing-table .pricing-table__header__cell__title{font-size:20px;line-height:26px}.pricing-table .firesite-tooltip__container{left:5px;top:-2px;position:relative}.pricing-table .firesite-tooltip__container.pricing__blaze-node{top:0}.pricing-table .firesite-tooltip__container .material-icons{font-size:20px}.pricing-table .firebase-pricing-bump-up{-webkit-transform:translateY(-16px);transform:translateY(-16px);display:inline-block}.pricing-table .devsite-wrapper{background-size:100vw}.pricing-table .firesite-row.is-page-header-row .firesite-row__inner{padding-bottom:40px}.pricing-table .firesite-row-header{position:relative;margin-bottom:20px}.pricing-table .firesite-row-header .collapser{display:none}.pricing-table .firesite-row-header.calculator-header{margin-bottom:60px}.pricing-table .firesite-row-header__title{margin-bottom:52px}.pricing-table .firesite-row-header__description strong{color:#424242;font-weight:500}@media screen and (max-width:1000px){.pricing-table .pricing-table{display:none}}.pricing-table .pricing-table td,.pricing-table .pricing-table th{padding:20px;border-left:1px solid #eceff1}.pricing-table .pricing-table__footer__cell__title,.pricing-table .pricing-table__header__cell__title{font-size:24px;line-height:28px;font-weight:500;font-family:"Google Sans",sans-serif;color:#fff}@media screen and (min-width:1440px){.pricing-table .pricing-table__footer__cell__title,.pricing-table .pricing-table__header__cell__title{font-size:36px;line-height:46px}}.pricing-table .pricing-table__footer__cell__plan-name,.pricing-table .pricing-table__footer__cell__plan-name>h5,.pricing-table .pricing-table__header__cell__plan-name,.pricing-table .pricing-table__header__cell__plan-name>h5{font-size:20px;line-height:1;margin-bottom:14px}.pricing-table .pricing-table__footer__cell__plan-name--empty,.pricing-table .pricing-table__footer__cell__plan-name>h5--empty,.pricing-table .pricing-table__header__cell__plan-name--empty,.pricing-table .pricing-table__header__cell__plan-name>h5--empty{height:20px}.pricing-table .pricing-table__footer__cell--products .pricing-table__footer__cell__title,.pricing-table .pricing-table__footer__cell--products .pricing-table__header__cell__title,.pricing-table .pricing-table__header__cell--products .pricing-table__footer__cell__title,.pricing-table .pricing-table__header__cell--products .pricing-table__header__cell__title{color:#424242}.pricing-table .pricing-table__header__cell{background-color:#f5f7f8;vertical-align:top;width:24%}.pricing-table .pricing-table__header__cell__plan-description{display:block;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px}.pricing-table .pricing-table__header__cell__plan-description .link--white{text-decoration:underline}.pricing-table .pricing-table__header__cell__rule{border-color:#fff;margin:20px 0}.pricing-table .pricing-table__header__cell__disclaimer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:14px;line-height:1.5;margin-top:24px}@media screen and (min-width:1183px){.pricing-table .pricing-table__header__cell__disclaimer{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:12px;margin-top:0}}.pricing-table .pricing-table__header__cell__disclaimer .material-icons{font-size:24px;margin-right:0;margin-bottom:12px}@media screen and (min-width:1183px){.pricing-table .pricing-table__header__cell__disclaimer .material-icons{font-size:12px;margin-right:4px;margin-bottom:0;line-height:16px}}.pricing-table .pricing-table__footer__cell{vertical-align:top}.pricing-table .pricing-table__footer__cell__plan-description{display:block;font-size:14px;margin-bottom:24px}.pricing-table .pricing-table__footer__cell--products,.pricing-table .pricing-table__header__cell--products{border:1px solid #eceff1}.pricing-table .pricing-table__footer__cell--spark,.pricing-table .pricing-table__header__cell--spark{border:1px solid #039be5;background-color:#039be5}.pricing-table .pricing-table__footer__cell--blaze,.pricing-table .pricing-table__header__cell--blaze{border:1px solid #2e3a4d;background-color:#2e3a4d}.pricing-table .pricing-table__body{border-right:1px solid #eceff1;border-right-width:2px}.pricing-table .pricing-table__body__row{border:1px solid #eceff1}.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell{padding:8px 24px;position:relative;vertical-align:middle}.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell__list--fixed-height{height:34px}.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell__list-item{left:calc(-33px/2);position:absolute;top:0}.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell .firesite-feature-icon{font-size:30px;margin:0 8px 8px 0}.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell--blaze,.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell--spark{background-color:#f6fcfe}.pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell--spark{border-right:0}.devsite-article-body>:not(devsite-selector) .pricing-table .pricing-table__body__row--free-products .pricing-table__body__cell:first-child{padding:8px 24px}.pricing-table .pricing-table__body__row--google-cloud-platform .pricing-table__body__cell__title,.pricing-table .pricing-table__body__row--google-cloud-platform .pricing-table__body__cell__title>h5{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.pricing-table .pricing-table__body__cell{background-color:#fff;font-size:14px;position:relative}@media screen and (min-width:1280px){.pricing-table .pricing-table__body__cell{font-size:16px}}.pricing-table .pricing-table__body__cell__heading{position:absolute;top:0;width:100%;left:0;height:64px;background-color:#f5f7f8;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:12px 14px 6px 12px}.pricing-table .pricing-table__body__cell__heading>span{font-size:16px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif}.pricing-table .pricing-table__body__cell__title{overflow:visible}.pricing-table .pricing-table__body__cell ul li{font-size:16px;line-height:26px;margin:12px 0}.pricing-table .pricing-table__body__cell .material-icons{font-size:24px}.pricing-table .pricing-table__body__cell .material-icons.icon-green,.pricing-table .pricing-table__body__cell .material-icons.icon-red{margin-top:-6px}.pricing-table .pricing-table__body__cell .firesite-feature-icon{display:none;vertical-align:middle;margin-bottom:0}.pricing-table .pricing-table__body__cell .firesite-feature-custom-icon{width:46px;display:none;vertical-align:middle;margin-bottom:0}.pricing-table .pricing-table__body__cell__title,.pricing-table .pricing-table__body__cell__title>h5{display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;vertical-align:middle}.pricing-table .pricing-table__body__cell__disclaimer{bottom:14px;font-size:12px;font-family:"Roboto",sans-serif;left:24px;line-height:18px;position:absolute;right:0}.pricing-table .pricing-table__body__cell__list-item{color:#757575;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap}.pricing-table .pricing-table__body__cell__list-item--free-cell{color:#0288d1}@media screen and (min-width:720px){.pricing-table .pricing-table__body__cell__list-item{display:block}}.pricing-table .pricing-table__body__cell__description{font-size:14px;margin-top:8px}.pricing-table .pricing-table__body__cell--blaze,.pricing-table .pricing-table__body__cell--spark{font-size:16px;line-height:20px;font-weight:400;font-family:"Google Sans",sans-serif;text-align:center;vertical-align:bottom}@media screen and (min-width:1280px){.pricing-table .pricing-table__body__cell--blaze,.pricing-table .pricing-table__body__cell--spark{font-size:18px;line-height:26px}}@media screen and (min-width:1183px){.pricing-table .firesite-pricing-disclaimers{padding-left:20px}}.pricing-table .firesite-pricing-disclaimers .small{font-size:90%}.pricing-table .firesite-row--tout .firesite-row__inner{background-size:650px;padding-right:780px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.pricing-table .firesite-row--tout .firesite-row__inner .firesite-row-header__title{margin-bottom:40px}}.pricing-table .material-icons{vertical-align:middle}.pricing-table .material-icons.icon-green{color:#02bfa6}.pricing-table .material-icons.icon-red{color:#f92953}@media screen and (max-width:720px){.firesite-page-pricing .firesite-row__inner{padding-bottom:40px}.firesite-page-pricing .firesite-row__separator{margin:60px -64px}.firesite-page-pricing .firesite-row--tout .firesite-row__inner{padding-right:410px;background-position-x:100%;background-size:400px auto}.firesite-page-pricing .firesite-row--tout .firesite-row__inner .firesite-row-header__title{margin-bottom:30px}}@media screen and (max-width:400px){.full-usecase__main{-webkit-order:2;-ms-flex-order:2;order:2}.firesite-page-pricing .firesite-row.is-page-header-row .firesite-row__inner{padding-bottom:40px}.firesite-page-pricing .firebase-pricing-bump-up{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.firesite-page-pricing .firesite-row-header__title{padding-right:24px}.firesite-page-pricing .firesite-button.is-hero.is-raised{margin-bottom:16px}.firesite-page-pricing .firesite-row__separator{margin:30px -18px}.firesite-page-pricing .firesite-row--tout .firesite-row__inner{background-size:360px;padding:40px 18px 100px}}@media only screen and (max-width:400px) and (orientation:portrait){.firesite-page-pricing .firesite-row--tout .firesite-row__inner{padding-bottom:160px}}@media only screen and (max-width:400px) and (orientation:landscape) and (max-width:480px){.firesite-page-pricing .firesite-row--tout .firesite-row__inner{background-size:320px}}@media screen and (max-width:400px){.firesite-page-pricing .firesite-row--tout .firesite-row__inner .firesite-row-header__title{margin-bottom:30px}}@media only screen and (max-width:1200px) and (min-width:1000px){.firesite-row--tout .firesite-row__inner{padding-right:650px!important}}.product-grid{margin-top:28px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:720px){.product-grid{margin-top:60px}}@media screen and (min-width:1280px){.product-grid{margin-top:80px}}.product-grid__titles{margin:4px 0 12px}.product-grid__titles--mods{margin:4px 0 30px}.product-grid__titles--mods .product-grid__subtitle{margin-top:-28px;margin-bottom:14px}.product-grid__title{margin:0}.extensions-grid__title>a,.product-grid__title>a{color:inherit}.extensions-grid p,.product-grid p{-webkit-flex:1;-ms-flex:1;flex:1;padding-right:24px;margin-bottom:0}@media screen and (min-width:720px){.product-grid--mods{margin-top:42px}}.product-grid__ctas,.product-grid__meta{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.product-grid__meta{margin-bottom:16px}.product-grid__subtitle{font-size:14px;line-height:20px;font-weight:500;font-family:"Roboto",sans-serif;color:#174ea6;margin:0}.product-grid__sub-label{font-size:14px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif;color:#039be5}.product-grid__pay-to-scale{border-radius:2px;border:1px solid #b5c0c5;box-sizing:border-box;color:#b5c0c5;font-family:Roboto;font-weight:400;font-size:12px;line-height:1;margin-right:8px;padding:4px 6px}.product-grid__product{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:44px;position:relative}@media screen and (min-width:720px){.product-grid__product{-webkit-flex:0 1 calc((50% - 42px));-ms-flex:0 1 calc((50% - 42px));flex:0 1 calc((50% - 42px));margin-bottom:40px;margin-top:0}.product-grid__product:not(:nth-child(2n)){margin-right:84px}}@media screen and (min-width:1440px){.product-grid__product{-webkit-flex:0 1 calc((100% - 168px)/3);-ms-flex:0 1 calc((100% - 168px)/3);flex:0 1 calc((100% - 168px)/3)}.product-grid__product:not(:nth-child(2n)){margin-right:0}.product-grid__product:not(:nth-child(3n)){margin-right:84px}.product-grid__product--no-bottom-border-desktop:after{display:none!important}.product-grid__product>img{margin-bottom:16px}}@media screen and (min-width:720px){.product-grid__product:nth-child(2n+1):not(:nth-last-child(-n+2)):after{content:'';display:block;position:absolute;height:1px;width:calc(200% + 84px);background:#eceff1;bottom:0;left:0}.product-grid__product--no-bottom-border-tablet:after{display:none!important}}@media screen and (min-width:1440px){.product-grid__product:nth-child(2n+1):not(:nth-last-child(-n+2)):after{display:none}.product-grid__product:nth-child(3n+1):not(:nth-last-child(-n+3)):after{content:'';display:block;position:absolute;height:1px;width:calc(300% + 168px);background:#eceff1;bottom:0;left:0}.product-grid__product--no-bottom-border-desktop:after{display:none!important}.product-grid__product>img{margin-bottom:16px}}.product-grid__content{-webkit-flex:1;-ms-flex:1;flex:1}.product-grid__roles-title{font-weight:600;margin-bottom:4px}.product-grid__role{border-radius:12px;border:1px solid rgba(0,0,0,.12);display:inline-block;font-weight:500;font-size:13px;margin-bottom:4px;padding:0 10px}.product-grid__ctas{margin-top:24px;min-height:36px}.product-grid__ctas .product-grid__youtube{background:0 0;border:none;box-shadow:none}.product-grid__ctas .product-grid__youtube:focus{opacity:.7}.product-grid__ctas .product-grid__youtube>*{pointer-events:none}.product-grid__ctas .product-grid__youtube-label{display:none}.extensions-grid__ctas .product-grid__youtube>i,.product-grid__ctas .product-grid__youtube>i{cursor:pointer;top:0}.product-grid .cta-button:first-child,.product-grid .cta-link:first-child{margin-right:24px}.product-grid .cta-button:nth-child(2),.product-grid .cta-link:nth-child(2){margin-right:36px}.product-grid .cta-button--small{padding:10px 20px;width:auto}@media screen and (max-width:1000px){.product-grid .cta-button--small{font-family:"Google Sans",sans-serif}}@media screen and (min-width:1000px){.product-grid .cta-button--small{font-size:16px}}.product-grid .product-icon__beta{display:inline}.extensions-grid{margin-top:28px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:720px){.extensions-grid{margin-top:60px}}@media screen and (min-width:1280px){.extensions-grid{margin-top:80px}}.extensions-grid__titles{margin:4px 0 12px}.extensions-grid__titles .product-grid__subtitle{margin-top:-28px;margin-bottom:14px}.extensions-grid__title{margin:0}@media screen and (min-width:720px){.extensions-grid{margin-top:42px}}.extensions-grid__eyebrow{font-size:14px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif;color:#039be5;display:inline-block;margin-bottom:6px}.extensions-grid__ctas,.extensions-grid__meta{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.extensions-grid__meta{margin-bottom:16px}.extensions-grid__made-by{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:7px}.extensions-grid__made-by img{height:18px;margin-bottom:2px;margin-right:4px}.extensions-grid__subtitle{font-size:13px;line-height:20px;font-weight:400;font-family:"Roboto",sans-serif;color:rgba(0,0,0,.54);margin:0}.extensions-grid__sub-label{font-size:14px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif;color:#039be5}.extensions-grid__pay-to-scale{border-radius:2px;border:1px solid #b5c0c5;box-sizing:border-box;color:#b5c0c5;font-family:Roboto;font-weight:400;font-size:12px;line-height:1;margin-right:8px;padding:4px 6px}.extensions-grid__product{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:44px;position:relative}@media screen and (min-width:720px){.extensions-grid__product{-webkit-flex:0 1 calc((50% - 42px));-ms-flex:0 1 calc((50% - 42px));flex:0 1 calc((50% - 42px));margin-bottom:40px}.extensions-grid__product:not(:nth-of-type(2n)){margin-right:84px}.extensions-grid__product:nth-of-type(2n+1):not(:nth-last-of-type(-n+2)):after{content:'';display:block;position:absolute;height:1px;width:calc(200% + 84px);background:#eceff1;bottom:0;left:0}.extensions-grid__product--no-bottom-border-tablet:after{display:none!important}}@media screen and (min-width:1440px){.extensions-grid__product{-webkit-flex:0 1 calc((100% - 168px)/3);-ms-flex:0 1 calc((100% - 168px)/3);flex:0 1 calc((100% - 168px)/3)}.extensions-grid__product:not(:nth-of-type(2n)){margin-right:0}.extensions-grid__product:not(:nth-of-type(3n)){margin-right:84px}.extensions-grid__product:nth-of-type(2n+1):not(:nth-last-of-type(-n+2)):after{display:none}.extensions-grid__product:nth-of-type(3n+1):not(:nth-last-of-type(-n+3)):after{content:'';display:block;position:absolute;height:1px;width:calc(300% + 168px);background:#eceff1;bottom:0;left:0}.extensions-grid__product--no-bottom-border-desktop:after{display:none!important}.extensions-grid__product>img{margin-bottom:16px}}.extensions-grid__content{-webkit-flex:1;-ms-flex:1;flex:1}.extensions-grid__roles-title{font-weight:600;margin-bottom:4px}.extensions-grid__role{border-radius:12px;border:1px solid rgba(0,0,0,.12);display:inline-block;font-weight:500;font-size:13px;margin-bottom:4px;padding:0 10px}.extensions-grid__ctas{margin-top:24px;min-height:36px}.extensions-grid__ctas .product-grid__youtube{background:0 0;border:none;box-shadow:none}.extensions-grid__ctas .product-grid__youtube:focus{opacity:.7}.extensions-grid__ctas .product-grid__youtube>*{pointer-events:none}.extensions-grid__ctas .product-grid__youtube-label,.product-header br{display:none}.extensions-grid .cta-button:first-child,.extensions-grid .cta-link:first-child{margin-right:24px}.extensions-grid .cta-button:nth-child(2),.extensions-grid .cta-link:nth-child(2){margin-right:36px}.extensions-grid .cta-button--small{padding:10px 20px;width:auto}@media screen and (max-width:1000px){.extensions-grid .cta-button--small{font-family:"Google Sans",sans-serif}}@media screen and (min-width:1000px){.extensions-grid .cta-button--small{font-size:16px}}.extensions-grid .product-icon__beta{display:inline}.product-header{margin:0 -20px}@media screen and (min-width:1000px){.product-header{margin:0 -80px}}.product-header--no-image .product-header__content{padding-right:60px;text-align:left}.product-header--no-image .product-header__wrapper{padding-bottom:40px}@media screen and (min-width:1000px){.product-header--no-image .product-header__wrapper{padding-bottom:84px}}.product-header--no-image h1{max-width:none!important}.product-header--image-top .product-header__content{margin-top:20px;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:600px){.product-header--image-top .product-header__content{-webkit-order:0;-ms-flex-order:0;order:0}}.product-header--image-top .product-header__illo>img{bottom:initial;top:0;-webkit-transform-origin:top right;transform-origin:top right}@media screen and (min-width:1280px){.product-header--image-top .product-header__illo>img{width:680px}}.product-header--image-top .product-header__nacho svg{top:-2684px}.product-header__hero-image{height:calc(38vh - 300px);position:relative}@media screen and (min-width:1280px){.product-header__hero-image{height:630px}}.product-header--mods .product-header__illo>img{bottom:-60px}.product-header #product-header-nacho{fill:#039be5}.product-header .cta-button--white{color:#1e88e5}.product-header--blue #product-header-nacho{fill:#1967d2}.product-header--blue .cta-button--white{color:#1967d2}.product-header--orange #product-header-nacho{fill:#f67f00}.product-header--orange .cta-button--white{color:#f67f00}.product-header--teal #product-header-nacho{fill:#0097a7}.product-header--teal .cta-button--white{color:#0097a7}.product-header--green #product-header-nacho{fill:#8bc34a}.product-header--green .cta-button--white{color:#8bc34a}.product-header--sky-blue #product-header-nacho{fill:#039be5}.product-header--sky-blue .cta-button--white{color:#039be5}.product-header--fuchsia #product-header-nacho{fill:#ab54ba}.product-header--fuchsia .cta-button--white{color:#ab54ba}.product-header--violet #product-header-nacho{fill:#34449f}.product-header--violet .cta-button--white{color:#34449f}.product-header--lavender #product-header-nacho{fill:#7e57c2}.product-header--lavender .cta-button--white{color:#7e57c2}.product-header--periwinkle-blue #product-header-nacho{fill:#5c6bc0}.product-header--periwinkle-blue .cta-button--white{color:#5c6bc0}.product-header--pink #product-header-nacho{fill:#d85380}.product-header--pink .cta-button--white{color:#d85380}.product-header--yellow-orange #product-header-nacho{fill:#ffa000}.product-header--yellow-orange .cta-button--white{color:#ffa000}.product-header--deep-orange #product-header-nacho{fill:#e36239}.product-header--deep-orange .cta-button--white{color:#e36239}.product-header--dark-teal #product-header-nacho{fill:#00897b}.product-header--dark-teal .cta-button--white{color:#00897b}.product-header--night-blue #product-header-nacho{fill:#00105c}.product-header--night-blue .cta-button--white{color:#00105c}.product-header--slate-grey #product-header-nacho{fill:#2a363c}.product-header--slate-grey .cta-button--white{color:#2a363c}.product-header--coral #product-header-nacho{fill:#ff8a65}.product-header--coral .cta-button--white{color:#ff8a65}.product-header .product-icon__beta,.youtube-row .devsite-card-buttons a--white{color:#fff}.product-header__nacho svg{position:absolute;left:50%;top:-2900px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width:400px){.product-header__nacho svg{top:-2840px}}@media screen and (min-width:600px){.product-header__nacho svg{top:-2700px}}@media screen and (min-width:720px){.product-header__nacho svg{top:-2900px;z-index:-1}}@media screen and (min-width:1000px){.product-header__nacho svg{top:-2750px}.product-header br{display:inline}}.product-header h1{color:#fff;margin-bottom:36px;white-space:normal}@media screen and (min-width:720px){.product-header h1{max-width:75%}}@media screen and (min-width:1000px){.product-header h1{max-width:none;white-space:nowrap}}.product-header h5{font-size:14px;margin-bottom:8px}@media screen and (min-width:1000px){.product-header h5{font-size:24px;line-height:32px;margin-bottom:20px}}.product-header__subheading__dark{font-size:20px;color:#757575}.product-header__wrapper{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:1440px;padding:0 20px 36px;position:relative}@media screen and (min-width:600px){.product-header__wrapper{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width:720px){.product-header__wrapper{padding-bottom:120px}}@media screen and (min-width:1000px){.product-header__wrapper{padding:0 80px 160px}}.product-header__content{-webkit-flex:1 2 100%;-ms-flex:1 2 100%;flex:1 2 100%;padding:40px 20px 0;text-align:center;position:relative;z-index:1}@media screen and (min-width:600px){.product-header__content{text-align:left}}@media screen and (min-width:1000px){.product-header__content{padding:76px 112px 0}}.product-header__illo{text-align:center}@media screen and (min-width:600px){.product-header__illo{-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;text-align:initial}}.product-header__illo>img{margin-bottom:-50px;max-height:256px}@media screen and (min-width:600px){.product-header__illo>img{bottom:0;margin-bottom:0;position:absolute;right:0;z-index:0}}@media screen and (min-width:720px){.product-header__illo>img{max-height:100%}}@media screen and (min-width:1000px){.product-header__illo>img{height:100%;max-height:none;-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scale(.8);transform:scale(.8);width:auto}}@media screen and (min-width:1280px){.product-header__illo>img{height:auto;-webkit-transform:none;transform:none;width:760px}}.product-header__ctas{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:600px){.product-header__ctas{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.product-header__ctas .cta-button.cta-button--blue,.product-header__ctas .cta-button.cta-button--white{margin-bottom:12px;padding-left:80px;padding-right:80px}@media screen and (min-width:600px){.product-header__ctas .cta-button.cta-button--blue,.product-header__ctas .cta-button.cta-button--white{margin:0 20px 0 0;padding-left:50px;padding-right:50px}}@media screen and (min-width:1000px){.product-header__ctas .cta-button.cta-button--blue,.product-header__ctas .cta-button.cta-button--white{margin-right:52px}}.product-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:48px}@media screen and (min-width:720px){.product-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:0;margin-top:0!important}}.product-row br,.product-row+hr{display:none}@media screen and (min-width:1280px){.product-row br{display:inline}}@media screen and (min-width:600px){.product-row+hr{display:block}}.product-row__text{color:#757575;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:720px){.product-row__text{-webkit-flex:1 0 40%;-ms-flex:1 0 40%;flex:1 0 40%;max-width:80%;-webkit-order:1;-ms-flex-order:1;order:1;padding-right:40px}}.games-product-row .product-row__text>p:empty,.product-row__text>p:empty{display:none}.games-product-row .product-row__text a,.product-row__text a{font-weight:500}.product-row__media{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:12px;max-width:624px;-webkit-order:1;-ms-flex-order:1;order:1}@media screen and (min-width:720px){.product-row__media{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;margin-bottom:0;-webkit-order:2;-ms-flex-order:2;order:2}}.product-row__media img{width:100%}.product-row__media--push-right{text-align:right}.product-row__partner{margin-top:12px}@media screen and (min-width:600px){.product-row__partner{margin-top:0}}.product-row__partner>img{margin-bottom:24px;max-height:36px}.product-row__products-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:36px 0 12px}@media screen and (min-width:1000px){.product-row__products-row{margin-bottom:32px}}.product-row__products-row .product-icon--chip:not(:last-of-type){width:175px;margin-right:0}.product-row__products-row .product-icon__link{color:#669df6}.product-row__products-row .product-icon__link:hover,.product-row__products-row .product-icon__link:hover .product-icon__icon{color:#1967d2}.product-row__products-row .product-icon__link .product-icon__icon{color:#669df6;width:20px}.product-row__products-row .product-icon__link .product-icon__name{font-size:14px;line-height:1;font-weight:400;font-family:"Google Sans",sans-serif;color:#669df6}.product-row__ctas a{width:43%;margin-right:20px;margin-top:30px}.product-row__ctas .cta-button--small{padding:10px}.firebase-page-community #firebase-alpha-program .cta-banner__cta,.product-row__footnote{margin-top:20px}.product-row__footnote--with-icon{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.product-row__footnote--with-icon .product-row__footnote-text p,.text-illo h5{margin:0}.devsite-article .youtube-row .devsite-card-buttons a--with-icon>i,.devsite-firebase-status-content aside:before,.product-row__footnote--with-icon img,.youtube-row .devsite-card-buttons a--with-icon>i{margin-right:12px}@media screen and (min-width:720px){.games-product-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:0;margin-top:0!important}}.games-product-row .product-row__text{color:#757575;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:720px){.games-product-row .product-row__text{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;max-width:80%;-webkit-order:1;-ms-flex-order:1;order:1;padding-right:40px}}.games-product-row .product-row__products-row{margin-bottom:0}.games-product-row .product-row__products-row .product-icon.product-icon--chip .product-icon__link:focus,.games-product-row .product-row__products-row .product-icon.product-icon--chip .product-icon__link:hover{color:#1967d2}.games-product-row .product-row__ctas{text-align:center}@media screen and (min-width:720px){.games-product-row .product-row__ctas{text-align:left}}.games-product-row .product-row__ctas a{width:100%;margin-top:30px;margin-right:6px;font-size:12px;line-height:18px;font-weight:500;font-family:"Google Sans",sans-serif}@media screen and (min-width:450px){.games-product-row .product-row__ctas a{width:47%}}@media screen and (min-width:1000px){.games-product-row .product-row__ctas a{width:43%;margin-right:10px}}@media screen and (min-width:1280px){.games-product-row .product-row__ctas a{font-size:14px;line-height:16px;font-weight:500;font-family:"Google Sans",sans-serif;margin-right:20px}}.games-product-row .product-row__ctas .cta-button--small{padding:10px 4px}@media screen and (min-width:1280px){.games-product-row .product-row__ctas .cta-button--small{padding:10px}}.games-product-row .product-row__media,.games-product-row.games-hero .product-row__media{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-order:1;-ms-flex-order:1;order:1;max-width:none}@media screen and (min-width:720px){.games-product-row .product-row__media,.games-product-row.games-hero .product-row__media{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:0;-webkit-order:2;-ms-flex-order:2;order:2}}.games-product-row.games-hero .product-row__text{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-order:2;-ms-flex-order:2;order:2}@media screen and (min-width:720px){.games-product-row.games-hero .product-row__text{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;max-width:80%;-webkit-order:1;-ms-flex-order:1;order:1;padding-right:40px}}.games-product-row.games-hero .product-row__text h4{font-size:36px;line-height:45px;font-weight:400;font-family:"Google Sans",sans-serif}@media screen and (min-width:1000px){.games-product-row.games-hero .product-row__text h4{font-size:52px;line-height:62px;font-weight:400;font-family:"Google Sans",sans-serif}}.games-product-row.games-hero .product-row__text p{font-size:17px;line-height:23px;font-weight:400;font-family:"Roboto",sans-serif}@media screen and (min-width:1000px){.games-product-row.games-hero .product-row__text p{font-size:20px;line-height:28px;font-weight:400;font-family:"Roboto",sans-serif}}.product-cols{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.product-cols{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}}.product-cols .product-cols__header{text-align:center}.product-cols .product-cols__heading,.product-cols .product-cols__heading h5{margin:18px 0 24px}@media screen and (min-width:720px){.product-cols .product-cols__heading,.product-cols .product-cols__heading h5{text-align:left;margin-top:28px}}.product-cols .product-cols__col{box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.product-cols .product-cols__col:not(:first-child){margin-top:72px}@media screen and (min-width:720px){.product-cols .product-cols__col:not(:first-child){margin-top:0}.product-cols .product-cols__col{-webkit-flex:0 1 275px;-ms-flex:0 1 275px;flex:0 1 275px}}.product-cols .product-cols__col img{width:190px}@media screen and (min-width:720px){.product-cols .product-cols__col img{width:auto}.product-cols .product-cols__col:nth-child(2){margin-left:48px;margin-right:48px}}.product-cols li[role=listitem]{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:0 1 50%;-ms-flex:0 1 50%;flex:0 1 50%;text-align:center}.product-cols li[role=listitem]:nth-child(n+3){margin-top:24px}@media screen and (min-width:720px){.product-cols li[role=listitem]{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;text-align:left}.product-cols li[role=listitem]:not(:first-child){margin-top:24px}}.product-cols .product-cols__list{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;list-style:none;margin:0;overflow:hidden;padding:0}@media screen and (max-width:720px){.product-cols .product-cols__list{max-width:265px;margin:auto}}@media screen and (min-width:720px){.product-cols .product-cols__list{display:block}}.product-cols .product-cols__description,.three-column br{display:none}@media screen and (min-width:720px){.product-cols .product-cols__description{margin:0;line-height:20px;display:block}}.product-cols .product-cols__cta{margin-top:30px;text-align:center}@media screen and (min-width:720px){.product-cols .product-cols__cta{margin-top:60px}}.product-cols .product-cols__more-text{margin-top:24px;padding-left:58px}.product-cols .product-cols__more-text--hidden{visibility:hidden}.simple__title{margin-bottom:8px}.text-illo{margin:0 0 60px}@media screen and (min-width:720px){.text-illo{margin:60px 0 72px 40px}}@media screen and (min-width:1000px){.text-illo{margin:180px 0 142px 88px}}.text-illo img{max-width:100%}@media screen and (min-width:1000px){.text-illo{margin-top:180px}}.text-illo h3{margin-bottom:12px}.text-illo h3+p{margin:0 0 42px}.text-illo .text-illo__container,.three-column__wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.text-illo .text-illo__container{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.text-illo .text-illo__text{-webkit-flex:1 1 40%;-ms-flex:1 1 40%;flex:1 1 40%}.text-illo .text-illo__text-container{padding:0 20px}@media screen and (min-width:400px){.text-illo .text-illo__text-container{padding:0 40px}}@media screen and (min-width:720px){.text-illo .text-illo__text-container{padding:0}}.text-illo .text-illo__block:not(:last-child){margin-bottom:28px}@media screen and (min-width:720px){.text-illo .text-illo__block:not(:last-child){margin-bottom:44px}}.text-illo .text-illo__block p{margin:12px 0 0}@media screen and (min-width:720px){.text-illo .text-illo__block p{margin:8px 0 0}.text-illo .text-illo__block{max-width:328px}.text-illo .text-illo__block:nth-child(3){max-width:292px}.text-illo .text-illo__block br{display:none}}@media screen and (min-width:1000px){.text-illo .text-illo__block:nth-child(3){max-width:310px}}.text-illo .text-illo__image{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1 0 60%;-ms-flex:1 0 60%;flex:1 0 60%;margin:24px 0 36px}@media screen and (min-width:720px){.text-illo .text-illo__image{margin:0 0 0 -5vw;-webkit-order:2;-ms-flex-order:2;order:2}}.text-illo .text-illo__cta{margin-top:32px;text-align:center}@media screen and (min-width:720px){.text-illo .text-illo__cta{margin-top:56px;text-align:left}.three-column__wrapper{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.three-column__column{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;box-sizing:content-box}@media screen and (min-width:720px){.three-column__column{-webkit-flex:1 1 calc(100%/3);-ms-flex:1 1 calc(100%/3);flex:1 1 calc(100%/3)}}.three-column__column>h5{margin:0 0 8px}.three-column__column>p,.youtube-row devsite-dynamic-content>p{margin:0 0 12px}.three-column__column:not(:last-child){margin:0 0 32px;padding:0}@media screen and (min-width:720px){.three-column__column:not(:last-child){margin:0;padding:0 24px 0 0}}@media screen and (min-width:1280px){.three-column__column:not(:last-child){padding:0 84px 0 0}}.three-column__column__image-link>a{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:20px}@media screen and (min-width:720px){.three-column__column__image-link>a{margin-bottom:32px}}.three-column__column__image-link>a>img{margin-bottom:0;width:100%}.three-column__column__image-link>a:focus,.three-column__column__image-link>a:hover{background-color:transparent!important}.three-column__column__image>img{margin-bottom:20px;width:100%}@media screen and (min-width:720px){.three-column__column__image>img{margin-bottom:32px}}.three-column--icons .three-column__column__image>img{height:50px;width:50px;opacity:.54}@media screen and (min-width:720px){.three-column br{display:initial}}.three-column .cta-button:not(:last-child),.three-column .cta-link:not(:last-child){margin-right:20px}.use-case{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:1000px){.use-case{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.use-case+hr{margin:84px 0}}.use-case br,.use-case--desktop{display:none}@media screen and (min-width:1000px){.use-case--desktop{display:-webkit-flex;display:-ms-flexbox;display:flex}}.use-case--mobile,.use-case--no-image .use-case__paragraphs{display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (min-width:1000px){.use-case--mobile{display:none}}.use-case--mobile .expand-control .collapser{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.use-case--mobile [expanded] .expand-control .collapser{-webkit-transform:rotate(0);transform:rotate(0)}.use-case--mobile span[aria-level="2"]{color:#424242;display:block;font:500 28px/32px "Google Sans",sans-serif;font-weight:400;margin:0;padding:32px 48px 32px 0!important}.use-case--no-image .use-case__paragraphs{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:1000px){.use-case--no-image .use-case__paragraphs{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.use-case--no-image .use-case__paragraph{-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%}.use-case--no-image .use-case__paragraph:not(:last-of-type){margin-right:36px}.use-case--no-image .use-case__case-study{width:50%}}.use-case--no-case-study .use-case__image{padding-bottom:0}.use-case--no-case-study .use-case__image>img{max-height:400px}.use-case--no-case-study .use-case__products-row{margin-bottom:0}@media screen and (min-width:1000px){.use-case br{display:inline}}.use-case__text{-webkit-flex:1 1 55%;-ms-flex:1 1 55%;flex:1 1 55%}.use-case__image{-webkit-flex:1 1 45%;-ms-flex:1 1 45%;flex:1 1 45%;padding:20px 0;text-align:center}@media screen and (min-width:1000px){.use-case__image{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-order:2;-ms-flex-order:2;order:2;padding:0 0 48px 40px}}.use-case__image>img{max-height:300px;width:auto}@media screen and (min-width:1000px){.use-case__image>img{max-height:600px}}.use-case__paragraph{font-size:14px;line-height:24px}.use-case__ctas>a:not(:last-child),.use-case__paragraph:not(:last-of-type){margin-bottom:16px}.use-case__paragraph h6{font:500 14px/24px "Google Sans",sans-serif;margin:0}@media screen and (min-width:1000px){.use-case__paragraph h6{font-size:16px}}.use-case__paragraph p{color:#757575}.use-case__products-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:36px 0 12px}@media screen and (min-width:1000px){.use-case__products-row{margin-bottom:32px}}.use-case__case-study{margin-top:80px}.use-case__case-study__image{margin-bottom:20px}.use-case__case-study__quote{padding-left:12px;border-left:2px solid #b5c0c5}.use-case__case-study__quote__paragraph{color:#757575;font-style:italic;margin-bottom:0}.use-case__case-study__quote__citation{color:#4a4a4a;font-size:14px;line-height:24px;font-weight:400;font-family:"Google Sans",sans-serif}.use-case__ctas{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:40px;text-align:center}@media screen and (min-width:1000px){.use-case__ctas{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.use-case__ctas>a:not(:last-child){margin-bottom:0;margin-right:40px}}.use-case__content{padding-bottom:44px}.use-cases{margin:44px auto}@media screen and (max-width:1000px){.use-cases .card__content{padding-top:0;padding-bottom:0}.use-cases hr{margin:0}}.use-case-detail-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-bottom:24px}@media screen and (min-width:720px){.use-case-detail-row{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-bottom:0;margin-top:0!important}}.use-case-detail-row hr,.use-case-detail-row+hr{margin-bottom:28px;margin-top:28px}@media screen and (min-width:1000px){.use-case-detail-row hr,.use-case-detail-row+hr{margin-bottom:48px;margin-top:48px}}.use-case-detail-row__title{width:100%;max-width:750px}@media screen and (min-width:1000px){.use-case-detail-row__title--main,.use-case-detail-row__title--small{font-size:16px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif}.use-case-detail-row__title--main{font-size:26px;line-height:34px}}.use-case-detail-row__text{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.use-case-detail-row__col,.use-case-detail-row__text{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}@media screen and (min-width:720px){.use-case-detail-row__col,.use-case-detail-row__text{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;padding-right:36px;width:100%}}.use-case-detail-row__col>p:empty,.use-case-detail-row__text>p:empty{display:none}.use-case-detail-row__col a,.use-case-detail-row__text a{font-weight:500}.use-case-detail-row__col a.use-case-detail-row__hidden-hr,.use-case-detail-row__text a.use-case-detail-row__hidden-hr{margin:8px 0;visibility:hidden}.use-case-detail-row__col ul li:first-child{margin-top:0}.use-case-detail-row__media{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:31px 12px 58px;position:relative}@media screen and (min-width:720px){.use-case-detail-row__media{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%;margin-top:0;margin-bottom:0}}.use-case-detail-row__media,.use-case-detail-row__media.mobile{display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (min-width:720px){.use-case-detail-row__media.mobile{display:none}}.firebase-page-gcp .firebase-page-gcp__get-started.card__subpartial br,.firebase-page-pricing .landing-header br,.use-case-detail-row__media.desktop{display:none}@media screen and (min-width:720px){.use-case-detail-row__media.desktop{display:-webkit-flex;display:-ms-flexbox;display:flex}}.use-case-detail-row__image-container{position:relative}.use-case-detail-row__image-container:not(.in-phone)>img{max-height:400px}@media screen and (min-width:1000px){.use-case-detail-row__image-container:not(.in-phone)>img{max-height:530px;max-width:350px}}.use-case-detail-row__image-container.in-phone img.phone{height:100%;position:absolute;width:100%}.use-case-detail-row__image-container.in-phone.horizontal img:not(.phone){max-width:500px;padding:2% 10% 0 9%;width:100%}.use-case-detail-row__image-container.in-phone.vertical img:not(.phone){max-width:250px;padding:16% 4% 7%}.use-case-detail-row__partner{margin-bottom:26px}@media screen and (min-width:1000px){.use-case-detail-row__partner{margin-bottom:45px}}.use-case-detail-row__partner>img{width:103px;height:auto}@media screen and (min-width:1000px){.use-case-detail-row__partner>img{width:159px}}.use-case-detail-row__case-study__image.narrow>img,.use-case-detail-row__partner.narrow>img{width:60px}@media screen and (min-width:1280px){.use-case-detail-row__case-study{width:50%}}.use-case-detail-row__results{color:#424242;font-size:18px;line-height:24px;font-weight:500;font-family:"Google Sans",sans-serif}.use-case-detail-row__results p:first-child{font:500 16px/24px "Google Sans",sans-serif}@media screen and (min-width:1000px){.use-case-detail-row__results p:first-child{font:500 20px/26px "Google Sans",sans-serif}}.use-case-detail-row__case-study__image{margin-bottom:20px}.use-case-detail-row__case-study__image>img{width:108px;height:auto}@media screen and (min-width:1000px){.use-case-detail-row__case-study__image>img{width:142px}}.use-case-detail-row__case-study__quote-section{margin-top:91px}@media screen and (min-width:1000px){.use-case-detail-row__case-study__quote-section{margin-top:110px}}.use-case-detail-row__case-study__quote{border-left:2px solid #b5c0c5;padding-left:12px}.use-case-detail-row__case-study__quote__paragraph{color:#757575;font-style:italic;margin-bottom:0}.use-case-detail-row__case-study__quote__citation{font-size:14px;line-height:24px;font-weight:500;font-family:"Google Sans",sans-serif;color:#4a4a4a}.youtube-row,.youtube-row .devsite-card-buttons a{display:-webkit-flex;display:-ms-flexbox;display:flex}.youtube-row{min-height:415px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.youtube-row{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.youtube-row .devsite-card{border:none;border-radius:0;overflow:visible}.youtube-row devsite-dynamic-content{box-sizing:content-box;-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%}.youtube-row devsite-dynamic-content .devsite-card-category,.youtube-row devsite-dynamic-content h3{font-size:14px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif}@media screen and (min-width:720px){.youtube-row devsite-dynamic-content .devsite-card-category{font-size:16px;line-height:20px;font-weight:500;font-family:"Google Sans",sans-serif}}.youtube-row devsite-dynamic-content h3{font-size:16px;line-height:26px;margin:0 0 8px}@media screen and (min-width:720px){.youtube-row devsite-dynamic-content h3{font-size:20px;line-height:26px;font-weight:500;font-family:"Google Sans",sans-serif}}.youtube-row .devsite-card-content{padding:0}.youtube-row .devsite-card-summary{font-size:12px;line-height:18px;font-weight:400;font-family:"Google Sans",sans-serif}@media screen and (min-width:720px){.youtube-row .devsite-card-summary{font-size:14px;line-height:24px;font-weight:400;font-family:"Google Sans",sans-serif}}.youtube-row .devsite-card-buttons{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding:0;margin-top:16px}.youtube-row .devsite-card-buttons a{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border:none;border-radius:8px;font:500 14px/18px "Google Sans",sans-serif;letter-spacing:.24px;padding:6px 8px;margin-left:-8px;margin-right:-8px}@media screen and (min-width:1000px){.youtube-row .devsite-card-buttons a{font-size:16px;line-height:20px;font-weight:500;font-family:"Roboto",sans-serif;letter-spacing:.57px}}.youtube-row .devsite-card-buttons a img{margin-right:8px}@media screen and (min-width:720px){.youtube-row .devsite-card-buttons a{font-size:16px}}.youtube-row .devsite-card-buttons a:hover{background-color:#e1f3fc}.youtube-row .devsite-card-image-container{position:relative;height:0;margin-bottom:30px;padding:0 0 56.19%}.youtube-row .devsite-card-image-container>img{position:absolute;top:0;bottom:0;object-fit:cover;height:100%;width:100%}.youtube-row .devsite-card-group{display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.youtube-row .devsite-card-group{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.youtube-row .devsite-card-category{color:#c2185b}.youtube-row .devsite-card-wrapper{box-sizing:content-box;-webkit-flex:1 1 calc(100%/3);-ms-flex:1 1 calc(100%/3);flex:1 1 calc(100%/3);min-width:0;padding:0}@media screen and (min-width:720px){.youtube-row .devsite-card-wrapper{-webkit-flex:1 1 calc((100%/3) - 48px);-ms-flex:1 1 calc((100%/3) - 48px);flex:1 1 calc((100%/3) - 48px)}}@media screen and (min-width:1280px){.youtube-row .devsite-card-wrapper{-webkit-flex:1 1 calc((100%/3) - 168px);-ms-flex:1 1 calc((100%/3) - 168px);flex:1 1 calc((100%/3) - 168px)}}.youtube-row .devsite-card-wrapper:not(:last-child){padding:0;margin:0 0 32px}@media screen and (min-width:720px){.youtube-row .devsite-card-wrapper:not(:last-child){margin:0;padding:0 24px 0 0}}@media screen and (min-width:1280px){.youtube-row .devsite-card-wrapper:not(:last-child){padding:0 84px 0 0}}.youtube-row .devsite-card .button:before{content:url(/web/20201010143913im_/https://firebase.google.com/images/icons/play-icon.svg);margin:2px 8px 0 0;position:relative}.banner-container{margin:0 0 40px;width:100%;background:0 0}.banner-container .devsite-banner{padding:0!important;margin:0!important}.banner-container .devsite-banner-blue{background:#e8f0fe}.banner-container .devsite-banner-blue a,.banner-container .devsite-banner-blue>*{color:#1967d2}.banner-container .devsite-banner-message.bold>*{font-weight:600}.platform-icon{color:#979797}.platform-icon:not(.plat_android):not(.plat_ios){margin:0 2px}.platform-icons__wrapper{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.platform-icons__wrapper,.product-icon,.product-icon .product-icon__icon{display:-webkit-flex;display:-ms-flexbox;display:flex}.product-icon .product-icon__icon{-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-radius:52px;color:#fff;height:52px;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:65px;margin-bottom:8px;margin-right:8px;text-align:center;transition:background-color 200ms ease-in-out;width:52px}.product-icon .product-icon__icon--build{background:#ffca28}.product-icon .product-icon__icon--build:hover,.product-icon .product-icon__icon--quality{background:#ffa000}.product-icon .product-icon__icon--grow{background:#ff8a65}.product-icon .product-icon__icon--quality:hover{background:#ff6f00}.product-icon .product-icon__icon--grow:hover{background:#f4511e}.product-icon .product-icon__image{height:52px;line-height:65px;margin-bottom:8px;margin-right:8px;transition:background-color 200ms ease-in-out;width:52px}.product-icon__image{border-radius:50%;height:40px;width:auto}.product-icon--chip{margin-bottom:16px}.product-icon--chip:not(:last-of-type){margin-right:40px}.product-icon--chip .product-icon__icon{height:40px;margin-bottom:0;width:40px}.product-icon--chip .product-icon__icon>i{font-size:20px}.product-icon--chip .product-icon__link:focus .product-icon__icon{opacity:1}.product-icon--chip .product-icon__icon,.product-icon--chip .product-icon__image{margin-right:10px}.product-cols__more-text,.product-icon__name{color:#424242;font:500 16px "Google Sans",sans-serif;line-height:20px;text-align:center}@media screen and (min-width:720px){.product-cols__more-text,.product-icon__name{text-align:left}}.product-icon__beta{color:#039be5;display:block;font-size:10px;text-align:center;font-weight:600}@media screen and (min-width:720px){.product-icon__beta{display:inline}}.product-icon__beta--inline{display:inline}h2 .product-icon__beta{font-size:16px}.product-icon__link{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex}.product-icon__link:focus,.product-icon__link:hover{text-decoration:none}.product-icon__link:focus .product-icon__name,.product-icon__link:hover .product-icon__name{color:#1967d2}.product-icon__link:focus .firesite-tooltip--link .firesite-tooltip__content,.product-icon__link:focus .firesite-tooltip--link .firesite-tooltip__content-wrapper,.product-icon__link:hover .firesite-tooltip--link .firesite-tooltip__content,.product-icon__link:hover .firesite-tooltip--link .firesite-tooltip__content-wrapper{display:block}.product-icon__link .firesite-tooltip--link .firesite-tooltip__content-wrapper{bottom:25px;top:unset}.product-icon__link .firesite-tooltip--link .firesite-tooltip__content{border-radius:8px}.product-icon__link:focus .product-icon__icon{opacity:.7}.firesite-tooltip__container{display:inline-block;color:#d8d8d8}.firesite-tooltip__container:hover{cursor:help}.firesite-tooltip__container:hover .firesite-tooltip__content,.firesite-tooltip__container:hover .firesite-tooltip__content-wrapper{display:block}.firesite-tooltip__container .absolute-table,.firesite-tooltip__container.absolute-table .firesite-tooltip__icon{position:absolute;top:50%;right:25%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.firesite-tooltip__container .reversed .firesite-tooltip__content-wrapper{right:-25px;left:auto}.firesite-tooltip__container .reversed .firesite-tooltip__content:before{right:27px;left:auto}.firesite-tooltip{background:0 0;border:none;box-shadow:none;display:inline-block;height:auto;margin:0;overflow:unset;padding:0;pointer-events:auto;position:relative;text-transform:unset;white-space:initial;width:auto;z-index:2}.firesite-tooltip a:hover{cursor:pointer}.firesite-tooltip i.material-icons{font-size:24px}.firesite-tooltip .firesite-tooltip__content-wrapper{display:none;height:auto;left:-53px;padding:20px 0 0;position:absolute;width:auto}.firesite-tooltip .firesite-tooltip__content:before{border:none;border-bottom:10px solid #323232;border-left:10px solid transparent;border-right:10px solid transparent;content:'';height:10px;left:27px;position:absolute;top:11px;width:10px}.firesite-tooltip .firesite-tooltip__content{font-size:12px;line-height:16px;font-weight:400;font-family:"Roboto",sans-serif;background-color:#323232;box-sizing:border-box;color:rgba(255,255,255,.8);display:none;padding:15px;text-align:left;width:200px}.firesite-tooltip .firesite-tooltip__content>a{font-size:12px;line-height:16px;font-weight:500;font-family:"Google Sans",sans-serif;color:#1e88e5}@media screen and (max-width:400px){.firesite-tooltip .firesite-tooltip__content{left:unset;right:-10px}}@media only screen and (max-width:500px),(min-width:968px) and (max-width:1100px){.firesite-tooltip{display:block}}.firesite-tooltip--link:hover .firesite-tooltip__content,.firesite-tooltip--link:hover .firesite-tooltip__content-wrapper{display:block}.firesite-tooltip--link .firesite-tooltip__content-wrapper{display:none;height:auto;left:-27px;padding:20px 0 0;position:absolute;top:unset;width:auto}.firesite-tooltip--link .firesite-tooltip__content:after,.firesite-tooltip--link .firesite-tooltip__content:before{border:none;border-top:10px solid #323232;border-left:10px solid transparent;border-right:10px solid transparent;top:unset;width:10px}.firesite-tooltip--link .firesite-tooltip__content:before{border-top-color:rgba(102,157,246,.4);bottom:-10px}.firesite-tooltip--link .firesite-tooltip__content:after{border-top-color:#323232;bottom:-9px;content:'';height:px;left:27px;position:absolute}.firesite-tooltip--link .firesite-tooltip__content{background-color:#323232;border:1px solid rgba(102,157,246,.4)}.firesite__video .devsite-embedded-youtube-video{height:101%;left:-.5%;position:absolute;top:-.5%;width:101%}.firebase-page-brand-guidelines{background-color:#fafafa}.firebase-page-brand-guidelines .firesite__bg>img{height:100%;left:50%;max-width:none;position:absolute;top:-1250px;-webkit-transform:translateX(calc(-50% + 100px));transform:translateX(calc(-50% + 100px));width:auto;padding-bottom:50px}@media screen and (min-width:720px){.firebase-page-brand-guidelines .firesite__bg>img{padding-bottom:600px;top:-300px}}@media screen and (min-width:1000px){.firebase-page-brand-guidelines .firesite__bg>img{padding-bottom:1000px;top:-200px}}@media screen and (min-width:2400px){.firebase-page-brand-guidelines .firesite__bg>img{padding-bottom:600px}}.firebase-page-community .firesite__bg>img{height:100%;left:50%;max-width:none;padding-bottom:400px;position:absolute;top:-500px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media screen and (min-width:1000px){.firebase-page-community .firesite__bg>img{top:-400px}}@media screen and (min-width:1280px){.firebase-page-community .firesite__bg>img{top:-200px}}.firebase-page-community .card hr{margin:70px 0}.firebase-page-community devsite-dynamic-content{margin:0}.firebase-page-community .cta-banner__cta{margin-top:15px}@media screen and (min-width:1000px){.firebase-page-community .cta-banner__cta{margin-top:70px}}.firebase-page-community .cta-banner__text>h2{font-size:18px;line-height:32px;font-weight:500;font-family:"Google Sans",sans-serif}@media screen and (min-width:1000px){.firebase-page-community .cta-banner__text>h2{font-size:24px;line-height:36px;font-weight:500;font-family:"Google Sans",sans-serif}.firebase-page-community #firebase-alpha-program .cta-banner__cta{margin-top:40px}}.firebase-page-gcp .firesite__bg>img{height:100%;left:50%;max-width:none;padding-bottom:700px;position:absolute;top:300px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media screen and (min-width:600px){.firebase-page-gcp .firesite__bg>img{padding-bottom:800px;top:550px}}@media screen and (min-width:720px){.firebase-page-gcp .firesite__bg>img{padding-bottom:1000px}}@media screen and (min-width:1000px){.firebase-page-gcp .firesite__bg>img{padding-bottom:1200px;top:650px}}@media screen and (min-width:1280px){.firebase-page-gcp .firesite__bg>img{padding-bottom:1500px;top:850px}}@media screen and (min-width:720px){.firebase-page-gcp .product-row--can-i-use .product-row__media{-webkit-flex-basis:30%;-ms-flex-preferred-size:30%;flex-basis:30%}}.firebase-page-gcp .product-row--can-i-use+hr{display:block;margin-top:0}.firebase-page-gcp .differences-list__wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:720px){.firebase-page-gcp .differences-list__wrapper{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.firebase-page-gcp .differences-list__wrapper .differences-list{-webkit-flex:1 1 100%;-ms-flex:1 1 100%;flex:1 1 100%;margin-right:40px}.firebase-page-gcp .differences-list__wrapper .differences-list:first-child{margin-bottom:32px}@media screen and (min-width:720px){.firebase-page-gcp .firebase-page-gcp__get-started.card__subpartial br{display:inline}}.firebase-page-gcp .firebase-page-gcp__get-started.card__subpartial .card__ctas{padding-top:0}.firebase-page-gcp .firebase-page-gcp__get-started.card__subpartial header{margin-bottom:36px}.firebase-page-home{position:relative}.firebase-page-home iframe{border:0;margin:0;width:100%}.firebase-page-home iframe body{background-color:transparent}.firebase-page-home .code-picker{height:450px}.firebase-page-home--illustration .card__header{position:relative;z-index:1}.firebase-page-home__text-illo-container{height:350px;position:relative;z-index:0}@media screen and (min-width:720px){.firebase-page-home__text-illo-container{height:500px}}.firebase-page-home__text-illo-container .firebase-page-home__text-illustration{background:url(/web/20201010143913im_/https://firebase.google.com/images/homepage/solutions-illo_1x.png) center center/contain no-repeat;bottom:0;left:0;margin:-40px 0 20px;position:absolute;right:0;top:0}@media screen and (min-width:720px){.firebase-page-home__text-illo-container .firebase-page-home__text-illustration{margin:-72px 0 32px}}@media screen and (min-width:1000px){.firebase-page-home__text-illo-container .firebase-page-home__text-illustration{margin:-128px 0 -16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.firebase-page-home__text-illo-container .firebase-page-home__text-illustration{background:url(/web/20201010143913im_/https://firebase.google.com/images/homepage/solutions-illo_2x.png) center center/contain no-repeat}}.firebase-page-home .firesite__bg>img{height:100%;left:50%;max-width:none;position:absolute;top:-850px;-webkit-transform:translateX(calc(-50% + 100px));transform:translateX(calc(-50% + 100px));width:auto;padding-bottom:50px}@media screen and (min-width:720px){.firebase-page-home .firesite__bg>img{top:-300px;padding-bottom:600px}}@media screen and (min-width:1000px){.firebase-page-home .firesite__bg>img{padding-bottom:1400px;top:200px}}@media screen and (min-width:2400px){.firebase-page-home .firesite__bg>img{padding-bottom:1400px}}.firebase-page-home .code-picker-wrapper{margin:20px auto 0}@media screen and (min-width:1000px){.firebase-page-home .code-picker-wrapper{margin-top:56px}}.firebase-page-integrations .product-grid__youtube-label{display:inline;color:#0288d1}.firebase-page-integrations .product-grid__youtube-label+i{top:-2px}.firebase-page-integrations .devsite-dialog-button.cta-link{padding:8px 16px;text-transform:none}@media screen and (min-width:1000px){.firebase-page-mods .cta-hero-footer__background>img{bottom:-800px;-webkit-transform:translateX(-50%) rotate(0deg) scaleX(-1);transform:translateX(-50%) rotate(0deg) scaleX(-1)}}.firebase-page-pricing h5{overflow:visible}.firebase-page-pricing .firesite__bg>img{height:100%;left:50%;max-width:none;padding-bottom:400px;position:absolute;top:-500px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media screen and (min-width:1000px){.firebase-page-pricing .firesite__bg>img{top:-400px}}@media screen and (min-width:1280px){.firebase-page-pricing .firesite__bg>img{top:-200px}}@media screen and (min-width:1000px){.firebase-page-pricing .landing-header br{display:inline}}.firebase-page-pricing .pricing-table__footer tr,.firebase-page-pricing .pricing-table__header tr{background:0 0}.firebase-page-pricing .pricing-table__header td:first-child{background:#f5f7f8}.firebase-page-pricing .pricing-table__footer td:first-child{background:#f8f9fa}.firebase-page-product .firesite__bg>img{height:100%;left:50%;max-width:none;padding-bottom:1200px;position:absolute;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media screen and (min-width:600px){.firebase-page-product .firesite__bg>img{top:-100px}}.firebase-page-product--games{background-color:#1e1e1e}.firebase-page-product--games .firesite__bg>img{height:100%;left:57%;max-width:none;padding-bottom:1200px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;top:9%}@media screen and (min-width:1280px){.firebase-page-product--games .firesite__bg>img{top:12%}}.firebase-page-product--games .games-product-header .cta-button{max-width:none}.firebase-page-product--games .cta-button--games{padding:20px}.firebase-page-product--games .games-logo-row .logo-row__logo{color:#fff;min-width:16%;max-width:200px}@media screen and (min-width:1000px){.firebase-page-product--games .games-logo-row .logo-row__logo{max-width:16%}}.firebase-page-product--games .games-logo-row .logo-row__logo img{opacity:.9;border-radius:4px;background-color:#fff}.firebase-page-products .firesite__bg>img{height:100%;left:50%;max-width:none;padding-bottom:200px;position:absolute;top:-300px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media screen and (min-width:720px){.firebase-page-products .firesite__bg>img{padding-bottom:600px}}@media screen and (min-width:1280px){.firebase-page-products .firesite__bg>img{top:-200px}}.firebase-page-products .card__header{text-align:left}@media screen and (min-width:1000px){.firebase-page-products .card__header{text-align:center}}.firebase-page-products .card__subheading{margin-left:0;max-width:500px}@media screen and (min-width:1000px){.firebase-page-products .card__subheading{margin-left:auto}}.firebase-page-products .product-card+.card:not(.product-card){margin-bottom:0}.firebase-page-products .product-card .card__content{padding-bottom:0}.firebase-page-products .mods-card .card__heading{margin-top:0}@media screen and (min-width:720px){.firebase-page-products .mods-card{background-color:#fff;background-image:url(/web/20201010143913im_/https://firebase.google.com/images/products/mods-background_1x.jpg);background-position:bottom right;background-repeat:no-repeat;background-size:auto 60%}}@media screen and (min-width:720px) and (-webkit-min-device-pixel-ratio:2),screen and (min-width:720px) and (min-resolution:192dpi){.firebase-page-products .mods-card{background-image:url(/web/20201010143913im_/https://firebase.google.com/images/products/mods-background_2x.jpg)}}@media screen and (min-width:1280px){.firebase-page-products .mods-card{background-size:auto calc(100% - 100px)}}.firebase-page-products .three-column.jumplinks{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:68px;padding:20px}@media screen and (min-width:1000px){.firebase-page-products .three-column.jumplinks{margin-bottom:36px}}.firebase-page-products .jumplinks .three-column__column{padding:0;text-align:center}.firebase-page-products .jumplinks .three-column__column:not(:last-child){margin-bottom:52px}@media screen and (min-width:1000px){.firebase-page-products .jumplinks .three-column__column:not(:last-child){margin-bottom:0}}.firebase-page-products .three-column__column__image-link{margin:auto;max-width:180px}@media screen and (min-width:1000px){.firebase-page-products .three-column__column__image-link{max-width:200px}}.firebase-page-products .jumplinks .cta-link{font-weight:500}.firebase-page-support .devsite-article{width:auto;margin-left:0}.firebase-page-support .card__heading{font:500 16px/22px "Google Sans",sans-serif;margin-bottom:20px!important;text-align:left}@media screen and (min-width:1000px){.firebase-page-support .card__heading{font:500 36px/46px "Google Sans",sans-serif}}.firebase-page-use-cases .firesite__bg>img{height:100%;left:50%;max-width:none;padding-bottom:1000px;position:absolute;top:400px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}@media screen and (min-width:400px){.firebase-page-use-cases .firesite__bg>img{top:600px}}@media screen and (min-width:720px){.firebase-page-use-cases .firesite__bg>img{top:300px}}@media screen and (min-width:1000px){.firebase-page-use-cases .firesite__bg>img{top:-260px;padding-bottom:1800px}}@media screen and (min-width:2400px){.firebase-page-use-cases .firesite__bg>img{padding-bottom:1200px;top:-300px}}@media screen and (min-width:1000px){.firebase-page-use-cases__logo-row .logo-row__container{padding:0}}.firebase-page-use-cases .product-icon__name{font-size:14px;line-height:26px;font-weight:500;font-family:"Google Sans",sans-serif}body[layout=full] .devsite-main-content{margin:0!important;max-width:none!important;padding:0!important}body[ready] .devsite-book-nav-bg[fixed],body[type=article] [ds-is=content] .devsite-breadcrumb-list,devsite-book-nav{display:none}body[devsite-framebox]{background-color:#fff}h2{padding-right:0!important}.expandable{width:100%}.expand-control{position:relative}.devsite-product-id-row,.devsite-rating-container{display:none!important}.devsite-framebox{background:0 0;padding:0}.devsite-wrapper{margin-top:0;padding:0}.devsite-overflow-menu{z-index:10}.gmp-icons{vertical-align:middle}.devsite-firebase-status-content aside{padding:10px 12px}@media screen and (min-width:720px){.devsite-firebase-status-content aside{padding:20px 24px}.devsite-firebase-status-content aside:before{margin-right:0}}.devsite-dialog-button .material-icons{margin:0}.devsite-firebase-status-text{font-size:14px;font-weight:500}@media screen and (min-width:720px){.devsite-firebase-status-text{font-size:18px}}.success::before{content:'check'}.firebase-page-support .devsite-support-quota{display:inline-block;margin:0}.firebase-page-support .devsite-support-quota-help{display:none}.firebase-page-support .devsite-overflow-menu .kd-tabbutton{height:46px;opacity:.5;padding:16px 20px 12px}.firebase-page-support .devsite-overflow-menu .kd-tabbutton h4{font-size:12px;line-height:16px;font-weight:500;font-family:"Google Sans",sans-serif;color:#757575;letter-spacing:.2px;margin:0;text-transform:none}.kd-menulist .kd-menulistitem{font-size:14px;line-height:18px;font-weight:400;font-family:"Google Sans",sans-serif;padding:12px}.kd-menulist .kd-menulistitem:hover{background-color:#eceff1}.firebase-video-modal:not([open]) .devsite-dialog-close{display:none!important}body[layout=full] .devsite-banner{margin:0 -100vw;padding:20px calc(100vw + 20px)}.carousel devsite-iframe>iframe{padding:0 16px} </style> <div class="devsite-banner devsite-banner-announcement"> <div class="devsite-banner-message"> <div class="devsite-banner-message-text"> <style> .devsite-banner-announcement:not(.devsite-banner-tenant) { background: #202124; color: white; font-weight: 500; } .devsite-banner-announcement a { color: white; font-weight: 700; } .devsite-banner-announcement a:link, .devsite-banner-announcement a:visited { background: 0; } .devsite-banner-announcement a:hover, .devsite-banner-announcement a:focus { text-decoration: none; } .devsite-banner-announcement .devsite-banner-message-text { margin: 0 auto; } </style> Google is committed to advancing racial equity for Black communities. <a href="https://web.archive.org/web/20201010143913/https://google.com/racialequity" class="gc-analytics-event" data-category="Announcement" data-label="Racial Equity">See how.</a> </div> </div> </div> <div class="devsite-article-meta"> <ul class="devsite-breadcrumb-list" role="navigation" aria-label="Breadcrumb"> <li class="devsite-breadcrumb-item "> <a href="/web/20201010143913/https://firebase.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Firebase"> Firebase </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="/web/20201010143913/https://firebase.google.com/community" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2" track-type="globalNav" track-name="breadcrumb" track-metadata-position="2" track-metadata-eventdetail=""> Community </a> </li> </ul> </div> <devsite-feedback position="header" project-name="Firebase" product-id="719752" bucket="" context="" version="t-devsite-webserver-20201001-r01-rc01.430035087605178851" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="header" project-feedback-url="https://firebase.google.com/support/contact/bugs-features/" project-icon="https://firebase.google.com/_static/firebase/images/logo.png" project-support-url="https://firebase.google.com/support/"> <button> Send feedback </button> </devsite-feedback> <devsite-toc class="devsite-nav" devsite-toc-embedded disabled> </devsite-toc> <div class="devsite-article-body clearfix devsite-no-page-title"> <main> <div class="firesite__bg firesite__bg--desktop" aria-hidden="true"> <img src="/web/20201010143913im_/https://firebase.google.com/images/backgrounds/background-default.svg" alt="" role="presentation"/> </div> <section id="find-the-resources-you-need-engage-directly-with-our-team-and-get-to-know-other-firebase-developers-like-you" class="landing-header landing-header--slate-grey landing-header--text-heavy landing-header--small-margin"> <div class="landing-header__nacho landing-header__nacho--default" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="3463.97" height="3947.35" viewbox="0 0 3463.97 3947.35" preserveaspectratio="xMinYMin"><defs><clippath id="landing-header-nacho_svg__clip-path"><path class="landing-header-nacho_svg__cls-1" d="M-3593.5-2560.43c286.06-63.44 1878.61 2088.8 1793.43 2324.85s-2266.29 720.51-2442.7 542.47c-26-26.3-36.38-105.87-34.34-222.62 11.69-674.45 439.65-2590.53 683.61-2644.7z"/></clippath><clippath id="landing-header-nacho_svg__clip-path-2"><path fill="none" d="M-5206.6-3363.17h4882v3709h-4882z"/></clippath><clippath id="landing-header-nacho_svg__clip-path-3"><path class="landing-header-nacho_svg__cls-1" d="M33.7 3869.38C259.33 4130.56 3298.85 3677.6 3437.6 3362c20.45-46.59-5.48-153.88-65.65-302.79C3024.47 2198.87 1530.45-50.73 1190.5 0 791.92 59.49-192 3608.24 33.7 3869.38z"/></clippath><style>.landing-header-nacho_svg__cls-1{fill:none;clip-rule:evenodd}</style></defs><g clip-path="url(#landing-header-nacho_svg__clip-path)"><g clip-path="url(#landing-header-nacho_svg__clip-path-2)" id="landing-header-nacho_svg__header-nacho"><path d="M-6731.56-24594.94l-221.11 27884.15L4247.1 3719.53l221.12-27884.15-11199.78-430.32z"/></g></g><g clip-path="url(#landing-header-nacho_svg__clip-path-3)" id="landing-header-nacho_svg__landing-header-nacho"><path transform="rotate(-22 1175.988 2165.688)" id="landing-header-background" fill="currentColor" d="M-530.36 155.86h3412.69v4019.63H-530.36z"/></g></svg></div> <header class="landing-header__text"> <div class="landing-header__inner-wrapper"> <h5 class="light no-link" id="welcome-to-the-firebase-community" data-text="Welcome to the Firebase Community" tabindex="0">Welcome to the Firebase Community</h5> <h1 class="light" id="find-the-resources-you-need,-engage-directly-with-our-team,-and-get-to-know-other-firebase-developers-like-you" data-text="Find the resources you need, engage directly with our team, and get to know other Firebase developers like you! " tabindex="0">Find the resources you need, engage directly with our team, and get to know other Firebase developers like you! </h1> </div> </header> </section> <div class="content-wrapper"> <section id="latest-news" class="card"> <div class="card__content"> <header id="latest-news" class="card__header"> <h2 class="card__heading" id="latest-news-articles" data-text="Latest news & articles" tabindex="0">Latest news & articles</h2> </header> <div id="firebase-summit-2020-a-two-day-virtual-summit" class="card__subpartial cta-banner "> <div class="cta-banner__text"> <h2 class="no-link" id="firebase-summit-2020:-a-two-day-virtual-summit" data-text="Firebase Summit 2020: A Two Day Virtual Summit" tabindex="0">Firebase Summit 2020: A Two Day Virtual Summit</h2> <p>Join us for Firebase Summit, a two day virtual event full of product updates, technical talks, and opportunities to interact with the Firebase team and other developers. Learn how Firebase can help you accelerate app development, gain actionable insight and scale with ease. <a href="https://web.archive.org/web/20201010143913/https://twitter.com/hashtag/FirebaseSummit?src=hashtag_click">#FirebaseSummit</a></p> <div class="cta-banner__cta cta-banner__cta--center-mobile"> <a href="https://web.archive.org/web/20201010143913/https://firebase.google.com/summit" data-category="community" data-action="linkClick" data-label="firebaseLive" class="cta-button gc-analytics-event"> Sign up </a> </div> </div> <div class="cta-banner__illo cta-banner__illo--large"> <img src="/web/20201010143913im_/https://firebase.google.com/images/homepage/news/firebase-summit-blog.png" alt="Logo pattern"> </div> </div> <hr> <div class="card__subpartial blog-row "> <devsite-dynamic-content query="tenant:firebase+origin:blogger" maxresults="1" initial-results="1" dynamic-card-type="card" items-per-page="1" button-label="Read more" link-type="both" sortorder="-timestamp" class="blogger"> </devsite-dynamic-content> <devsite-dynamic-content query="tenant:firebase+origin:medium" maxresults="1" initial-results="1" dynamic-card-type="card" items-per-page="1" button-label="Read more" link-type="both" sortorder="-timestamp" class="medium"> </devsite-dynamic-content> <devsite-dynamic-content query="tenant:firebase+origin:blogger" maxresults="2" initial-results="2" dynamic-card-type="card" items-per-page="2" button-label="Read more" link-type="both" sortorder="-timestamp" class="blogger"> </devsite-dynamic-content> </div> </div> </section> </div> <div class="content-wrapper"> <section id="learning-pathways" class="card"> <div class="card__content card__content--no-bottom-pad"> <header id="learning-pathways" class="card__header"> <h2 class="card__heading" id="learning-pathways-tutorials" data-text="Learning pathways & tutorials" tabindex="0">Learning pathways & tutorials</h2> </header> <div class="card__subpartial youtube-row "> <devsite-dynamic-content query="tenant:firebase+origin:youtube" maxresults="3" initial-results="3" dynamic-card-type="card" items-per-page="3" link-type="both" button-label="View tutorial" class="js-youtube-component"> </devsite-dynamic-content> </div> <hr> <div class="card__subpartial cta-grid "> <div class="cta-grid__card"> <div> <img class="cta-grid__icon cta-grid__icon--lg" src="/web/20201010143913im_/https://firebase.google.com/images/icons/codelabs-icon.svg" alt="Get to know Firebase for web"/> <p class="cta-grid__category "> Codelab </p> <h5 id="get-to-know-firebase-for-web" data-text="Get to know Firebase for web" tabindex="0">Get to know Firebase for web</h5> <p>Learn the basics of Firebase to create interactive web applications.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://codelabs.developers.google.com/codelabs/firebase-get-to-know-web/#0" data-category="community" data-action="linkClick" data-label="codelab" class="cta gc-analytics-event"> Start codelab </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon cta-grid__icon--lg" src="/web/20201010143913im_/https://firebase.google.com/images/icons/codelabs-icon.svg" alt="Get to know Cloud Firestore"/> <p class="cta-grid__category "> Codelab </p> <h5 id="get-to-know-cloud-firestore" data-text="Get to know Cloud Firestore" tabindex="0">Get to know Cloud Firestore</h5> <p>Build a restaurant recommendation web app powered by <a href="/web/20201010143913/https://firebase.google.com/docs/firestore" target="_blank" rel="noopener noreferrer"> Cloud Firestore</a>.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://codelabs.developers.google.com/codelabs/firestore-web/#9" data-category="community" data-action="linkClick" data-label="codelab" class="cta gc-analytics-event"> Start codelab </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon cta-grid__icon--lg" src="/web/20201010143913im_/https://firebase.google.com/images/icons/codelabs-icon.svg" alt="Firebase Performance Monitoring for web"/> <p class="cta-grid__category "> Codelab </p> <h5 id="firebase-performance-monitoring-for-web" data-text="Firebase Performance Monitoring for web" tabindex="0">Firebase Performance Monitoring for web</h5> <p>Learn how to use Firebase Performance Monitoring to measure the performance of a chat web app.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://codelabs.developers.google.com/codelabs/firebase-perf-mon-web/#0" data-category="community" data-action="linkClick" data-label="codelab" class="cta gc-analytics-event"> Start codelab </a> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section id="join-the-discussion" class="card"> <div class="card__content card__content--no-bottom-pad card__content--lg-header-gutter"> <header id="join-the-discussion" class="card__header"> <h2 class="card__heading" id="join-the-discussion" data-text="Join the discussion" tabindex="0">Join the discussion</h2> </header> <div class="card__subpartial cta-grid "> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/stackoverflow-icon.svg" alt="Stack Overflow"/> <h5 id="stack-overflow" data-text="Stack Overflow" tabindex="0">Stack Overflow</h5> <p>StackOverflow is the best place to get help with specific technical questions, like "How do I cancel a file upload?" Make sure you <a href="https://web.archive.org/web/20201010143913/http://stackoverflow.com/help/how-to-ask" target="_blank" rel="noopener noreferrer"> know how to ask a good question</a> to get the best response.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://stackoverflow.com/questions/tagged/firebase" data-category="community" data-action="linkClick" data-label="stackOverflow" class="cta gc-analytics-event"> Learn more </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/slack-icon.svg" alt="Slack"/> <h5 id="slack" data-text="Slack" tabindex="0">Slack</h5> <p>Slack is where you can have a quick chat with the Firebase community, share tips, and see how other developers are using Firebase.</p> </div> <a href="https://web.archive.org/web/20201010143913/http://firebase.community/" data-category="community" data-action="linkClick" data-label="slack" class="cta gc-analytics-event"> Join channel </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/google-groups-icon.svg" alt="Google Groups"/> <h5 id="google-groups" data-text="Google Groups" tabindex="0">Google Groups</h5> <p>Our Google Group is for longer, in-depth conversations and complex questions like, "Will this database structure work?"</p> </div> <a href="https://web.archive.org/web/20201010143913/https://groups.google.com/forum/#!forum/firebase-talk" data-category="community" data-action="linkClick" data-label="googleGroup" class="cta gc-analytics-event"> Join group </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/github-icon.svg" alt="Github"/> <h5 id="github" data-text="Github" tabindex="0">Github</h5> <p>In Github you’ll find sample projects, open source versions of our SDKs, and a way to report bugs you notice in our code repositories. For pure open source goodness, check out <a href="https://web.archive.org/web/20201010143913/https://firebaseopensource.com/">Firebase Open Source</a>.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://github.com/firebase/" data-category="community" data-action="linkClick" data-label="github" class="cta gc-analytics-event"> Learn more </a> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section id="stay-connected" class="card"> <div class="card__content card__content--no-bottom-pad card__content--lg-header-gutter"> <header id="stay-connected" class="card__header"> <h2 class="card__heading" id="stay-connected" data-text="Stay connected" tabindex="0">Stay connected</h2> </header> <div class="card__subpartial cta-grid "> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/newsletter-icon.svg" alt="Newsletter"/> <h5 id="newsletter" data-text="Newsletter" tabindex="0">Newsletter</h5> <p>The Firebase monthly newsletter delivers the latest product announcements, technical deep dives, events overview, and more straight to your inbox. Sign up from the Firebase console so you never miss a beat.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://console.firebase.google.com/subscriptions/overview" data-category="community" data-action="linkClick" data-label="newsletterSubscribe" class="cta gc-analytics-event"> Subscribe now </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/twitter-icon.svg" alt="Twitter"/> <h5 id="twitter" data-text="Twitter" tabindex="0">Twitter</h5> <p>Follow @Firebase on Twitter for a steady stream of our latest content, including podcasts, videos, event recaps, and blog posts.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://twitter.com/Firebase?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" data-category="community" data-action="linkClick" data-label="twitter" class="cta gc-analytics-event"> Follow us </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/facebook-icon.svg" alt="Facebook"/> <h5 id="facebook" data-text="Facebook" tabindex="0">Facebook</h5> <p>Like our Facebook page to see regular updates about our product launches and major events in your newsfeed.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://www.facebook.com/Firebase/" data-category="community" data-action="linkClick" data-label="facebook" class="cta gc-analytics-event"> Visit page </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/meetup-icon.svg" alt="MeetUp"/> <h5 id="meetup" data-text="MeetUp" tabindex="0">MeetUp</h5> <p>Join the Firebase team and fellow developers in a series of intimate, online meetups where we present on Firebase topics or run through codelabs.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://events.withgoogle.com/firebase-virtual-meetup/" data-category="community" data-action="linkClick" data-label="meetup" class="cta gc-analytics-event"> Attend meetup </a> </div> <div class="cta-grid__card"> <div> <img class="cta-grid__icon" src="/web/20201010143913im_/https://firebase.google.com/images/icons/podcast-icon.svg" alt="Podcast"/> <h5 id="podcast" data-text="Podcast" tabindex="0">Podcast</h5> <p>Tune in to the Firebase Podcast where we dive deep into Firebase products, talk about new tips and tricks, and share stories about how Firebase products are made.</p> </div> <a href="https://web.archive.org/web/20201010143913/https://www.stitcher.com/podcast/the-firebase-podcast" data-category="community" data-action="linkClick" data-label="podcast" class="cta gc-analytics-event"> Listen now </a> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section class="card"> <div class="card__content"> <div id="firebase-alpha-program" class="card__subpartial cta-banner card__subpartial--no-margin "> <div class="cta-banner__text"> <h2 class="no-link" id="firebase-alpha-program" data-text="Firebase Alpha Program" tabindex="0">Firebase Alpha Program</h2> <p>Eager to give product feedback and get early access to the products we’re developing? Participate in our <a href="https://web.archive.org/web/20201010143913/https://docs.google.com/forms/d/e/1FAIpQLSc689FFPHuioSYDwvbj_1zyJpxfc2X150QVwQruXwypWIdGlA/viewform?entry.1447725802=firesitecommunity">research studies</a> and join our Alpha program to shape our platform and share your needs.</p> <div class="cta-banner__cta cta-banner__cta--center-mobile"> <a href="https://web.archive.org/web/20201010143913/http://firebase.google.com/alpha" data-category="community" data-action="linkClick" data-label="firebaseAlpha" class="cta-button gc-analytics-event"> Sign up </a> </div> </div> <div class="cta-banner__illo cta-banner__illo--position-bottom"> <img srcset="https://web.archive.org/web/20201010143913im_/https://firebase.google.com/images/usecases/chat-features-crop_2x.png 2x, https://web.archive.org/web/20201010143913im_/https://firebase.google.com/images/usecases/chat-features-crop_1x.png 1x" src="/web/20201010143913im_/https://firebase.google.com/images/usecases/chat-features-crop_1x.png" alt="Logo pattern"> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section class="cta-hero-footer"> <div class="cta-hero-footer__background"> <img src="/web/20201010143913im_/https://firebase.google.com/images/nachos/nacho-footer.svg" role="presentation" aria-hidden="true"/> </div> <div class="content-wrapper"> <div class="cta-hero-footer__illo"> <img srcset="https://web.archive.org/web/20201010143913im_/https://firebase.google.com/images/footer/footer-illo_2x.png 2x, https://web.archive.org/web/20201010143913im_/https://firebase.google.com/images/footer/footer-illo_1x.png 1x" src="/web/20201010143913im_/https://firebase.google.com/images/footer/footer-illo_1x.png" alt="Illustration of developers talking"> </div> <div class="cta-hero-footer__text"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 192 192"><defs><lineargradient id="d" x1="-108.63" y1="-692.24" x2="-58.56" y2="-742.31" gradienttransform="matrix(2.67 0 0 -2.67 317.23 -1808)" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".1"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></lineargradient><lineargradient id="b" x1="56.9" y1="102.54" x2="48.9" y2="98.36" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#a52714"/><stop offset=".4" stop-color="#a52714" stop-opacity=".5"/><stop offset=".8" stop-color="#a52714" stop-opacity="0"/></lineargradient><lineargradient id="c" x1="90.89" y1="90.91" x2="87.31" y2="87.33" gradientunits="userSpaceOnUse"><stop offset="0" stop-color="#a52714" stop-opacity=".8"/><stop offset=".5" stop-color="#a52714" stop-opacity=".21"/><stop offset="1" stop-color="#a52714" stop-opacity="0"/></lineargradient><clippath id="a"><path d="M143.41 47.34a4 4 0 00-6.77-2.16L115.88 66 99.54 34.89a4 4 0 00-7.08 0l-8.93 17-22.4-41.77a4 4 0 00-7.48 1.28L32 150l57.9 32.46a12 12 0 0011.7 0L160 150z"/></clippath></defs><g clip-path="url(#a)"><path d="M32 150L53.66 11.39a4 4 0 017.48-1.27l22.4 41.78 8.93-17a4 4 0 017.08 0L160 150z" fill="#ffa000"/><path opacity=".12" fill="url(#b)" d="M106 9L0 0v192l32-42L106 9z"/><path d="M106.83 96.01l-23.3-44.12L32 150l74.83-53.99z" fill="#f57c00"/><path opacity=".2" fill="url(#c)" d="M0 0h192v192H0z"/><path d="M160 150L143.41 47.34a4 4 0 00-6.77-2.16L32 150l57.9 32.47a12 12 0 0011.7 0z" fill="#ffca28"/><path d="M143.41 47.34a4 4 0 00-6.77-2.16L115.88 66 99.54 34.89a4 4 0 00-7.08 0l-8.93 17-22.4-41.77a4 4 0 00-7.48 1.28L32 150h-.08l.07.08.57.28L115.83 67l20.78-20.8a4 4 0 016.78 2.16l16.45 101.74.16-.1zM32.19 149.81L53.66 12.39a4 4 0 017.48-1.28l22.4 41.78 8.93-17a4 4 0 017.08 0l16 30.43z" fill="#fff" fill-opacity=".2"/><path d="M101.6 181.49a12 12 0 01-11.7 0l-57.76-32.4-.14.91 57.9 32.46a12 12 0 0011.7 0L160 150l-.15-.92z" style="isolation:isolate" fill="#a52714" opacity=".2"/><path d="M143.41 47.34a4 4 0 00-6.77-2.16L115.88 66 99.54 34.89a4 4 0 00-7.08 0l-8.93 17-22.4-41.77a4 4 0 00-7.48 1.28L32 150l57.9 32.46a12 12 0 0011.7 0L160 150z" fill="url(#d)"/></g></svg> <span aria-level="2" class="light">Try Firebase <br>for free today</span> <p class="light">Integrating it into your app is easy. </p> <a href="https://web.archive.org/web/20201010143913/https://console.firebase.google.com/" data-category="getStarted" data-action="linkClick" data-label="homepage-footer" class="cta-button cta-button--white cta-button--large cta-button--text-sky-blue gc-analytics-event"> Get started </a> </div> </div> </section> </div> </main> </div> </article> </devsite-content> </main> <devsite-footer-promos class="devsite-footer"> </devsite-footer-promos> <devsite-footer-linkboxes class="devsite-footer"> <nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links"> <ul class="devsite-footer-linkboxes-list"> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Learn</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/docs/guides/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Guides </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/docs/reference/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> Reference </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/docs/samples/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Samples </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/docs/libraries/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Libraries </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://github.com/firebase/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)"> GitHub </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Stay connected</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://firebase.googleblog.com/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Blog </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/summit/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> Firebase Summit </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://www.facebook.com/Firebase/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Facebook </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://twitter.com/Firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Twitter </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://www.youtube.com/user/Firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)"> YouTube </a> </li> </ul> </li> <li class="devsite-footer-linkbox "> <h3 class="devsite-footer-linkbox-heading no-link">Support</h3> <ul class="devsite-footer-linkbox-list"> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/support/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)"> Contact support </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://stackoverflow.com/questions/tagged/firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)"> Stack Overflow </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://firebase.community/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)"> Slack community </a> </li> <li class="devsite-footer-linkbox-item"> <a href="//web.archive.org/web/20201010143913/https://groups.google.com/forum/#!forum/firebase-talk" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)"> Google group </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/support/releases" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)"> Release notes </a> </li> <li class="devsite-footer-linkbox-item"> <a href="/web/20201010143913/https://firebase.google.com/support/faq/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)"> FAQs </a> </li> </ul> </li> </ul> </nav> </devsite-footer-linkboxes> <devsite-footer-utility class="devsite-footer"> <div class="devsite-footer-utility nocontent"> <nav class="devsite-footer-sites" aria-label="Other Google Developers websites"> <a href="https://web.archive.org/web/20201010143913/https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link"> <img class="devsite-footer-sites-logo" src="https://web.archive.org/web/20201010143913im_/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/lockup-developers.svg" loading="lazy" alt="Google Developers"> </a> <ul class="devsite-footer-sites-list"> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20201010143913/https://developer.android.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link"> Android </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20201010143913/https://developer.chrome.com/home" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link"> Chrome </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20201010143913/https://firebase.google.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link"> Firebase </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20201010143913/https://cloud.google.com/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link"> Google Cloud Platform </a> </li> <li class="devsite-footer-sites-item"> <a href="//web.archive.org/web/20201010143913/https://developers.google.com/products/" class="devsite-footer-sites-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link"> All products </a> </li> </ul> </nav> <nav class="devsite-footer-utility-links" aria-label="Utility links"> <ul class="devsite-footer-utility-list"> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="/web/20201010143913/https://firebase.google.com/terms/" data-category="Site-Wide Custom Events" data-label="Footer Terms link"> Terms </a> </li> <li class="devsite-footer-utility-item "> <a class="devsite-footer-utility-link gc-analytics-event" href="//web.archive.org/web/20201010143913/https://policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link"> Privacy </a> </li> </ul> <devsite-language-selector> <devsite-select class="devsite-language-selector-menu"> <select aria-label="Select your language preference." class="devsite-language-selector-select" name="language" track-name="click" track-type="languageSelector"> <option>Language</option> <option value="en" lang="en" track-metadata-original-language="en" track-metadata-selected-language="en" track-name="changed" track-type="languageSelector"> English </option> <option value="id" lang="id" track-metadata-original-language="en" track-metadata-selected-language="id" track-name="changed" track-type="languageSelector"> Bahasa Indonesia </option> <option value="de" lang="de" track-metadata-original-language="en" track-metadata-selected-language="de" track-name="changed" track-type="languageSelector"> Deutsch </option> <option value="es_419" lang="es_419" track-metadata-original-language="en" track-metadata-selected-language="es_419" track-name="changed" track-type="languageSelector"> Español – América Latina </option> <option value="fr" lang="fr" track-metadata-original-language="en" track-metadata-selected-language="fr" track-name="changed" track-type="languageSelector"> Français </option> <option value="it" lang="it" track-metadata-original-language="en" track-metadata-selected-language="it" track-name="changed" track-type="languageSelector"> Italiano </option> <option value="pl" lang="pl" track-metadata-original-language="en" track-metadata-selected-language="pl" track-name="changed" track-type="languageSelector"> Polski </option> <option value="pt_br" lang="pt_br" track-metadata-original-language="en" track-metadata-selected-language="pt_br" track-name="changed" track-type="languageSelector"> Português – Brasil </option> <option value="vi" lang="vi" track-metadata-original-language="en" track-metadata-selected-language="vi" track-name="changed" track-type="languageSelector"> Tiếng Việt </option> <option value="tr" lang="tr" track-metadata-original-language="en" track-metadata-selected-language="tr" track-name="changed" track-type="languageSelector"> Türkçe </option> <option value="ru" lang="ru" track-metadata-original-language="en" track-metadata-selected-language="ru" track-name="changed" track-type="languageSelector"> Русский </option> <option value="he" lang="he" track-metadata-original-language="en" track-metadata-selected-language="he" track-name="changed" track-type="languageSelector"> עברית' </option> <option value="ar" lang="ar" track-metadata-original-language="en" track-metadata-selected-language="ar" track-name="changed" track-type="languageSelector"> العربيّة </option> <option value="fa" lang="fa" track-metadata-original-language="en" track-metadata-selected-language="fa" track-name="changed" track-type="languageSelector"> فارسی </option> <option value="hi" lang="hi" track-metadata-original-language="en" track-metadata-selected-language="hi" track-name="changed" track-type="languageSelector"> हिंदी </option> <option value="bn" lang="bn" track-metadata-original-language="en" track-metadata-selected-language="bn" track-name="changed" track-type="languageSelector"> বাংলা </option> <option value="th" lang="th" track-metadata-original-language="en" track-metadata-selected-language="th" track-name="changed" track-type="languageSelector"> ภาษาไทย </option> <option value="zh_cn" lang="zh_cn" track-metadata-original-language="en" track-metadata-selected-language="zh_cn" track-name="changed" track-type="languageSelector"> 中文 – 简体 </option> <option value="zh_tw" lang="zh_tw" track-metadata-original-language="en" track-metadata-selected-language="zh_tw" track-name="changed" track-type="languageSelector"> 中文 – 繁體 </option> <option value="ja" lang="ja" track-metadata-original-language="en" track-metadata-selected-language="ja" track-name="changed" track-type="languageSelector"> 日本語 </option> <option value="ko" lang="ko" track-metadata-original-language="en" track-metadata-selected-language="ko" track-name="changed" track-type="languageSelector"> 한국어 </option> </select> </devsite-select> </devsite-language-selector> </nav> </div> </devsite-footer-utility> </section></section> <devsite-sitemask></devsite-sitemask> <devsite-snackbar></devsite-snackbar> <devsite-tooltip></devsite-tooltip> <devsite-heading-link></devsite-heading-link> <devsite-analytics> <script type="application/json" analytics>[]</script> <script type="application/json" gtm>{"parameters": {"freeTrialEligibleUser": "False", "internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "marketing", "projectName": "Firebase", "scriptsafe": null, "signedIn": "False", "tenant": "firebase"}, "tags": ["GTM-N84485"]}</script> </devsite-analytics> <devsite-badger></devsite-badger> <firebase-gtm></firebase-gtm> <script nonce="WNSfEebWXxN+urzeXqnEgavjqkOsmY"> (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i; t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0]; E.parentNode.insertBefore(t,E);})(window, document, 'script', 'https://web.archive.org/web/20201010143913/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/js/app_loader.js', '[4,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20201010143913/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b","https://web.archive.org/web/20201010143913/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase","https://web.archive.org/web/20201010143913/https://firebase-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/firebase/manifest.json","/_static/images/video-placeholder.svg","https://web.archive.org/web/20201010143913/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/favicon.png","https://web.archive.org/web/20201010143913/https://www.gstatic.com/devrel-devsite/prod/v36e9b4a2fdc696650f09851e8c880b958655492821ded3455f80aaef87b6b52b/firebase/images/lockup.png","https://web.archive.org/web/20201010143913/https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700|Material+Icons"],1]') </script> </body> </html>