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/products","20201003173358","https://web.archive.org/","web","/_static/", "1601746438"); </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/20201003173358/https://firebase.google.com/_pwa/firebase/manifest.json" crossorigin="use-credentials"> <link rel="preconnect" href="//web.archive.org/web/20201003173358/https://www.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201003173358/https://fonts.gstatic.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201003173358/https://fonts.googleapis.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201003173358/https://apis.google.com/" crossorigin> <link rel="preconnect" href="//web.archive.org/web/20201003173358/https://www.google-analytics.com/" crossorigin> <link rel="stylesheet" href="//web.archive.org/web/20201003173358cs_/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/20201003173358cs_/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase/css/app.css"> <noscript> </noscript> <link rel="shortcut icon" href="https://web.archive.org/web/20201003173358im_/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase/images/favicon.png"> <link rel="apple-touch-icon" href="https://web.archive.org/web/20201003173358im_/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase/images/touchicon-180.png"><link rel="canonical" href="https://web.archive.org/web/20201003173358/https://firebase.google.com/products"><link rel="search" type="application/opensearchdescription+xml" title="Firebase" href="https://web.archive.org/web/20201003173358/https://firebase.google.com/s/opensearch.xml"> <title>Firebase Products</title> <meta property="og:title" content="Firebase Products"> <meta name="description" content="Firebase is Google’s mobile platform that helps you quickly develop high-quality apps and grow your business."> <meta property="og:description" content="Firebase is Google’s mobile platform that helps you quickly develop high-quality apps and grow your business."> <meta property="og:url" content="https://web.archive.org/web/20201003173358/https://firebase.google.com/products"> <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="Firebase Products"/> <meta name="image" content="https://firebase.google.com/images/social.png"> <meta name="twitter:title" content="Firebase Products"> <meta name="twitter:description" content=""> <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/20201003173358im_/https://firebase.google.com/images/social.png"> <meta name="twitter:image:alt" content="Firebase"> <meta property="og:title" content="Firebase Products"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://web.archive.org/web/20201003173358/https://firebase.google.com/products/"/> <meta property="og:image" content="https://web.archive.org/web/20201003173358im_/https://firebase.google.com/images/social.png"/> <meta property="og:description" content="Firebase is Google’s mobile platform that helps you quickly develop high-quality apps and grow your business."/> <meta name="msapplication-tap-highlight" content="no"> </head> <body type="marketing" theme="firebase-theme" class="firebase-page-products firesite-lang--en firebase-page-products" layout="full" pending> <devsite-progress type="indeterminate" id="app-progress"></devsite-progress> <section class="devsite-wrapper"><devsite-header> <div class="devsite-header--inner"> <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/20201003173358/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/20201003173358im_/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/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 active> <a href="/web/20201003173358/https://firebase.google.com/products" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="products" aria-label="Products, selected" data-category="Site-Wide Custom Events" data-label="Tab: Products"> Products </a> </tab> <tab> <a href="/web/20201003173358/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/20201003173358/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/20201003173358/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> <a href="/web/20201003173358/https://firebase.google.com/community" class="gc-analytics-event " track-type="globalNav" track-metadata-position="nav" track-metadata-eventdetail="nav" track-name="community" data-category="Site-Wide Custom Events" data-label="Tab: Community"> Community </a> </tab> <tab> <a href="/web/20201003173358/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 enable-signin enable-search enable-suggestions enable-query-completion project-name="Firebase" tenant-name="Firebase"> <form class="devsite-search-form" action="https://web.archive.org/web/20201003173358/https://firebase.google.com/s/results" method="GET"> <div class="devsite-search-container"> <div class="devsite-searchbox"> <input aria-label="Search" aria-haspopup="false" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" 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/20201003173358/https://console.firebase.google.com/" data-category="Site-Wide Custom Events" data-label="Site header link"> Go to console </a> <devsite-user 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/20201003173358/https://firebase.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Lower Header" data-value="1"> Products </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/20201003173358/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/20201003173358im_/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/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/20201003173358/https://firebase.google.com/products" class="devsite-nav-title gc-analytics-event devsite-nav-has-children devsite-nav-active" 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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/https://firebase.google.com/community" class="devsite-nav-title gc-analytics-event " 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/20201003173358/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/20201003173358/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"> <article class="devsite-article-inner"><style> /* Styles inlined from /styles/main.css */ @font-face{font-family:'GMP Icons';src:local("GMP Icons"),url(//web.archive.org/web/20201003173358im_/https://www.gstatic.com/mobilesdk/200309_mobilesdk/GMPIcons.eot) format("embedded-opentype"),url(//web.archive.org/web/20201003173358im_/https://www.gstatic.com/mobilesdk/200309_mobilesdk/GMPIcons.woff2) format("woff2"),url(//web.archive.org/web/20201003173358im_/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{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{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/20201003173358im_/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/20201003173358im_/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/20201003173358im_/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/20201003173358im_/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/20201003173358im_/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/20201003173358/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/20201003173358/https://firebase.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1"> Firebase </a> </li> <li class="devsite-breadcrumb-item "> <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div> <a href="/web/20201003173358/https://firebase.google.com/products" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="2"> Products </a> </li> </ul> </div> <devsite-feedback position="header" project-name="Firebase" product-id="719752" bucket="" context="" version="t-devsite-webserver-20200924-r01-rc00.429872899142986475" 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/20201003173358im_/https://firebase.google.com/images/backgrounds/background-default.svg" alt="" role="presentation"/> </div> <section id="firebase-helps-mobile-and-web-app-teams-succeed" class="landing-header 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="products" data-text="Products" tabindex="0">Products</h5> <h1 class="light" id="firebase-helps-mobile-and-web-app-teams-succeed" data-text="Firebase helps mobile and web app teams succeed " tabindex="0">Firebase helps<br> mobile and web<br> app teams succeed </h1> </div> </header> </section> <div class="content-wrapper"> <section class="three-column jumplinks"> <div class="three-column__wrapper"> <div class="three-column__column"> <div class="three-column__column__image-link"> <a href="#develop-products" class="cta-link"> <img src="/web/20201003173358im_/https://firebase.google.com/images/products/build_2x.png" alt="Build better apps"> </a> </div> <h5 class="no-link" id="build-better-apps" data-text="Build better apps" tabindex="0">Build better apps</h5> <a href="#develop-products" class="cta-link"> Jump to develop products </a> </div> <div class="three-column__column"> <div class="three-column__column__image-link"> <a href="#quality-products" class="cta-link"> <img src="/web/20201003173358im_/https://firebase.google.com/images/products/quality_2x.png" alt="Improve app quality"> </a> </div> <h5 class="no-link" id="improve-app-quality" data-text="Improve app quality" tabindex="0">Improve app quality</h5> <a href="#quality-products" class="cta-link"> Jump to quality products </a> </div> <div class="three-column__column"> <div class="three-column__column__image-link"> <a href="#grow-products" class="cta-link"> <img src="/web/20201003173358im_/https://firebase.google.com/images/products/grow_2x.png" alt="Grow your business"> </a> </div> <h5 class="no-link" id="grow-your-business" data-text="Grow your business" tabindex="0">Grow your business</h5> <a href="#grow-products" class="cta-link"> Jump to grow products </a> </div> </div> </section> </div> <div class="content-wrapper"> <section id="develop-products" class="card product-card"> <div class="card__content"> <header id="develop-products" class="card__header"> <h2 class="card__heading" id="build-better-apps_1" data-text="Build better apps" tabindex="0">Build better apps</h2> <p class="card__subheading">Firebase lets you build more powerful, secure and scalable apps, using world-class infrastructure. </p> </header> <div class="card__subpartial product-grid card__subpartial--no-margin "> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/firestore" data-category="productIcon" data-action="linkClick" data-label="firestore"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_firestore</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="cloud-firestore" data-text=" Cloud Firestore " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/firestore" data-category="product-grid" data-label="Cloud Firestore" class="gc-analytics-event"> Cloud Firestore </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> </div> </div><div class="product-grid__content"> <p>Store and sync data between users and devices - at global scale - using a cloud-hosted, NoSQL database. Cloud Firestore gives you live synchronization and offline support along with efficient data queries. Its integration with other Firebase products enables you to build truly serverless apps. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/firestore" data-category="product-grid" data-label="Learn more: Cloud Firestore" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/firestore" data-category="product-grid" data-label="Go to docs: Cloud Firestore" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--cloud-firestore"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/ml" data-category="productIcon" data-action="linkClick" data-label="ml2"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_ml2</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="firebase-ml-beta" data-text=" Firebase ML BETA " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/ml" data-category="product-grid" data-label="Firebase ML" class="gc-analytics-event"> Firebase ML <sup class="product-icon__beta product-icon__beta--inline">BETA</sup> </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> </div> </div><div class="product-grid__content"> <p>Bring powerful machine learning features to your mobile app. Firebase ML helps you deploy custom ML models optimized for on-device inference, which reduces your initial app installation size and lets you more easily make updates. You can also use AutoML Vision Edge to train your own custom image classification models, or access Cloud AI Vision APIs for a more turn-key solution. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/ml" data-category="product-grid" data-label="Learn more: Firebase ML" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/ml" data-category="product-grid" data-label="Go to docs: Firebase ML" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--firebase-ml"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/functions" data-category="productIcon" data-action="linkClick" data-label="functions"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_functions</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="cloud-functions" data-text=" Cloud Functions " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/functions" data-category="product-grid" data-label="Cloud Functions" class="gc-analytics-event"> Cloud Functions </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Extend your app with custom backend code without needing to manage and scale your own servers. Functions can be triggered by events, which are emitted by Firebase products, Google Cloud services, or third parties, using webhooks. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/functions" data-category="product-grid" data-label="Learn more: Cloud Functions" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/functions" data-category="product-grid" data-label="Go to docs: Cloud Functions" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--cloud-functions"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/auth" data-category="productIcon" data-action="linkClick" data-label="auth"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_auth</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="authentication" data-text=" Authentication " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/auth" data-category="product-grid" data-label="Authentication" class="gc-analytics-event"> Authentication </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Manage your users in a simple and secure way. Firebase Auth offers multiple methods to authenticate, including email and password, third-party providers like Google or Facebook, and using your existing account system directly. Build your own interface, or take advantage of our open source, fully customizable UI. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/auth" data-category="product-grid" data-label="Learn more: Authentication" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/auth" data-category="product-grid" data-label="Go to docs: Authentication" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--authentication"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/hosting" data-category="productIcon" data-action="linkClick" data-label="hosting"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_hosting</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="hosting" data-text=" Hosting " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/hosting" data-category="product-grid" data-label="Hosting" class="gc-analytics-event"> Hosting </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> </div> </div><div class="product-grid__content"> <p>Simplify your web hosting with tools made specifically for modern web apps. When you upload your web assets, we automatically push them out to our global CDN and give them a free SSL certificate so your users get a secure, reliable, low-latency experience, no matter where they are. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/hosting" data-category="product-grid" data-label="Learn more: Hosting" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/hosting" data-category="product-grid" data-label="Go to docs: Hosting" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--hosting"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/storage" data-category="productIcon" data-action="linkClick" data-label="storage"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_storage</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="cloud-storage" data-text=" Cloud Storage " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/storage" data-category="product-grid" data-label="Cloud Storage" class="gc-analytics-event"> Cloud Storage </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Store and share user-generated content like images, audio, and video with powerful, simple, and cost-effective object storage built for Google scale. The Firebase SDKs for Cloud Storage add Google security to file uploads and downloads for your Firebase apps, regardless of network quality. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/storage" data-category="product-grid" data-label="Learn more: Cloud Storage" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/storage" data-category="product-grid" data-label="Go to docs: Cloud Storage" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--cloud-storage"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product product-grid__product--no-bottom-border-tablet product-grid__product--no-bottom-border-desktop"> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/realtime-database" data-category="productIcon" data-action="linkClick" data-label="database"> <div class="product-icon__icon product-icon__icon--build" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_database</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="realtime-database" data-text=" Realtime Database " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/realtime-database" data-category="product-grid" data-label="Realtime Database" class="gc-analytics-event"> Realtime Database </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Realtime Database is Firebase's original database. It's an efficient, low-latency solution for mobile apps that require synced states across clients in realtime. We recommend Cloud Firestore instead of Realtime Database for most developers starting a new project. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/realtime-database" data-category="product-grid" data-label="Learn more: Realtime Database" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/database" data-category="product-grid" data-label="Go to docs: Realtime Database" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--realtime-database"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div id="video-modal--cloud-firestore" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="QcsAb2RR52c" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--firebase-ml" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="p5-BDRCAkMI" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--cloud-functions" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="vr0Gfvp5v1A" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--authentication" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="8sGY55yxicA" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--hosting" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="jsRVHeQd5kU" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--cloud-storage" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="_tyjqozrEPY" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--realtime-database" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="U5aeM5dvUpA" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section id="quality-products" class="card product-card"> <div class="card__content"> <header id="quality-products" class="card__header"> <h2 class="card__heading" id="improve-app-quality_1" data-text="Improve app quality" tabindex="0">Improve app quality</h2> <p class="card__subheading">Firebase gives you insights into app performance and stability, so you can channel your resources effectively. </p> </header> <div class="card__subpartial product-grid card__subpartial--no-margin "> <div class="product-grid__product product-grid__product--no-bottom-border-desktop"> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/crashlytics" data-category="productIcon" data-action="linkClick" data-label="crashlytics"> <div class="product-icon__icon product-icon__icon--quality" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_crashlytics</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="crashlytics" data-text=" Crashlytics " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/crashlytics" data-category="product-grid" data-label="Crashlytics" class="gc-analytics-event"> Crashlytics </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Reduce your troubleshooting time by turning an avalanche of crashes into a manageable list of issues. Get clear, actionable insight into which issues to tackle first by seeing the user impact right in the Crashlytics dashboard. Realtime alerts will help you stay on top of stability even on the go. Crashlytics is the primary crash reporter for Firebase. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/crashlytics" data-category="product-grid" data-label="Learn more: Crashlytics" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/crashlytics" data-category="product-grid" data-label="Go to docs: Crashlytics" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--crashlytics"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/performance" data-category="productIcon" data-action="linkClick" data-label="performance"> <div class="product-icon__icon product-icon__icon--quality" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_performance</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="performance-monitoring" data-text=" Performance Monitoring " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/performance" data-category="product-grid" data-label="Performance Monitoring" class="gc-analytics-event"> Performance Monitoring </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS Supported" data-title="iOS Supported" aria-label="iOS Supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> </div> </div><div class="product-grid__content"> <p>Diagnose app performance issues occurring on your users’ devices. Use traces to monitor the performance of specific parts of your app and see a summarized view in the Firebase console. Stay on top of your app’s start-up time and monitor HTTP requests without writing any code. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/performance" data-category="product-grid" data-label="Learn more: Performance Monitoring" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/perf-mon" data-category="product-grid" data-label="Go to docs: Performance Monitoring" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--performance-monitoring"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product product-grid__product--no-bottom-border-tablet"> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/test-lab" data-category="productIcon" data-action="linkClick" data-label="test_lab"> <div class="product-icon__icon product-icon__icon--quality" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_test_lab</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="test-lab" data-text=" Test Lab " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/test-lab" data-category="product-grid" data-label="Test Lab" class="gc-analytics-event"> Test Lab </a> </h5> </div><div class="product-grid__meta"><span class="product-grid__pay-to-scale">Pay to scale</span><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> </div> </div><div class="product-grid__content"> <p>Run automatic and customized tests for your app on virtual and physical devices hosted by Google. Use Firebase Test Lab throughout your development lifecycle to discover bugs and inconsistencies so that you can offer up a great experience on a wide variety of devices. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/test-lab" data-category="product-grid" data-label="Learn more: Test Lab" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/test-lab" data-category="product-grid" data-label="Go to docs: Test Lab" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--test-lab"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/app-distribution" data-category="productIcon" data-action="linkClick" data-label="app_distro"> <div class="product-icon__icon product-icon__icon--quality" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_app_distro</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="app-distribution-beta" data-text=" App Distribution BETA " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/app-distribution" data-category="product-grid" data-label="App Distribution" class="gc-analytics-event"> App Distribution <sup class="product-icon__beta product-icon__beta--inline">BETA</sup> </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> </div> </div><div class="product-grid__content"> <p>Firebase App Distribution allows developers to send pre-release versions of their app to trusted testers from the console or using command line tools, as well as manage testers in one place. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/app-distribution" data-category="product-grid" data-label="Learn more: App Distribution" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/app-distribution" data-category="product-grid" data-label="Go to docs: App Distribution" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--app-distribution"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div id="video-modal--crashlytics" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="k_mdNRZzd30" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--performance-monitoring" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="0EHSPFvH7vk" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--test-lab" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="4_ZEEX1x17k" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--app-distribution" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="SiPOaV-5j9o" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section id="grow-products" class="card product-card"> <div class="card__content"> <header id="grow-products" class="card__header"> <h2 class="card__heading" id="grow-your-business_1" data-text="Grow your business" tabindex="0">Grow your business</h2> <p class="card__subheading">Firebase helps you grow to millions of users, simplifying user engagement and retention. </p> </header> <div class="card__subpartial product-grid card__subpartial--no-margin "> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/in-app-messaging" data-category="productIcon" data-action="linkClick" data-label="inapp_messaging"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_inapp_messaging</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="in-app-messaging-beta" data-text=" In-App Messaging BETA " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/in-app-messaging" data-category="product-grid" data-label="In-App Messaging" class="gc-analytics-event"> In-App Messaging <sup class="product-icon__beta product-icon__beta--inline">BETA</sup> </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> </div> </div><div class="product-grid__content"> <p>Engage and nurture your active users with targeted and contextual messages that encourage them to complete meaningful actions within your app. You have the power to trigger messages based on user behavior and interests. You can also customize the design of in-app messages to fit your brand. In-App Messaging supports a variety of use cases and formats. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/in-app-messaging" data-category="product-grid" data-label="Learn more: In-App Messaging" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/in-app-messaging/get-started" data-category="product-grid" data-label="Go to docs: In-App Messaging" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--in-app-messaging"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/analytics" data-category="productIcon" data-action="linkClick" data-label="analytics"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_analytics</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="google-analytics" data-text=" Google Analytics " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/analytics" data-category="product-grid" data-label="Google Analytics" class="gc-analytics-event"> Google Analytics </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Analyze user attributions and behavior in a single dashboard to make informed decisions on your product roadmap. Gain realtime insights from reports, or export your raw event data to Google BigQuery for custom analysis. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/analytics" data-category="product-grid" data-label="Learn more: Google Analytics" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/analytics" data-category="product-grid" data-label="Go to docs: Google Analytics" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--google-analytics"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/predictions" data-category="productIcon" data-action="linkClick" data-label="predictions"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_predictions</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="predictions" data-text=" Predictions " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/predictions" data-category="product-grid" data-label="Predictions" class="gc-analytics-event"> Predictions </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Harness the power of Google’s machine learning to get insight into which segments of users are likely to churn or spend (or complete another conversion event). Use these smart predictive segments for targeting in other products like Remote Config, Cloud Messaging, and In-App Messaging. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/predictions" data-category="product-grid" data-label="Learn more: Predictions" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/predictions" data-category="product-grid" data-label="Go to docs: Predictions" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--predictions"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/ab-testing" data-category="productIcon" data-action="linkClick" data-label="experiments"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_experiments</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="ab-testing-beta" data-text=" A/B Testing BETA " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/ab-testing" data-category="product-grid" data-label="A/B Testing" class="gc-analytics-event"> A/B Testing <sup class="product-icon__beta product-icon__beta--inline">BETA</sup> </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Improve your app by running product and marketing experiments, without worrying about setting up the infrastructure to run A/B tests. Customize experiments to suit your goals. Test a variety of updates to your app, like message copy or new features. Then, only roll-out changes proven to move the needle on your key metrics. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/ab-testing" data-category="product-grid" data-label="Learn more: A/B Testing" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/ab-testing" data-category="product-grid" data-label="Go to docs: A/B Testing" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--a-b-testing"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/cloud-messaging" data-category="productIcon" data-action="linkClick" data-label="cloud_messaging"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_cloud_messaging</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="cloud-messaging" data-text=" Cloud Messaging " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/cloud-messaging" data-category="product-grid" data-label="Cloud Messaging" class="gc-analytics-event"> Cloud Messaging </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Send messages and notifications to users across platforms—Android, iOS, and the web—for free. Messages can be sent to single devices, groups of devices, or specific topics or user segments. Firebase Cloud Messaging (FCM) scales to even the largest apps, delivering hundreds of billions of messages per day. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/cloud-messaging" data-category="product-grid" data-label="Learn more: Cloud Messaging" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/cloud-messaging" data-category="product-grid" data-label="Go to docs: Cloud Messaging" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--cloud-messaging"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product "> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/remote-config" data-category="productIcon" data-action="linkClick" data-label="config"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_config</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="remote-config" data-text=" Remote Config " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/remote-config" data-category="product-grid" data-label="Remote Config" class="gc-analytics-event"> Remote Config </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Customize how your app renders for each user. Change the look and feel, roll out features gradually, run A/B tests, deliver customized content to certain users, or make other updates without deploying a new version—all from the Firebase console. Monitor the impact of your changes and make adjustments in a matter of minutes. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/remote-config" data-category="product-grid" data-label="Learn more: Remote Config" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/remote-config" data-category="product-grid" data-label="Go to docs: Remote Config" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--remote-config"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div class="product-grid__product product-grid__product--no-bottom-border-tablet product-grid__product--no-bottom-border-desktop"> <div class="product-icon"> <a id="product-icon" class="product-icon__link gc-analytics-event" href="/web/20201003173358/https://firebase.google.com/products/dynamic-links" data-category="productIcon" data-action="linkClick" data-label="durable_links"> <div class="product-icon__icon product-icon__icon--grow" role="presentation" aria-hidden="true"> <i class="gmp-icons" aria-hidden="true" translate="no">gmp_durable_links</i> </div> </a> </div> <div class="product-grid__titles"> <h5 class="no-link product-grid__title" id="dynamic-links" data-text=" Dynamic Links " tabindex="0"> <a href="/web/20201003173358/https://firebase.google.com/products/dynamic-links" data-category="product-grid" data-label="Dynamic Links" class="gc-analytics-event"> Dynamic Links </a> </h5> </div><div class="product-grid__meta"><div class="platform-icons__wrapper" aria-label="Supported platforms" role="list"><i role="listitem" title="iOS supported" data-title="iOS supported" aria-label="iOS supported" class="platform-icon plat_ios gmp-icons" aria-hidden="true" translate="no">plat_ios</i> <i role="listitem" title="Android supported" data-title="Android supported" aria-label="Android supported" class="platform-icon plat_android gmp-icons" aria-hidden="true" translate="no">plat_android</i> <i role="listitem" title="Web supported" data-title="Web supported" aria-label="Web supported" class="platform-icon plat_web gmp-icons" aria-hidden="true" translate="no">plat_web</i> <i role="listitem" title="C++ supported" data-title="C++ supported" aria-label="C++ supported" class="platform-icon plat_cpp gmp-icons" aria-hidden="true" translate="no">plat_cpp</i> <i role="listitem" title="Unity supported" data-title="Unity supported" aria-label="Unity supported" class="platform-icon plat_unity gmp-icons" aria-hidden="true" translate="no">plat_unity</i> </div> </div><div class="product-grid__content"> <p>Use Dynamic Links to deliver a customized user experience for iOS, Android, and the web. You can use them to power mobile web to drive native app conversions, user to user sharing, social and marketing campaigns, and more. Dynamic Links provides you with the attributions you need to better understand your mobile growth. </p> </div> <div class="product-grid__ctas"> <a href="/web/20201003173358/https://firebase.google.com/products/dynamic-links" data-category="product-grid" data-label="Learn more: Dynamic Links" class="cta-link gc-analytics-event"> Learn more </a> <a href="/web/20201003173358/https://firebase.google.com/docs/dynamic-links" data-category="product-grid" data-label="Go to docs: Dynamic Links" class="cta-link cta-link--grey gc-analytics-event"> Go to docs </a> <button class="devsite-dialog-button product-grid__youtube cta-link cta-link--text" data-tooltip="Play video" data-modal-dialog-id="video-modal--dynamic-links"> <span class="product-grid__youtube-label">Video</span> <i class="material-icons" aria-hidden="true" role="presentation" translate="no"> play_circle_filled </i> </button></div> </div> <div id="video-modal--in-app-messaging" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="5MRKpvKV2pg" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--google-analytics" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="8iZpH7O6zXo" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--predictions" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="ORrvrVEHJz4" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--a-b-testing" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="OxMQORNh2E4" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--cloud-messaging" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="sioEY4tWmLI" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--remote-config" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="_CXXVFPO6f0" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div><div id="video-modal--dynamic-links" class="devsite-dialog firebase-video-modal"> <div class="firebase-video-modal__buttons"> <button class="devsite-dialog-close"><i class="material-icons" aria-hidden="true" translate="no">close</i></button> </div> <div class="devsite-dialog-contents"> <div class="video-wrapper"> <iframe class="devsite-embedded-youtube-video" data-video-id="LvY1JMcrPF8" data-list="PLl-K7zZEsYLmOF_07IayrTntevxtbUxDL" data-autohide="1" data-showinfo="0" frameborder="0" allowfullscreen> </iframe> </div> </div> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section class="card mods-card"> <div class="card__content"> <div id="firebase-extensions" class="card__subpartial logo-row card__subpartial--no-margin logo-row--mods "> <header class="card__header"> <h2 class="card__heading" id="firebase-extensionsbeta" data-text="Firebase ExtensionsBETA " tabindex="0">Firebase Extensions<sup class="product-icon__beta product-icon__beta--inline">BETA</sup> </h2> <p class="card__subheading">Deploy functionality to your app quickly using pre-packaged solutions. Firebase Extensions are configurable, and work with Firebase and other Google Cloud Platform products. </p> </header> <div class="logo-row__container logo-row__container--with-titles"> <div class="logo-row__logo"> <a href="/web/20201003173358/https://firebase.google.com/products/extensions/storage-resize-images" data-category="logo row" data-label="Resize Images" class="gc-analytics-event"> <img src="//web.archive.org/web/20201003173358im_/https://www.gstatic.com/mobilesdk/200707_mobilesdk/resize_images_72@2x.png" alt="Resize Images"> Resize Images </a> </div> <div class="logo-row__logo"> <a href="/web/20201003173358/https://firebase.google.com/products/extensions/firestore-bigquery-export" data-category="logo row" data-label="Export Collections to BigQuery" class="gc-analytics-event"> <img src="//web.archive.org/web/20201003173358im_/https://www.gstatic.com/mobilesdk/200707_mobilesdk/export_bigquery_72@2x.png" alt="Export Collections to BigQuery"> Export Collections to BigQuery </a> </div> <div class="logo-row__logo"> <a href="/web/20201003173358/https://firebase.google.com/products/extensions/firestore-send-email" data-category="logo row" data-label="Trigger Email" class="gc-analytics-event"> <img src="//web.archive.org/web/20201003173358im_/https://www.gstatic.com/mobilesdk/200707_mobilesdk/trigger_email_72@2x.png" alt="Trigger Email"> Trigger Email </a> </div> <div class="logo-row__logo"> <a href="/web/20201003173358/https://firebase.google.com/products/extensions/firestore-stripe-subscriptions" data-category="logo row" data-label="Run Subscription Payments with Stripe" class="gc-analytics-event"> <img src="//web.archive.org/web/20201003173358im_/https://www.gstatic.com/mobilesdk/200629_mobilesdk/stripe_subscriptions_72@2x.png" alt="Run Subscription Payments with Stripe"> Run Subscription Payments with Stripe </a> </div> </div> <div class="card__ctas"> <div class="card__cta"> <a href="/web/20201003173358/https://firebase.google.com/products/extensions" data-category="firebaseExtensions" data-action="linkClick" data-label="viewAllExtensions" class="cta-button cta-button--long-text gc-analytics-event"> View all extensions </a> </div> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section class="card"> <div class="card__content"> <div id="mix-and-match-firebase-products-to-solve-common-app-development-challenges" class="card__subpartial cta-banner card__subpartial--no-margin "> <div class="cta-banner__text"> <h2 class="no-link" id="mix-and-match-firebase-products-to-solve-common-app-development-challenges." data-text="Mix and match Firebase products to solve common app development challenges. " tabindex="0">Mix and match Firebase products to solve common app development challenges. </h2> <div class="cta-banner__cta"> <a href="/web/20201003173358/https://firebase.google.com/use-cases" data-category="firebaseExtensions" data-action="linkClick" data-label="seeProducts" class="cta-button gc-analytics-event"> See use cases </a> </div> </div> <div class="cta-banner__illo cta-banner__illo--position-bottom"> <img srcset="https://web.archive.org/web/20201003173358im_/https://firebase.google.com/images/usecases/chat-features-crop_2x.png 2x, https://web.archive.org/web/20201003173358im_/https://firebase.google.com/images/usecases/chat-features-crop_1x.png 1x" src="/web/20201003173358im_/https://firebase.google.com/images/usecases/chat-features-crop_1x.png" alt="Logo pattern" role="presentation" aria-hidden="true"> </div> </div> </div> </section> </div> <div class="content-wrapper"> <section class="cta-hero-footer"> <div class="cta-hero-footer__background"> <img src="/web/20201003173358im_/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/20201003173358im_/https://firebase.google.com/images/footer/footer-illo_2x.png 2x, https://web.archive.org/web/20201003173358im_/https://firebase.google.com/images/footer/footer-illo_1x.png 1x" src="/web/20201003173358im_/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/20201003173358/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> </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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358im_/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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/20201003173358/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 type="cookie-notification" data-cookie-notice="0"></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> <firebase-gtm></firebase-gtm> <script> (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/20201003173358/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase/js/app_loader.js', '[4,"en",null,"/js/devsite_app_module.js","https://web.archive.org/web/20201003173358/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159","https://web.archive.org/web/20201003173358/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase","https://web.archive.org/web/20201003173358/https://firebase-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/firebase/manifest.json","/_static/images/video-placeholder.svg","https://web.archive.org/web/20201003173358/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase/images/favicon.png","https://web.archive.org/web/20201003173358/https://www.gstatic.com/devrel-devsite/prod/v85e39fe21f53c758adf6c791fb94a7a2182cff2705b3dc8ed7c59fc745471159/firebase/images/lockup.png","https://web.archive.org/web/20201003173358/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>