CINXE.COM

Google Research Blog

<!DOCTYPE html> <html dir='ltr' lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MXDQM7L');</script> <!-- End Google Tag Manager --> <!-- METADATA --> <meta content='width=device-width, initial-scale=1' name='viewport'/> <meta content='summary_large_image' name='twitter:card'/> <title>Google Research Blog</title> <meta content='Google Research Blog: TensorFlow' name='twitter:title'/> <meta content='Google Research Blog: TensorFlow' property='og:title'/> <meta content='https://research.google/static/images/blog/google-ai-meta.png' property='og:image'/> <meta content='https://research.google/static/images/blog/google-ai-meta.png' name='twitter:image'/> <!-- FONTS --> <link href='https://fonts.googleapis.com/css?family=Google+Sans:+400,500,700|Product+Sans:400|Roboto:300,400,500,700|Roboto+Mono:500&display=swap' media='all' rel='stylesheet'/> <!-- GOOGLE ANALYTICS SCRIPT --> <script type='text/javascript'> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-961555-69', 'auto', 'blogger'); ga('blogger.send', 'pageview'); </script> <!-- PAGE LOAD JAVASCRIPT --> <script type='text/javascript'> const API_KEY = 'AIzaSyDMscAMFlp56yWLwjFm-CiaSaThfLmRtds'; const BLOG_ID = '8474926331452026626'; //<![CDATA[ const currentYear = new Date().getFullYear(); const oldestBlogYear = 2006; const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; // FETCH 3 PREVIOUS POSTS ON BOTTOM OF THE SINGLE BLOG PAGE const fetchPreviousPosts = date => { const prevPosts = document.querySelector('#previousPosts'); const postsTitle = document.querySelector('#prevPostTitle'); const link = `https://blogger.googleapis.com/v3/blogs/${BLOG_ID}/posts?endDate=${date}&fetchBodies=false&fetchImages=true&maxResults=3&key=${API_KEY}`; const posts = fetch(link) .then(response => { return response.json(); }) .then(data => { if (!data.items || data.items.length < 3) { postsTitle.textContent = ''; return; } postsTitle.textContent = 'Previous posts'; const ulPrevPost = document.createElement('ul'); ulPrevPost.setAttribute('id', 'ulPrevPost'); prevPostsArr = data.items.map(post => { const aLink = document.createElement('a'); aLink.setAttribute('href', post.url); aLink.setAttribute('aria-label', post.title); aLink.classList.add('post-outer-container'); const article = document.createElement('article'); const postContainer = document.createElement('div'); postContainer.classList.add('post-outer', 'full-post'); const pArticle = document.createElement('p'); pArticle.classList.add('article-byline'); const snippet = document.createElement('div'); snippet.classList.add('snippet-thumbnail'); const span = document.createElement('span'); span.setAttribute('id', `prev-${post.id}`) span.classList.add('snippet-thumbnail-img'); const style = document.createElement('style') if (post.images) { style.textContent = ` #prev-${post.id} { background-size: 80%; background-image: url("${post.images[0].url}"); } `; } else { style.textContent = ` #prev-${post.id} { background-size: 80%; background-image: url("https://research.google/static/images/blog/google-ai-fallback.png"); } `; } snippet.append(span, style); const postContent = document.createElement('div'); postContent.classList.add('post-content', 'container'); const postHeaderCont = document.createElement('div'); postHeaderCont.classList.add('post-header-container', 'container'); const postHeader = document.createElement('div'); postHeader.classList.add('post-header'); postHeaderCont.appendChild(postHeader); const postHeaderLine = document.createElement('div'); postHeaderLine.classList.add('post-header-line-1'); postHeader.appendChild(postHeaderLine); const spanByLine = document.createElement('span'); spanByLine.classList.add('byline', 'post-timestamp'); postHeaderLine.appendChild(spanByLine); const meta = document.createElement('meta'); meta.setAttribute('content', post.url); const time = document.createElement('time'); time.classList.add('eyebrow'); time.setAttribute('datetime', post.published); time.title = post.published; time.textContent = `${new Date(post.published).toLocaleDateString('en-US', {month: 'short', day: 'numeric', year: 'numeric'})}`; spanByLine.append(meta, time); const postTitle = document.createElement('div'); postTitle.classList.add('post-title-container'); const h3 = document.createElement('h3'); h3.classList.add('post-title', 'entry-title'); h3.textContent = post.title; postTitle.appendChild(h3); const postBottom = document.createElement('div'); postBottom.classList.add('post-bottom'); const footer = document.createElement('div'); footer.classList.add('post-footer'); const footerLine = document.createElement('div'); footerLine.classList.add('post-footer-line', 'post-footer-line-0'); footer.appendChild(footerLine); const jumpLink = document.createElement('div'); jumpLink.classList.add('byline', 'jump-link'); const img = document.createElement('img'); img.src = src = 'https://research.google/static/images/blog/right-arrow-blue.svg'; jumpLink.appendChild(img); postBottom.append(footer, jumpLink); postContent.append(postHeaderCont, postTitle, postBottom); postContainer.append(pArticle, snippet, postContent); article.appendChild(postContainer); aLink.appendChild(article); return aLink; }); ulPrevPost.append(...prevPostsArr); prevPosts.append(ulPrevPost); }) .catch(err => { console.log('Error Reading data ' + err); }); }; // UPDATES LAST ROW OF CARDS ON HOMEPAGE (2 POSTS) TO TAKE UP ENTIRE WIDTH IN THE CASE THAT THERE IS A FEATURED POST FROM THE HOMEPAGE const adjustPostsLayout = () => { window.addEventListener('load', () => { const posts = document.getElementsByClassName("post-outer-container"); if (posts.length === 10) { const postContainer = document.getElementsByClassName("blog-posts hfeed container"); const extraPost = posts[9]; const extraPostTwo = posts[8]; const firstTrailingPost = extraPost; const secondTrailingPost = extraPostTwo; firstTrailingPost.classList.remove('post-outer-container'); secondTrailingPost.classList.remove('post-outer-container'); firstTrailingPost.classList.add('post-outer-container-helper'); secondTrailingPost.classList.add('post-outer-container-helper'); extraPost.remove(); extraPostTwo.remove(); const div = document.createElement('div'); div.classList.add('featured-posts-helper'); div.append(secondTrailingPost, firstTrailingPost); postContainer[0].append(div); } }) } // CREATE A TEXT SNIPPET FOR HERO POST ON HOME PAGE const createSnippet = () => { const heroPostBody = document.querySelector('#heroPostBody'); const bylineAuthor = heroPostBody.querySelector('.byline-author'); const firstParagraph = heroPostBody.querySelector('p'); firstParagraph.remove(); if (window.innerWidth < 767) { const paragraphContent = firstParagraph.textContent; const p = document.createElement('p'); p.textContent = paragraphContent.slice(0, 117) + '...'; heroPostBody.append(p || ''); } }; // GENERATE YEAR LIST FOR ARCHIVE FILTER const generateYearList = elementId => { const years = []; const yearsContainer = document.getElementById(elementId); for (let y = currentYear; y >= oldestBlogYear; y -= 1) { years.push(y); } const yearsElements = years.map(year => { const button = document.createElement('button'); button.innerText = year; button.classList.add('filter-btn', 'year-btn'); if (year === currentYear) button.classList.add('active'); return button; }); yearsContainer.append(...yearsElements); }; // GENERATE MONTH LIST FOR ARCHIVE FILTER const generateMonthList = elementId => { const monthContainer = document.getElementById(elementId); const monthsElements = months.map((month, i) => { const button = document.createElement('button'); button.innerText = month; button.classList.add('filter-btn', 'month-btn'); if (i === 0) button.classList.add('active'); button.value = i + 1; return button; }); monthContainer.append(...monthsElements); }; //]]> </script> <!-- STYLES --> <style id='page-skin-1' type='text/css'><!-- /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box;box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/* WARNING: DO NOT EDIT THIS FILE! */ /* GOOGLE STYLES https://research.google/css/main_min_css.css */ .page--home .teams-people .copy__wrapper, .page--home .group--pub .group__gallery-wrapper .gallery--image-card, .page--home .group--default .group__gallery-wrapper .gallery--image-card, .quote--gallery, .gallery.gallery--pub .gallery__wrapper, .gallery.gallery--filtered .gallery__items-wrapper, .gallery.gallery--filtered, .gallery:not(.gallery--filtered):not(.gallery--pub) .gallery__wrapper, .content__columns, .content--row, .block--default .block__content-wrapper, .block--default-right .block__content-wrapper, .block--default-left .block__content-wrapper, .block--cta-left .block__content-wrapper, .block--about .block__content-wrapper, .block--join .block__content-wrapper, .block--cta-right .block__content-wrapper, .search__cards, .search__wrapper, .media__wrapper, .home-hero .home-hero__wrapper, .hero .hero-meta, .hero .hero__wrapper, .group--pub .group__gallery-wrapper, .group--side .group__wrapper, .group--pub .group__wrapper, .group--title .group__content-wrapper, .group--default .group__content-wrapper, .group--default .group__carousel-wrapper, .group--pub .group__content-wrapper, .group--pub .group__carousel-wrapper, .copy__wrapper, .callout .block__content, .article .article__wrapper, .article--side .article__content .content__text { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: calc(100vw - (20px * 2)); } @media only screen and (min-width: 1281px) { .page--home .teams-people .copy__wrapper, .page--home .group--pub .group__gallery-wrapper .gallery--image-card, .page--home .group--default .group__gallery-wrapper .gallery--image-card, .quote--gallery, .gallery.gallery--pub .gallery__wrapper, .gallery.gallery--filtered .gallery__items-wrapper, .gallery.gallery--filtered, .gallery:not(.gallery--filtered):not(.gallery--pub) .gallery__wrapper, .content__columns, .content--row, .block--default .block__content-wrapper, .block--default-right .block__content-wrapper, .block--default-left .block__content-wrapper, .block--cta-left .block__content-wrapper, .block--about .block__content-wrapper, .block--join .block__content-wrapper, .block--cta-right .block__content-wrapper, .search__cards, .search__wrapper, .media__wrapper, .home-hero .home-hero__wrapper, .hero .hero-meta, .hero .hero__wrapper, .group--pub .group__gallery-wrapper, .group--side .group__wrapper, .group--pub .group__wrapper, .group--title .group__content-wrapper, .group--default .group__content-wrapper, .group--default .group__carousel-wrapper, .group--pub .group__content-wrapper, .group--pub .group__carousel-wrapper, .copy__wrapper, .callout .block__content, .article .article__wrapper, .article--side .article__content .content__text { max-width: 1336px; padding: 0 20px; } } .quote--gallery, .gallery.gallery--pub .gallery__wrapper, .gallery.gallery--filtered .gallery__items-wrapper, .search__cards { margin: -.625vw; } @media (min-width: 1297px) { .quote--gallery, .gallery.gallery--pub .gallery__wrapper, .gallery.gallery--filtered .gallery__items-wrapper, .search__cards { margin: -8px; } } @media only screen and (min-width: 1281px) { .quote--gallery, .gallery.gallery--pub .gallery__wrapper, .gallery.gallery--filtered .gallery__items-wrapper, .search__cards { padding-left: 0; padding-right: 0; } } .quote--gallery, .block--default .block__content-wrapper, .block--default-right .block__content-wrapper, .block--default-left .block__content-wrapper, .block--cta-left .block__content-wrapper, .block--about .block__content-wrapper, .block--join .block__content-wrapper, .block--cta-right .block__content-wrapper { align-items: center; } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--sg-guide .article--impact-challenge .article__wrapper::before, .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article__content, .page--outreach .group--side .group__gallery-wrapper, .page--outreach .group--side .group__content-wrapper, .page--home .teams-people .copy__wrapper > .content:not(.content--row), .page--home .teams-people .copy__background, .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .page--home .group.shift--left .group__title-wrapper, .page--home .group.shift--left .group__content, .quote--gallery .quote__source, .quote--gallery .quote__text, .gallery.gallery--sections.gallery--filtered .article__content, .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .gallery--quote .gallery__item, .gallery--1-columns .gallery__item, .gallery--5-columns .gallery__item, .gallery--4-columns.gallery--article-image-card .gallery__item, .gallery--4-columns .gallery__item, .gallery--3-columns.gallery--image-card .gallery__item, .gallery--3-columns.gallery--article-image-card .gallery__item, .gallery--3-columns .gallery__item, .gallery--3-columns.gallery--constant .gallery__item, .gallery--2-columns.gallery--article-image-card .gallery__item, .gallery--2-columns .gallery__item, .gallery--2-columns.gallery--constant .gallery__item, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1), .gallery--constant.gallery--3-cards .gallery__item, .gallery--constant.gallery--6-cards .gallery__item, .gallery--constant.gallery--1-cards .gallery__item, .gallery--constant.gallery--2-cards .gallery__item, .gallery--constant.gallery--4-cards .gallery__item, .gallery--constant.gallery--5-cards .gallery__item, .gallery--constant.gallery--7-cards .gallery__item, .gallery--constant.gallery--8-cards .gallery__item, .gallery--image-card .gallery__item, .gallery__ctas, .gallery.gallery--filtered .gallery__wrapper, .gallery.gallery--filtered .gallery__filters, .content__column, .content__columns, .content--row .content__text, .carousel--locations .carousel__item, .carousel--people .carousel__item, .carousel--default .carousel__item:nth-of-type(1), .carousel--default .carousel__item, .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child, .search.is-list-view .search__card-wrapper, .search__ctas, .search__card-wrapper, .search__main, .search__filters, .search__header, .media--wider .media__video, .media--wider .content, .media--article-width .media__image, .media--fullgrid .media__image, .media__video, .media__caption, .media__image, .media__wrapper .content, .home-hero .content, .hero .hero__content .content__text, .hero .hero__content-wrapper, .hero .hero-meta__wrapper, .group.shift--left .group__title-wrapper, .group.shift--left .group__content, .group--pub .group__content-wrapper, .group--side.shift--left .group__gallery-wrapper, .group--side.shift--left .group__content-wrapper, .group--side .group__gallery-wrapper, .group--side .group__content-wrapper, .group--title .group__content, .group--default .group__content, .group--pub .group__content, .copy--title .copy__title, .copy--side .copy__title, .copy--sidebar .aside, .copy--sidebar .copy__wrapper > .content:not(.content--row), .copy__wrapper > .content:not(.content--row), .callout .block__content .content__ctas, .callout .block__content .content__text, .article-side--right, .article-side--left, .article__content, .article--side .article__content .content__text .content__body, .article--side .article__content .content__text .content__header, .article--side .article__content, .article--wide .article__content { margin: .625vw 0; padding: 0 .625vw; } @media (min-width: 1297px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--sg-guide .article--impact-challenge .article__wrapper::before, .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article__content, .page--outreach .group--side .group__gallery-wrapper, .page--outreach .group--side .group__content-wrapper, .page--home .teams-people .copy__wrapper > .content:not(.content--row), .page--home .teams-people .copy__background, .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .page--home .group.shift--left .group__title-wrapper, .page--home .group.shift--left .group__content, .quote--gallery .quote__source, .quote--gallery .quote__text, .gallery.gallery--sections.gallery--filtered .article__content, .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .gallery--quote .gallery__item, .gallery--1-columns .gallery__item, .gallery--5-columns .gallery__item, .gallery--4-columns.gallery--article-image-card .gallery__item, .gallery--4-columns .gallery__item, .gallery--3-columns.gallery--image-card .gallery__item, .gallery--3-columns.gallery--article-image-card .gallery__item, .gallery--3-columns .gallery__item, .gallery--3-columns.gallery--constant .gallery__item, .gallery--2-columns.gallery--article-image-card .gallery__item, .gallery--2-columns .gallery__item, .gallery--2-columns.gallery--constant .gallery__item, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1), .gallery--constant.gallery--3-cards .gallery__item, .gallery--constant.gallery--6-cards .gallery__item, .gallery--constant.gallery--1-cards .gallery__item, .gallery--constant.gallery--2-cards .gallery__item, .gallery--constant.gallery--4-cards .gallery__item, .gallery--constant.gallery--5-cards .gallery__item, .gallery--constant.gallery--7-cards .gallery__item, .gallery--constant.gallery--8-cards .gallery__item, .gallery--image-card .gallery__item, .gallery__ctas, .gallery.gallery--filtered .gallery__wrapper, .gallery.gallery--filtered .gallery__filters, .content__column, .content__columns, .content--row .content__text, .carousel--locations .carousel__item, .carousel--people .carousel__item, .carousel--default .carousel__item:nth-of-type(1), .carousel--default .carousel__item, .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child, .search.is-list-view .search__card-wrapper, .search__ctas, .search__card-wrapper, .search__main, .search__filters, .search__header, .media--wider .media__video, .media--wider .content, .media--article-width .media__image, .media--fullgrid .media__image, .media__video, .media__caption, .media__image, .media__wrapper .content, .home-hero .content, .hero .hero__content .content__text, .hero .hero__content-wrapper, .hero .hero-meta__wrapper, .group.shift--left .group__title-wrapper, .group.shift--left .group__content, .group--pub .group__content-wrapper, .group--side.shift--left .group__gallery-wrapper, .group--side.shift--left .group__content-wrapper, .group--side .group__gallery-wrapper, .group--side .group__content-wrapper, .group--title .group__content, .group--default .group__content, .group--pub .group__content, .copy--title .copy__title, .copy--side .copy__title, .copy--sidebar .aside, .copy--sidebar .copy__wrapper > .content:not(.content--row), .copy__wrapper > .content:not(.content--row), .callout .block__content .content__ctas, .callout .block__content .content__text, .article-side--right, .article-side--left, .article__content, .article--side .article__content .content__text .content__body, .article--side .article__content .content__text .content__header, .article--side .article__content, .article--wide .article__content { margin: 8px 0; padding: 0 8px; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--sg-guide .article--impact-challenge .article__wrapper::before, .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article__content, .page--outreach .group--side .group__gallery-wrapper, .page--outreach .group--side .group__content-wrapper, .page--home .teams-people .copy__wrapper > .content:not(.content--row), .page--home .teams-people .copy__background, .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .page--home .group.shift--left .group__title-wrapper, .page--home .group.shift--left .group__content, .quote--gallery .quote__source, .quote--gallery .quote__text, .gallery.gallery--sections.gallery--filtered .article__content, .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .gallery--quote .gallery__item, .gallery--1-columns .gallery__item, .gallery--5-columns .gallery__item, .gallery--4-columns.gallery--article-image-card .gallery__item, .gallery--4-columns .gallery__item, .gallery--3-columns.gallery--image-card .gallery__item, .gallery--3-columns.gallery--article-image-card .gallery__item, .gallery--3-columns .gallery__item, .gallery--3-columns.gallery--constant .gallery__item, .gallery--2-columns.gallery--article-image-card .gallery__item, .gallery--2-columns .gallery__item, .gallery--2-columns.gallery--constant .gallery__item, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1), .gallery--constant.gallery--3-cards .gallery__item, .gallery--constant.gallery--6-cards .gallery__item, .gallery--constant.gallery--1-cards .gallery__item, .gallery--constant.gallery--2-cards .gallery__item, .gallery--constant.gallery--4-cards .gallery__item, .gallery--constant.gallery--5-cards .gallery__item, .gallery--constant.gallery--7-cards .gallery__item, .gallery--constant.gallery--8-cards .gallery__item, .gallery--image-card .gallery__item, .gallery__ctas, .gallery.gallery--filtered .gallery__wrapper, .gallery.gallery--filtered .gallery__filters, .content__column, .content__columns, .content--row .content__text, .carousel--locations .carousel__item, .carousel--people .carousel__item, .carousel--default .carousel__item:nth-of-type(1), .carousel--default .carousel__item, .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child, .search.is-list-view .search__card-wrapper, .search__ctas, .search__card-wrapper, .search__main, .search__filters, .search__header, .media--wider .media__video, .media--wider .content, .media--article-width .media__image, .media--fullgrid .media__image, .media__video, .media__caption, .media__image, .media__wrapper .content, .home-hero .content, .hero .hero__content .content__text, .hero .hero__content-wrapper, .hero .hero-meta__wrapper, .group.shift--left .group__title-wrapper, .group.shift--left .group__content, .group--pub .group__content-wrapper, .group--side.shift--left .group__gallery-wrapper, .group--side.shift--left .group__content-wrapper, .group--side .group__gallery-wrapper, .group--side .group__content-wrapper, .group--title .group__content, .group--default .group__content, .group--pub .group__content, .copy--title .copy__title, .copy--side .copy__title, .copy--sidebar .aside, .copy--sidebar .copy__wrapper > .content:not(.content--row), .copy__wrapper > .content:not(.content--row), .callout .block__content .content__ctas, .callout .block__content .content__text, .article-side--right, .article-side--left, .article__content, .article--side .article__content .content__text .content__body, .article--side .article__content .content__text .content__header, .article--side .article__content, .article--wide .article__content { margin: 8px 0; } } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters, .page--practices main > .article .article-side, .page--home .group.shift--left .group__content, .gallery.gallery--sections.gallery--filtered .article__content, .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .gallery.gallery--sections.gallery--filtered .gallery__filters, .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .media--fullgrid .media__image, .group.shift--left .group__content, .group--side .group__gallery-wrapper, .copy--title .copy__title, .copy--side .copy__title, .article__content, .article--wide .article__content { margin-left: 0%; } .page--sg-guide main > .article .article-side, .page--outreach .group--side .group__gallery-wrapper, .content__columns, .media__video, .media__caption, .media__image, .copy--sidebar .aside, .article .article-side--left + .article__content, .article-side--right, .article--side .article__content .content__text .content__body { margin-left: 8.3333333333%; } .page--home .group.shift--left .group__title-wrapper, .gallery--5-columns .gallery__item, .gallery.gallery--filtered .gallery__filters, .search__filters, .group.shift--left .group__title-wrapper, .group--side.shift--left .group__content-wrapper, .group--side .group__content-wrapper, .copy--title .copy__title, .copy--side .copy__title, .copy--sidebar .aside, .article-side--right, .article-side--left, .article--side .article__content .content__text .content__header { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .page--sg-guide main > .article .article__content, .page--practices main > .article .article__content, .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .media--wider .media__video, .media--wider .content, .group--title .group__content, .group--default .group__content--right, .group--pub .group__content--right { margin-left: 16.6666666667%; } .gallery--4-columns.gallery--article-image-card .gallery__item, .gallery--4-columns .gallery__item, .gallery--image-card .gallery__item, .carousel--default .carousel__item, .callout .block__content .content__ctas { flex: 0 0 25%; max-width: 25%; } .page--sg-guide .hero__content-wrapper, .media--article-width .media__image, .callout--side .block__content, .article--side .article__content .content__ctas { margin-left: 25%; } .page--sg-guide .article--impact-challenge .article__wrapper::before, .gallery--3-columns.gallery--image-card .gallery__item, .gallery--3-columns.gallery--article-image-card .gallery__item, .gallery--3-columns .gallery__item, .gallery--3-columns.gallery--constant .gallery__item, .gallery--constant.gallery--3-cards .gallery__item, .gallery--constant.gallery--6-cards .gallery__item, .content__column, .content--row .content__text, .carousel--locations .carousel__item, .search__card-wrapper { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .page--outreach .group--side .group__content-wrapper, .page--home .teams-people .copy__wrapper > .content:not(.content--row), .page--home .teams-people .copy__background, .carousel--people .carousel__item, .group--default .group__content, .group--pub .group__content { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title.sub-title .content__header::before { margin-left: 41.6666666667%; } .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--outreach .group--side .group__gallery-wrapper, .quote--gallery .quote__source, .quote--gallery .quote__text, .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .gallery--2-columns.gallery--article-image-card .gallery__item, .gallery--2-columns .gallery__item, .gallery--2-columns.gallery--constant .gallery__item, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1), .gallery--constant.gallery--1-cards .gallery__item, .gallery--constant.gallery--2-cards .gallery__item, .gallery--constant.gallery--4-cards .gallery__item, .gallery--constant.gallery--5-cards .gallery__item, .gallery--constant.gallery--7-cards .gallery__item, .gallery--constant.gallery--8-cards .gallery__item, .carousel--default .carousel__item:nth-of-type(1), .media--article-width .media__image, .media__video, .media__caption, .callout .block__content .content__text { flex: 0 0 50%; max-width: 50%; } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article__content { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article__content, .content__columns, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child, .media--wider .media__video, .media--wider .content, .media__image, .media__wrapper .content, .hero .hero-meta__wrapper, .article__content { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .copy--sidebar .copy__wrapper > .content:not(.content--row), .article--side .article__content .content__text .content__body { flex: 0 0 75%; max-width: 75%; } .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .page--home .group.shift--left .group__content, .gallery.gallery--filtered .gallery__wrapper, .search__main, .hero .hero__content .content__text, .group.shift--left .group__content, .group--side.shift--left .group__gallery-wrapper, .group--side .group__gallery-wrapper, .group--title .group__content, .copy__wrapper > .content:not(.content--row), .article--wide .article__content { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper, .gallery.gallery--sections.gallery--filtered .article__content, .gallery--quote .gallery__item, .gallery--1-columns .gallery__item, .gallery__ctas, .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .search.is-list-view .search__card-wrapper, .search__ctas, .media--fullgrid .media__image, .home-hero .content, .hero .hero__content-wrapper, .group--pub .group__content-wrapper, .article--side .article__content { flex: 0 0 100%; max-width: 100%; } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--outreach .group--side .group__gallery-wrapper, .gallery.gallery--sections.gallery--filtered .gallery__filters, .content__columns, .group--side .group__gallery-wrapper, .group--title .group__content, .callout--side .block__content, .article .article-side--left + .article__content, .article__content, .article--side .article__content .content__ctas, .article--side .article__content .content__text .content__body { margin-left: 0%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article-side, .page--sg-guide main > .article .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title.sub-title .content__header::before, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article-side, .page--practices main > .article .article__content { margin-left: 8.3333333333%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .hero__content-wrapper, .media--article-width .media__image, .article-side--right { margin-left: 16.6666666667%; } } @media only screen and (max-width: 1080px) { .page--home .group.shift--left .group__title-wrapper, .search__filters, .group.shift--left .group__title-wrapper, .group--side.shift--left .group__content-wrapper, .group--side .group__content-wrapper, .copy--title .copy__title, .copy--side .copy__title { flex: 0 0 25%; max-width: 25%; } } @media only screen and (max-width: 1080px) { .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper { margin-left: 25%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .article--impact-challenge .article__wrapper::before, .page--home .teams-people .copy__background, .gallery--constant.gallery--3-cards .gallery__item, .gallery--constant.gallery--6-cards .gallery__item, .article-side--right { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media only screen and (max-width: 1080px) { .page--home .teams-people .copy__wrapper > .content:not(.content--row) { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content { margin-left: 41.6666666667%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .gallery--4-columns.gallery--article-image-card .gallery__item, .gallery--4-columns .gallery__item, .gallery--3-columns.gallery--image-card .gallery__item, .gallery--3-columns.gallery--article-image-card .gallery__item, .gallery--3-columns .gallery__item, .gallery--3-columns.gallery--constant .gallery__item, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1), .gallery--constant.gallery--1-cards .gallery__item, .gallery--constant.gallery--2-cards .gallery__item, .gallery--constant.gallery--4-cards .gallery__item, .gallery--constant.gallery--5-cards .gallery__item, .gallery--constant.gallery--7-cards .gallery__item, .gallery--constant.gallery--8-cards .gallery__item, .gallery--image-card .gallery__item, .carousel--locations .carousel__item, .carousel--people .carousel__item, .carousel--default .carousel__item, .search__card-wrapper { flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 1080px) { .media--article-width .media__image, .article__content { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } @media only screen and (max-width: 1080px) { .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .page--home .group.shift--left .group__content, .search__main, .group.shift--left .group__content, .group--side.shift--left .group__gallery-wrapper, .group--side .group__gallery-wrapper, .copy__wrapper > .content:not(.content--row) { flex: 0 0 75%; max-width: 75%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article__content, .article--side .article__content .content__text .content__header, .article--side .article__content, .article--wide .article__content { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper, .page--outreach .group--side .group__gallery-wrapper, .page--outreach .group--side .group__content-wrapper, .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .gallery.gallery--filtered .gallery__wrapper, .gallery.gallery--filtered .gallery__filters, .content__column, .content--row .content__text, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child, .callout .block__content .content__ctas, .callout .block__content .content__text, .article--side .article__content .content__text .content__body { flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article-side, .page--sg-guide main > .article .article__content, .page--sg-guide .hero__content-wrapper, .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title.sub-title .content__header::before, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article-side, .page--practices main > .article .article__content, .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .media--wider .media__video, .media--wider .content, .media__video, .media__caption, .media__image, .group--default .group__content--right, .group--pub .group__content--right, .copy--title .copy__title, .copy--side .copy__title, .copy--sidebar .aside, .callout--side .block__content, .article-side--right, .article__content, .article--side .article__content .content__ctas, .article--side .article__content .content__text .content__body { margin-left: 0%; } } @media only screen and (max-width: 767px) { .media--article-width .media__image { margin-left: 8.3333333333%; } } @media only screen and (max-width: 767px) { .gallery--5-columns .gallery__item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media only screen and (max-width: 767px) { .article-side--right { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } } @media only screen and (max-width: 767px) { .block--quote-left .block__content, .block--cta-left .block__content, .block--about .block__content, .block--join .block__content, .media--article-width .media__image { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } } @media only screen and (max-width: 767px) { .quote--gallery .quote__text { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__wrapper, .page--sg-guide .article--impact-challenge .article__wrapper::before, .page--sg-guide .article--impact-challenge.article--wide .article__content, .page--sg-guide .article--social-good-guide.article--wide .article__content, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--sg-guide main > .article .article__content, .page--practices .gallery.gallery--sections.gallery--filtered .gallery__wrapper, .page--practices main > .article .article__content, .page--home .teams-people .copy__wrapper > .content:not(.content--row), .page--home .teams-people .copy__background, .page--home .group--pub .group__gallery-wrapper .gallery__wrapper, .page--home .group--default .group__gallery-wrapper .gallery__wrapper, .page--home .group.shift--left .group__title-wrapper, .page--home .group.shift--left .group__content, .quote--gallery .quote__source, .gallery--4-columns.gallery--article-image-card .gallery__item, .gallery--4-columns .gallery__item, .gallery--3-columns.gallery--image-card .gallery__item, .gallery--3-columns.gallery--article-image-card .gallery__item, .gallery--3-columns .gallery__item, .gallery--3-columns.gallery--constant .gallery__item, .gallery--2-columns.gallery--article-image-card .gallery__item, .gallery--2-columns .gallery__item, .gallery--2-columns.gallery--constant .gallery__item, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1), .gallery--constant.gallery--3-cards .gallery__item, .gallery--constant.gallery--6-cards .gallery__item, .gallery--constant.gallery--1-cards .gallery__item, .gallery--constant.gallery--2-cards .gallery__item, .gallery--constant.gallery--4-cards .gallery__item, .gallery--constant.gallery--5-cards .gallery__item, .gallery--constant.gallery--7-cards .gallery__item, .gallery--constant.gallery--8-cards .gallery__item, .gallery--image-card .gallery__item, .carousel--locations .carousel__item, .carousel--people .carousel__item, .carousel--default .carousel__item:nth-of-type(1), .carousel--default .carousel__item, .search__card-wrapper, .search__main, .search__filters, .media--wider .media__video, .media--wider .content, .media__video, .media__caption, .media__image, .media__wrapper .content, .home-hero .content, .hero .hero__content .content__text, .hero .hero__content-wrapper, .hero .hero-meta__wrapper, .group.shift--left .group__title-wrapper, .group.shift--left .group__content, .group--side.shift--left .group__gallery-wrapper, .group--side.shift--left .group__content-wrapper, .group--side .group__gallery-wrapper, .group--side .group__content-wrapper, .group--default .group__content, .group--pub .group__content, .copy--title .copy__title, .copy--side .copy__title, .copy--sidebar .aside, .copy--sidebar .copy__wrapper > .content:not(.content--row), .copy__wrapper > .content:not(.content--row), .article-side--left, .article__content, .article--side .article__content .content__text .content__body, .article--side .article__content .content__text .content__header, .article--side .article__content, .article--wide .article__content { flex: 0 0 100%; max-width: 100%; } } .search__header { flex: 0 0 100%; } body { color: #5f6368; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 23px; } @media only screen and (max-width: 767px) { body { font-size: 14px; line-height: 22px; } } .t--monospace, .article-side__citation { color: #80868b; font-family: 'Roboto Mono', monospace; font-weight: 500; } .header__product { color: #5f6368; font-family: 'Product Sans', Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: 400; } h5, .t--h5, h4, .t--h4, .quote--gallery .quote__author, .quote__text, .card--person .content .content__title, .article-side__item-title, .callout .content__title, h3, .t--h3, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content .content__title, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content .content__title, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content .content__title, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content .content__title, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content .content__title, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content .content__title, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content .content__title, .carousel--default .carousel__item:nth-of-type(1) .content .content__title, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content .content__title, .card--content .content .content__title, h2, .t--h2, h1, .t--h1, .t--h0, .home-hero .content__text .content__title { color: #3c4043; font-family: 'Google Sans', Arial, Helvetica, sans-serif; font-weight: 400; } .t--card-eyebrow, .card .content .content__brow a, .card .content .content__brow, .t--eyebrow, .gallery.gallery--sections.gallery--filtered .gallery__navigation a span:first-child, .content__breadcrumbs, .content__brow, .card--outreach .content__subtitle, .hero .hero-meta__wrapper .hero__brow, .hero .hero-meta__wrapper .hero__breadcrumbs, .hero .hero-meta__wrapper .content__breadcrumbs, .article--learn-more .article--learn-more__item-title { color: #9aa0a6; font-weight: 700; text-transform: uppercase; } .button { font-family: 'Google Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; letter-spacing: -.2px; } .sort .sort__links a, .pagination__page-link, .header__link, .header__lockup, .footer__link, .card .content .content__brow, .bar__bar, .search--author-publications .search__tab { text-decoration: none; } .sort .sort__links a:hover, .pagination__page-link:hover, .header__link:hover, .header__lockup:hover, .footer__link:hover, .card .content .content__brow:hover, .bar__bar:hover, .search--author-publications .search__tab:hover { text-decoration: none; } h1, h2, h3, h4, h5 { margin: 0; } .t--h0, .home-hero .content__text .content__title { color: #1a73e8; font-size: 42px; letter-spacing: -.89px; line-height: 45px; } @media only screen and (max-width: 767px) { .t--h0, .home-hero .content__text .content__title { font-size: 32px; letter-spacing: -.47px; line-height: 36px; } } h1, .t--h1 { font-size: 30px; letter-spacing: -.5px; line-height: 36px; } @media only screen and (max-width: 767px) { h1, .t--h1 { font-size: 25px; letter-spacing: normal; line-height: 30px; } } h2, .t--h2 { font-size: 25px; letter-spacing: -.4px; line-height: 30px; } @media only screen and (max-width: 767px) { h2, .t--h2 { font-size: 23px; letter-spacing: normal; line-height: 28px; } } h3, .t--h3, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content .content__title, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content .content__title, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content .content__title, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content .content__title, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content .content__title, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content .content__title, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content .content__title, .carousel--default .carousel__item:nth-of-type(1) .content .content__title, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content .content__title, .card--content .content .content__title { font-size: 20px; line-height: 28px; } @media only screen and (max-width: 767px) { h3, .t--h3, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content .content__title, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content .content__title, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content .content__title, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content .content__title, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content .content__title, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content .content__title, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content .content__title, .carousel--default .carousel__item:nth-of-type(1) .content .content__title, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content .content__title, .card--content .content .content__title { font-size: 18px; line-height: 29px; } } h4, .t--h4, .quote--gallery .quote__author, .quote__text, .card--person .content .content__title, .article-side__item-title, .callout .content__title { font-size: 18px; letter-spacing: .1px; line-height: 30px; } @media only screen and (max-width: 767px) { h4, .t--h4, .quote--gallery .quote__author, .quote__text, .card--person .content .content__title, .article-side__item-title, .callout .content__title { font-size: 16px; letter-spacing: normal; line-height: 28px; } } h5, .t--h5 { font-size: 16px; letter-spacing: .1px; line-height: 28px; } @media only screen and (max-width: 767px) { h5, .t--h5 { font-size: 14px; letter-spacing: normal; line-height: 26px; } } .t--copy-lg, .quote--gallery .quote__text, .content__subtitle, .card--outreach .content__title, .article-side__quote, .hero .hero__content .content__subtitle { color: #3c4043; font-size: 20px; letter-spacing: normal; line-height: 28px; } @media only screen and (max-width: 767px) { .t--copy-lg, .quote--gallery .quote__text, .content__subtitle, .card--outreach .content__title, .article-side__quote, .hero .hero__content .content__subtitle { font-size: 18px; letter-spacing: normal; line-height: 24px; } } .t--copy-md, .card--researcher .content .content__title { font-size: 18px; letter-spacing: normal; line-height: 31px; } @media only screen and (max-width: 767px) { .t--copy-md, .card--researcher .content .content__title { font-size: 16px; line-height: 22px; } } .t--copy-sm, .page--home .copy .content__body, .page--home .group .content__body, .quote--gallery .quote__title, .person__name, .pagination__page-link, .gallery.gallery--sections.gallery--filtered .gallery__navigation a span:last-child, .gallery--filtered .gallery__filters a, .element .content__body, .element__ctas a, .card--outreach .content__body, .card--content .content .content__body, .block__content, .compact-bars .bar__title, .bar__body, .article-side__list, .search__category-intro-toggle, .search__category-intro-body, .search__category-intro, .hero .hero__content .content__body, .group .group__content .content__body, .copy--sidebar .aside .content__title, .article--expand-list .content__body ul { font-size: 15px; letter-spacing: normal; line-height: 22px; } @media only screen and (max-width: 767px) { .t--copy-sm, .page--home .copy .content__body, .page--home .group .content__body, .quote--gallery .quote__title, .person__name, .pagination__page-link, .gallery.gallery--sections.gallery--filtered .gallery__navigation a span:last-child, .gallery--filtered .gallery__filters a, .element .content__body, .element__ctas a, .card--outreach .content__body, .card--content .content .content__body, .block__content, .compact-bars .bar__title, .bar__body, .article-side__list, .search__category-intro-toggle, .search__category-intro-body, .search__category-intro, .hero .hero__content .content__body, .group .group__content .content__body, .copy--sidebar .aside .content__title, .article--expand-list .content__body ul { font-size: 14px; line-height: 22px; } } .t--copy-xs, .quote--aside .quote__text, .person__title, .filter__label, .card--image .content__body, .card--person .content .content__body, .card .card__link--icon .card__link-tooltip, .article-side__card .content__title, .search--author-publications .search__tab, .search__category-intro-count, .copy--sidebar .aside .content__body, .callout .block__content .content__text .content__body, .article--learn-more .article--learn-more__item-text { color: #80868b; font-size: 13px; letter-spacing: normal; line-height: 22px; } .t--eyebrow, .gallery.gallery--sections.gallery--filtered .gallery__navigation a span:first-child, .content__breadcrumbs, .content__brow, .card--outreach .content__subtitle, .hero .hero-meta__wrapper .hero__brow, .hero .hero-meta__wrapper .hero__breadcrumbs, .hero .hero-meta__wrapper .content__breadcrumbs, .article--learn-more .article--learn-more__item-title { font-size: 13px; letter-spacing: .5px; } .t--card-eyebrow, .card .content .content__brow a, .card .content .content__brow { font-size: 11px; letter-spacing: .4px; } .t--card-headline, .card--location .content .content__title, .card--default .content .content__title, .card--publication .content .content__title { color: #3c4043; font-size: 16px; font-weight: 500; letter-spacing: normal; line-height: 24px; } @media only screen and (max-width: 767px) { .t--card-headline, .card--location .content .content__title, .card--default .content .content__title, .card--publication .content .content__title { font-size: 14px; line-height: 22px; } } .t--card-description, .sort, .quote__title, .quote__author, .filters__title, .card--researcher .content .content__body, .card--default .content .content__body, .card--publication .content .content__body, .article-side__card .content__body, .search__main-header, .media__caption { font-size: 12px; letter-spacing: normal; line-height: 20px; } @media only screen and (max-width: 767px) { .t--card-description, .sort, .quote__title, .quote__author, .filters__title, .card--researcher .content .content__body, .card--default .content .content__body, .card--publication .content .content__body, .article-side__card .content__body, .search__main-header, .media__caption { line-height: 22px; } } .t--monospace, .article-side__citation { font-size: 10px; letter-spacing: normal; line-height: 18px; } a, .t--link { color: #1a73e8; font-weight: 500; position: relative; text-decoration: underline; text-decoration-color: rgb(26 115 232 / 0); transition: text-decoration-color .25s linear, color .25s linear; } a:hover, .t--link:hover { color: #1a73e8; text-decoration-color: #1a73e8; } .t--headerlink, .header__link, .footer__link { color: #5f6368; font-size: 15px; font-weight: 400; letter-spacing: .25px; line-height: 52px; } p { margin: 0; } ol li, ul li { margin: .5em 0; } .hidden-text { height: 1px; overflow: hidden; position: absolute; top: 0; width: 1px; } .booktitle { font-style: italic; } html { box-sizing: border-box; overflow-x: hidden; } *, *::before, *::after { box-sizing: inherit; } html, body { height: 100%; margin: 0; min-height: 100%; padding: 0; } body { display: flex; flex-direction: column; -webkit-font-smoothing: antialiased; } main { display: flex; flex: 1 0 auto; flex-direction: column; overflow: hidden; padding-top: 65px; } @media only screen and (max-width: 767px) { main { padding-top: 56px; } } header.header--nested + main { padding-top: 113px; } @media only screen and (max-width: 767px) { header.header--nested + main { padding-top: 56px; } } hr { background: #f1f3f4; background-image: linear-gradient(to right, #f1f3f4, #f1f3f4, #f8f9fa); border: 0; height: 1px; margin: 20px 0; } .visually-hidden { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; } .has-dark-background { color: #fff; } .has-dark-background .content .content__title, .has-dark-background .content .card__title { color: #fff !important; } .has-dark-background .content .content__brow { color: rgb(255 255 255 / .85); } @media only screen and (max-width: 767px) { .has-dark-background.has-light-mobile-bg { color: #5f6368; } .has-dark-background.has-light-mobile-bg .content .content__title, .has-dark-background.has-light-mobile-bg .content .card__title { color: #3c4043 !important; } .has-dark-background.has-light-mobile-bg .button { border-color: rgb(154 160 166 / .4); color: #1a73e8; } .has-dark-background.has-light-mobile-bg .button:hover { background: #1a73e8; border-color: #1a73e8; color: #fff; } .has-dark-background.has-light-mobile-bg .button:active { background: #1a73e8; color: #202124; } } .has-grey-background { background-color: #f8f9fa; } .has-no-padding { padding: 0 !important; } .has-no-padding-top { padding-top: 0 !important; } .has-no-margin { margin-bottom: 0 !important; margin-top: 0 !important; } .article--big-lede .content .content__subtitle { margin-bottom: 1em; } .article--side .article__content { padding-left: 0; } .article--side .article__content .content__text { padding-left: 0; } .article .article__anchor { margin-top: -42px; position: absolute; } @media only screen and (max-width: 767px) { .article .article__anchor { margin-top: -21px; } } .article .article__wrapper { padding: 42px 0; } @media only screen and (min-width: 1281px) { .article .article__wrapper { padding: 42px 20px; } } @media only screen and (max-width: 767px) { .article .article__wrapper { padding: 21px 0; } .article .article__wrapper .article__content { order: 1; } .article .article__wrapper .article-side--left { order: 2; } .article .article__wrapper .article-side--right { order: 3; } } .article__content { font-weight: 300; line-height: 26px; } .article__content.has-read-more { max-height: 750px; overflow: hidden; position: relative; transition: max-height .5s cubic-bezier(.4, 0, .2, 1); } .article__content .content__article-view-all { bottom: 0; left: 0; position: absolute; right: 0; text-align: center; transition: opacity .5s; } .article__content .content__article-view-all.is-hidden { opacity: 0; pointer-events: none; } .article__content .content__article-view-all::before { background: linear-gradient(rgb(255 255 255 / 0) 0%, white 80%, white 100%); bottom: 0; content: ''; height: 300px; left: 0; position: absolute; right: 0; } .article--border-top .article__wrapper, .page--sg-guide .article--social-good-guide .article__content .article__wrapper { padding-top: 0; } .article--border-top .content.article__content::before, .page--sg-guide .article--social-good-guide .article__content .content.article__content::before { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin-bottom: 42px; opacity: .5; } .article--border-top.article--wide::before, .page--sg-guide .article--social-good-guide .article--wide.article__content::before { width: 62%; } .article--learn-more .article__wrapper { padding-top: 0; } @media only screen and (max-width: 767px) { .article--learn-more .article__wrapper { padding-top: 0; } } .article--learn-more .article__content { margin-top: 0; } .article--learn-more .article--learn-more__title, .article--learn-more .article--learn-more__item-text { margin-bottom: 1em; } .article--learn-more .article--learn-more__item-text:last-of-type { margin-bottom: 0; } .article--learn-more .article--learn-more__item-text p { margin-top: .5em; } .article--expand-list .content__body ul { color: #80868b; column-count: 2; column-gap: 8px; margin: 30px auto; padding: 0; } .article--expand-list .content__body ul li { margin-left: 16px; } .article--expand-list .content__body ul li:first-child { margin-top: 0; } .article--expand-list .content__body ul:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .article--expand-list .content__body ul { column-count: 1; margin: 1em 0 1em 2em; } } .article:not(.has-grey-background) + .article:not(.article--border-top):not(.has-grey-background):not(.article--wide) .article__wrapper { padding: 0 0 42px; } section.hero + section.article .article__wrapper { padding-top: 21px; } .callout-push-down-spacer { flex-grow: 1; } .callout { background-color: #4285f4; padding: 0 7.5px; width: 100%; } @media only screen and (max-width: 767px) { .callout { padding: 0 20px; } } .callout .block { padding-bottom: 10px; padding-top: 10px; } .callout .block__content { align-items: center; } .callout .block__content .content__text .content__brow { color: #fff; margin-bottom: 0; } .callout .block__content .content__text .content__title { color: #fff; margin-bottom: 0; } .callout .block__content .content__text .content__body { color: #f1f3f4; line-height: 21px; } .callout--fullwidth { padding: 0; } .callout--side { background-color: #fff !important; margin-top: -73.5px; } @media only screen and (max-width: 767px) { .callout--side { margin-top: -42px; } } .callout--side.has-grey-background { background-color: #f8f9fa !important; } .callout--side .block__content { padding-left: 0; } .callout--application { background-color: #f8f9fa; } .callout--application .block__content .content__text .content__brow { color: #9aa0a6; margin-bottom: 0; } .callout--application .block__content .content__text .content__title { color: #3c4043; } .callout--application .block__content .content__text .content__title.has-icon { padding-left: 30px; } .callout--application .block__content .content__text .content__title.has-icon .icon { height: 20px; top: 3px; width: 20px; } .callout--application .block__content .content__text .content__body { color: #80868b; } .callout--application-open .block__content .content__text .content__title { color: #4285f4; } .copy { padding: 42px 0; } .copy .content__body { font-weight: 300; line-height: 26px; } @media only screen and (max-width: 767px) { .copy { padding: 21px 0; } } .copy--sidebar .aside .content__title { color: #3c4043; font-weight: 500; } @media only screen and (max-width: 767px) { .copy--sidebar .content + .aside { margin-top: 30px; } } section.hero + section.copy:not(.links) { padding-top: 21px; } .group { padding: 42px 0; } .group .group__content .content__body { color: #80868b; } .group .group__anchor { margin-top: -42px; position: absolute; } @media only screen and (max-width: 767px) { .group .group__anchor { margin-top: -21px; } } @media only screen and (max-width: 767px) { .group { padding: 21px 0; } } .group--default .group__content-wrapper, .group--pub .group__content-wrapper { position: relative; } .group--default .group__content--right, .group--pub .group__content--right { text-align: right; } .group--default .group__content--right .content__ctas .button, .group--pub .group__content--right .content__ctas .button { margin: 5px 0; vertical-align: middle; } .group--default .group__content--right .content__ctas .button + .button, .group--pub .group__content--right .content__ctas .button + .button { margin-left: 15px; } @media only screen and (max-width: 767px) { .group--default .group__content--right, .group--pub .group__content--right { text-align: left; } .group--default .group__content--right .content__ctas .button, .group--pub .group__content--right .content__ctas .button { margin-right: 15px; } .group--default .group__content--right .content__ctas .button + .button, .group--pub .group__content--right .content__ctas .button + .button { margin-left: 0; } } .group--title .group__content { opacity: 0; transition: opacity .4s; } .group--title.is-cards-fading-in .group__content { opacity: 1; } .group--side .group__gallery-wrapper + .gallery--bar { padding: 0; } .group--side.research-areas .group__title { padding-top: 15px; } .group--side .gallery--pub .gallery__wrapper { margin: unset; } @media only screen and (min-width: 1081px) { .group--side .gallery--pub .gallery__wrapper { padding-left: 20px; padding-right: 20px; } } .group--pub .group__content-wrapper { align-items: center; } .group--pub .group__content-wrapper .group__content { padding: 0; } .group--pub .group__content-wrapper .group__content .content__title { margin: 0; } .group--pub .group__gallery-wrapper { padding: 10px; } .hero { position: relative; } .hero .gen-art { position: absolute; right: -80px; top: -90px; z-index: -1; } @media only screen and (max-width: 767px) { .hero .gen-art { display: none; } } .hero .gen-art .artwork { height: 275px; width: 275px; } .hero .hero__background, .hero .hero__background--mobile { background: center/cover no-repeat #f1f3f4; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .4s linear; width: 100%; z-index: -1; } .hero .hero__background.is-loaded, .hero .hero__background--mobile.is-loaded { opacity: 1; } .hero .hero__background--mobile { display: none; } @media only screen and (max-width: 767px) { .hero .hero__background--mobile { display: block; } } @media only screen and (max-width: 767px) { .hero.has-mobile-bg .hero__background { display: none; } } .hero .white-overlay { background-color: rgb(255 255 255 / .75); position: relative; } .hero .hero-meta { padding-bottom: 15px; padding-top: 25px; } @media only screen and (max-width: 767px) { .hero .hero-meta { padding-bottom: 5px; padding-top: 0; } } .hero .hero-meta::after { background: #dadce0; bottom: 0; content: ''; height: 3px; left: 0; opacity: 1; position: absolute; width: 100%; } .hero .hero-meta__wrapper { margin-bottom: 0; padding-bottom: 0; } @media only screen and (max-width: 767px) { .hero .hero-meta__wrapper .hero__title { padding-bottom: 8px; padding-top: 4px; } } .hero .hero-meta__wrapper .hero__title .wrap { position: relative; } .hero .hero-meta__wrapper .hero__title .wrap::after { background-color: #1a73e8; bottom: -14px; color: #000; content: ''; height: 3px; left: 0; position: absolute; right: 0; width: 100%; z-index: 2; } @media only screen and (max-width: 767px) { .hero .hero-meta__wrapper .hero__title .wrap::after { bottom: -13px; } } .hero .hero-meta__wrapper .hero__brow, .hero .hero-meta__wrapper .hero__breadcrumbs, .hero .hero-meta__wrapper .content__breadcrumbs { display: block; margin-bottom: 10px; margin-top: 0; } @media only screen and (max-width: 767px) { .hero .hero-meta__wrapper .hero__brow, .hero .hero-meta__wrapper .hero__breadcrumbs, .hero .hero-meta__wrapper .content__breadcrumbs { margin-bottom: 0; } } .hero .hero__content-wrapper { margin-bottom: 0; } .hero .hero__content { border-bottom: 1px solid #f1f3f4; padding-bottom: 5px; } .hero .hero__content .content__text { padding-bottom: 0; padding-left: 0; } .hero.no-border-bottom .hero__content { border-bottom: 0; } .hero .hero__image-wrapper { margin-right: 10px; position: relative; } .hero .hero__image-wrapper .hero__circle, .hero .hero__image-wrapper .hero__icon, .hero .hero__image-wrapper .hero__photo { border-radius: 50%; bottom: -7px; height: 65px; padding-top: 93.75%; position: relative; width: 65px; z-index: 1; } .hero .hero__image-wrapper .hero__photo { background: center/cover no-repeat #f8f9fa url('/static/images/icons/person-blue.png'); } .hero .hero__image-wrapper .hero__icon { background-color: #f8f9fa; background-position: center; background-repeat: no-repeat; background-size: 35%; } @media only screen and (max-width: 767px) { .hero .hero__image-wrapper { margin-right: 10px; position: relative; } .hero .hero__image-wrapper .hero__circle--smartphone, .hero .hero__image-wrapper .hero__photo { border-radius: 50%; bottom: -7px; height: 85px; margin-bottom: 10px; padding-top: 93.75%; position: relative; width: 85px; z-index: 1; } .hero .hero__image-wrapper .hero__photo { background: center/cover no-repeat #f8f9fa url('/static/images/icons/person-blue.png'); } .hero .hero__image-wrapper .hero__icon { display: none; } } @media only screen and (min-width: 1530px) { .hero .hero__image-wrapper { margin-right: 0; position: relative; } .hero .hero__image-wrapper .hero__circle--above-grid, .hero .hero__image-wrapper .hero__icon, .hero .hero__image-wrapper .hero__photo { border-radius: 50%; bottom: -58px; height: 100px; left: -110px; padding-top: 93.75%; position: absolute; width: 100px; z-index: 1; } .hero .hero__image-wrapper .hero__photo { background: center/cover no-repeat #f8f9fa url('/static/images/icons/person-blue.png'); } .hero .hero__image-wrapper .hero__icon { background-color: #f8f9fa; background-position: center; background-repeat: no-repeat; background-size: 35%; } } .hero.has-bg { border-bottom: 1px solid #f1f3f4; } .hero.has-bg .hero__content-wrapper { margin-bottom: 8px; } .hero.has-bg .hero__content-wrapper .hero__content { padding-bottom: 0; } .hero.has-bg .hero-meta::after { background: #fff; } .hero.has-bg .white-overlay { background: linear-gradient(90deg, rgb(255 255 255 / .9) 0%, rgb(255 255 255 / .9) 70%, rgb(255 255 255 / .55) 100%); } .hero.has-light-background .hero-meta::after { background: #dadce0; } .home-hero { padding: 42px 0 14px; position: relative; } @media only screen and (max-width: 767px) { .home-hero { padding: 21px 0 10.5px; } } .home-hero::after { background: #dadce0; bottom: 0; content: ''; height: 3px; left: 0; opacity: 1; position: absolute; width: 100%; } .home-hero .content { margin-bottom: 0; } .home-hero .content__text { display: flex; flex-direction: column; font-family: 'Google Sans', Arial, Helvetica, sans-serif; height: 100%; justify-content: center; } @media only screen and (max-width: 767px) { .home-hero .content__text { padding-bottom: 0; } } .home-hero .content__text::after { background: linear-gradient(to right, #4285f4 75%, #ea4335 75%, #ea4335 83%, #fbbc04 83%, #fbbc04 91%, #34a853 91%); bottom: -14px; content: ''; height: 3px; position: relative; width: 100%; z-index: 2; } @media only screen and (max-width: 767px) { .home-hero .content__text::after { bottom: -11px; } } @media only screen and (min-width: 1281px) { .home-hero .content__text::after { background: linear-gradient(to right, #4285f4 50%, #ea4335 50%, #ea4335 67%, #fbbc04 67%, #fbbc04 83%, #34a853 83%); } } .home-hero .content__text .content__title { color: #000; margin-bottom: 7px; } @media only screen and (max-width: 767px) { .home-hero .content__text .content__title { margin-bottom: 3px; } } .map__svg { padding: 0 30px; position: relative; } .map__svg svg { height: 47vw; margin: 0 auto; max-height: 700px; width: 100%; } .map__svg .map__region { pointer-events: all; } .map__svg .map__region circle { transition: .5s cubic-bezier(.4, 0, .2, 1); } .map__svg .map__region:hover circle { fill: #5f6368; } .map__svg .map__city { pointer-events: none; } @media only screen and (max-width: 767px) { .map__svg { display: none; } } .map__mobile { display: none; padding: 0 15px; position: relative; text-align: center; } @media only screen and (max-width: 767px) { .map__mobile { display: block; } } .map__mobile-image { width: 100%; } .media { padding: 42px 0; } @media only screen and (max-width: 767px) { .media__wrapper { padding: 21px 0; } } .media.has-no-padding .media__wrapper { padding: 0; } .media__image { margin-bottom: 0; margin-top: 0; } .media__image img { box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); display: block; padding: 0; width: 100%; } .media__image .media__image--mobile { display: none; } @media only screen and (max-width: 767px) { .media__image.has-mobile-image .media__image--desktop { display: none; } .media__image.has-mobile-image .media__image--mobile { display: block; } } .media__caption { color: #9aa0a6; margin-bottom: 0; text-align: center; } .media__video { height: 100%; margin-bottom: 0; margin-top: 0; position: relative; width: 100%; } .media__video::before { content: ''; display: block; padding-top: 58.8%; width: 100%; } .media__video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media only screen and (max-width: 767px) { .media .media__video::before { padding-top: 57.6%; } } .article.has-grey-background + .media.has-grey-background__wrapper { padding-top: 0; } .media--fullwidth__wrapper, .media--fullwidth-tall__wrapper { padding: 42px 0; } .media--fullwidth .media__wrapper, .media--fullwidth .media__video-wrapper, .media--fullwidth .media__video, .media--fullwidth .media__image, .media--fullwidth-tall .media__wrapper, .media--fullwidth-tall .media__video-wrapper, .media--fullwidth-tall .media__video, .media--fullwidth-tall .media__image { margin: 0 auto; max-width: none; padding: 0; width: 100%; } .media--fullwidth .media__video-wrapper, .media--fullwidth-tall .media__video-wrapper { overflow: hidden; position: relative; } .media--fullwidth .media__video-wrapper::before, .media--fullwidth-tall .media__video-wrapper::before { content: ''; display: block; padding-top: 41.66%; width: 100%; } .media--fullwidth .media__video, .media--fullwidth-tall .media__video { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } @media only screen and (max-width: 767px) { .media--fullwidth .media__video-wrapper::before { padding-top: 0; } .media--fullwidth .media__video { left: 0; position: relative; top: 0; transform: none; } } .media--fullwidth-tall .media__video-wrapper::before { padding-top: 66.66%; } .media--shadowless img { box-shadow: none; } .media--no-shadow .media__image img { box-shadow: none; } .media--border-top { padding-top: 0; } .media--border-top .content::before { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin: 0 auto; margin-bottom: 42px; opacity: .5; } .media--border-top.media--wider::before { width: 62%; } .search { min-height: 100vh; padding: 42px 0; transition: min-height .4s linear 1s; } @media only screen and (max-width: 767px) { .search { padding: 21px 0; } } .search.is-ready { min-height: 0; } .search:first-child { padding: 33.6px 0 42px; } .search__header { align-items: flex-end; display: flex; margin-bottom: 40px; padding-bottom: 15px; position: relative; } @media only screen and (max-width: 767px) { .search__header { flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; } } .search__title { flex: 1 0 auto; } @media only screen and (max-width: 767px) { .search__title { flex: 1 0 100%; margin-bottom: 20px; } } .search .search__searchbar-wrapper { margin-right: 40px; position: relative; width: 180px; } .search .search__searchbar-wrapper::after { background: #9aa0a6; content: ''; display: block; height: 100%; position: absolute; right: -20px; top: 0; width: 1px; } .search__searchbar { background: center right/20px 20px no-repeat url('/static/images/icons/icon-search.svg'); background-size: contain; border-color: #dadce0; border-style: solid; border-width: 0 0 1px; color: #5f6368; line-height: 20px; opacity: 0; padding-right: 20px; transition: opacity .4s linear, border-color .25s linear; width: 100%; } .search__searchbar:focus { border-color: #1a73e8; outline: none; } .search.is-ready .search__searchbar { opacity: 1; } .search__filters { opacity: 0; transition: opacity .4s linear; } .search.is-ready .search__filters { opacity: 1; } .search__main { opacity: 0; transition: opacity .4s linear; } .search.is-ready .search__main { opacity: 1; } .search__category-intro { background: #f1f3f4; margin-bottom: 30px; padding: 30px 35px 0; position: relative; } .search__category-intro::after { background: linear-gradient(180deg, rgb(241 243 244 / 0) 0%, #f1f3f4 60%); bottom: 0; content: ''; height: 40%; left: 0; pointer-events: none; position: absolute; right: 0; transition: opacity .5s cubic-bezier(.4, 0, .2, 1); } @media only screen and (max-width: 767px) { .search__category-intro::after { background: linear-gradient(rgb(241 243 244 / 0), #f1f3f4); height: 50%; } } .search__category-intro.is-active::after { opacity: 0; z-index: -1; } .search__category-intro-header::after { clear: both; content: ''; display: table; } .search__category-intro-title { float: left; margin-bottom: 10px; } .search__category-intro-title .icon { margin-right: 10px; vertical-align: top; } .search__category-intro-count { color: #5f6368; float: right; font-weight: 500; line-height: 42px; } .search__category-intro-body { max-height: 140px; overflow: hidden; transition: max-height .5s cubic-bezier(.4, 0, .2, 1); will-change: max-height; } .search__category-intro-body p + p { margin-top: 1em; } .search__category-intro-body-inner { padding-bottom: 45px; } @media only screen and (max-width: 767px) { .search__category-intro-body { width: auto; } } .search__category-intro-toggle { bottom: 10px; cursor: pointer; position: absolute; right: 20px; z-index: 1; } .is-cards-fading-out .search__category-intro { animation: card-fade-out .4s 1 both cubic-bezier(.4, 0, .2, 1); } .is-cards-fading-in .search__category-intro { animation: card-fade-in .4s 1 both cubic-bezier(.4, 0, .2, 1); } @media only screen and (max-width: 1080px) { .search__category-intro { padding: 35px; } .search__category-intro-title { padding-left: 45px; position: relative; width: 100%; } .search__category-intro-title .icon { left: 0; position: absolute; } .search__category-intro-body { column-count: 1; } .search__category-intro-count { float: left; line-height: inherit; margin-left: 45px; } } .search__main-header { align-items: center; display: flex; height: 22px; justify-content: flex-end; margin-bottom: 24px; transition: opacity .4s, transform .4s cubic-bezier(.4, 0, .2, 1); } .search__main-header.is-hidden { opacity: 0; transform: translate3d(0, 20px, 0); } @media only screen and (max-width: 767px) { .search__main-header--alpha .search__result-count { display: none; } } .is-cards-fading-out .search__cards { opacity: 0; transform: translate3d(0, 20px, 0); transition: opacity .4s, transform .4s cubic-bezier(.4, 0, .2, 1); } .is-cards-fading-in .search__cards { opacity: 1; transition: none; } .is-cards-fading-in .search__card-wrapper { animation: card-fade-in .4s 1 both cubic-bezier(.4, 0, .2, 1); } .is-cards-fading-in .search__card-wrapper:nth-child(1) { animation-delay: 50ms; } .is-cards-fading-in .search__card-wrapper:nth-child(2) { animation-delay: 100ms; } .is-cards-fading-in .search__card-wrapper:nth-child(3) { animation-delay: 150ms; } .is-cards-fading-in .search__card-wrapper:nth-child(4) { animation-delay: 200ms; } .is-cards-fading-in .search__card-wrapper:nth-child(5) { animation-delay: 250ms; } .is-cards-fading-in .search__card-wrapper:nth-child(6) { animation-delay: 300ms; } .is-cards-fading-in .search__card-wrapper:nth-child(7) { animation-delay: 350ms; } .is-cards-fading-in .search__card-wrapper:nth-child(8) { animation-delay: 400ms; } .is-cards-fading-in .search__card-wrapper:nth-child(9) { animation-delay: 450ms; } .is-cards-fading-in .search__card-wrapper:nth-child(10) { animation-delay: 500ms; } .is-cards-fading-in .search__card-wrapper:nth-child(11) { animation-delay: 550ms; } .is-cards-fading-in .search__card-wrapper:nth-child(12) { animation-delay: 600ms; } .is-cards-fading-in .search__card-wrapper:nth-child(13) { animation-delay: 650ms; } .is-cards-fading-in .search__card-wrapper:nth-child(14) { animation-delay: 700ms; } .is-cards-fading-in .search__card-wrapper:nth-child(15) { animation-delay: 750ms; } .is-cards-fading-in .search__card-wrapper:nth-child(16) { animation-delay: 800ms; } .is-cards-fading-in .search__card-wrapper:nth-child(17) { animation-delay: 850ms; } .is-cards-fading-in .search__card-wrapper:nth-child(18) { animation-delay: 900ms; } .is-cards-fading-in .search__card-wrapper:nth-child(19) { animation-delay: 950ms; } .is-cards-fading-in .search__card-wrapper:nth-child(20) { animation-delay: 1000ms; } .is-cards-fading-in .search__card-wrapper:nth-child(21) { animation-delay: 1050ms; } .is-cards-fading-in .search__card-wrapper:nth-child(22) { animation-delay: 1100ms; } .is-cards-fading-in .search__card-wrapper:nth-child(23) { animation-delay: 1150ms; } .is-cards-fading-in .search__card-wrapper:nth-child(24) { animation-delay: 1200ms; } .is-cards-fading-in .search__card-wrapper:nth-child(25) { animation-delay: 1250ms; } .is-cards-fading-in .search__card-wrapper:nth-child(26) { animation-delay: 1300ms; } .is-cards-fading-in .search__card-wrapper:nth-child(27) { animation-delay: 1350ms; } .is-cards-fading-in .search__card-wrapper:nth-child(28) { animation-delay: 1400ms; } .is-cards-fading-in .search__card-wrapper:nth-child(29) { animation-delay: 1450ms; } .is-cards-fading-in .search__card-wrapper:nth-child(30) { animation-delay: 1500ms; } .is-cards-fading-in .search__card-wrapper:nth-child(31) { animation-delay: 1550ms; } .is-cards-fading-in .search__card-wrapper:nth-child(32) { animation-delay: 1600ms; } .is-cards-fading-in .search__card-wrapper:nth-child(33) { animation-delay: 1650ms; } .is-cards-fading-in .search__card-wrapper:nth-child(34) { animation-delay: 1700ms; } .is-cards-fading-in .search__card-wrapper:nth-child(35) { animation-delay: 1750ms; } .is-cards-fading-in .search__card-wrapper:nth-child(36) { animation-delay: 1800ms; } .is-cards-fading-in .search__card-wrapper:nth-child(37) { animation-delay: 1850ms; } .is-cards-fading-in .search__card-wrapper:nth-child(38) { animation-delay: 1900ms; } .is-cards-fading-in .search__card-wrapper:nth-child(39) { animation-delay: 1950ms; } .is-cards-fading-in .search__card-wrapper:nth-child(40) { animation-delay: 2000ms; } .is-cards-fading-in .search__card-wrapper:nth-child(41) { animation-delay: 2050ms; } .is-cards-fading-in .search__card-wrapper:nth-child(42) { animation-delay: 2100ms; } .is-cards-fading-in .search__card-wrapper:nth-child(43) { animation-delay: 2150ms; } .is-cards-fading-in .search__card-wrapper:nth-child(44) { animation-delay: 2200ms; } .is-cards-fading-in .search__card-wrapper:nth-child(45) { animation-delay: 2250ms; } .is-cards-fading-in .search__card-wrapper:nth-child(46) { animation-delay: 2300ms; } .is-cards-fading-in .search__card-wrapper:nth-child(47) { animation-delay: 2350ms; } .is-cards-fading-in .search__card-wrapper:nth-child(48) { animation-delay: 2400ms; } .is-cards-fading-in .search__card-wrapper:nth-child(49) { animation-delay: 2450ms; } .is-cards-fading-in .search__card-wrapper:nth-child(50) { animation-delay: 2500ms; } .is-cards-fading-in .search__card-wrapper:nth-child(51) { animation-delay: 2550ms; } .is-cards-fading-in .search__card-wrapper:nth-child(52) { animation-delay: 2600ms; } .is-cards-fading-in .search__card-wrapper:nth-child(53) { animation-delay: 2650ms; } .is-cards-fading-in .search__card-wrapper:nth-child(54) { animation-delay: 2700ms; } .is-cards-fading-in .search__card-wrapper:nth-child(55) { animation-delay: 2750ms; } .is-cards-fading-in .search__card-wrapper:nth-child(56) { animation-delay: 2800ms; } .is-cards-fading-in .search__card-wrapper:nth-child(57) { animation-delay: 2850ms; } .is-cards-fading-in .search__card-wrapper:nth-child(58) { animation-delay: 2900ms; } .is-cards-fading-in .search__card-wrapper:nth-child(59) { animation-delay: 2950ms; } .is-cards-fading-in .search__card-wrapper:nth-child(60) { animation-delay: 3000ms; } .search__sort { flex: 1 1 auto; } .search__button-view { margin-left: 40px; padding-right: 34px; } .search__button-view::before { background: #9aa0a6; content: ''; display: block; height: 100%; left: -20px; position: absolute; width: 1px; } .search__button-view .search__button-tile::after, .search__button-view .search__button-list::after { background: center/contain no-repeat; content: ''; display: inline-block; height: 20px; position: absolute; right: 0; width: 24px; } .search__button-view .search__button-tile { display: none; } .search__button-view .search__button-tile::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13"><path fill="#9AA0A6" d="M0 6h5V0H0v6zm0 7h5V7H0v6zm6 0h5V7H6v6zm6 0h5V7h-5v6zM6 6h5V0H6v6zm6-6v6h5V0h-5z"/></svg>'); background-size: 17px 14px; } .search__button-view .search__button-list::after { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="14"><path fill="#9AA0A6" d="M0 9h4V5H0v4zm0 5h4v-4H0v4zM0 4h4V0H0v4zm5 5h12V5H5v4zm0 5h12v-4H5v4zM5 0v4h12V0H5z"/></svg>'); background-size: 17px 14px; } @media only screen and (max-width: 767px) { .search__button-view { display: none; } } .search__ctas { margin-bottom: 0; margin-top: 70px; text-align: center; } .search__ctas .button { margin: 0 10px; } @media only screen and (max-width: 767px) { .search__ctas { margin-top: 40px; } .search__ctas .button + .button { margin-top: 15px; } } .search.is-list-view .search__button-view .search__button-list { display: none; } .search.is-list-view .search__button-view .search__button-tile { display: block; } @media only screen and (max-width: 767px) { .search.is-list-view .search__main-header { margin-bottom: 0; } } .search.is-list-view .search__cards { margin-top: 20px; } @media only screen and (max-width: 767px) { .search.is-list-view .search__cards { margin-top: 10px; } } @media only screen and (min-width: 768px) { .search.is-list-view .search__card-wrapper { margin-bottom: 0; margin-top: 0; } } .search.is-list-view .card--publication { background: transparent; } .search--author-publications .search__header::before { background: #9aa0a6; bottom: 0; content: ''; display: block; height: 2px; left: .625vw; opacity: .3; position: absolute; right: .625vw; } @media only screen and (min-width: 1281px) { .search--author-publications .search__header::before { left: 8px; right: 8px; } } .search--author-publications .search__tab { cursor: pointer; font-weight: 400; margin-left: 40px; opacity: 0; transition: opacity .4s linear; } .search--author-publications .search__tab::after { background: #1a73e8; bottom: -13px; content: ''; height: 2px; left: 0; opacity: 0; position: absolute; transform: translateY(100%); transition: transform .25s cubic-bezier(.4, 0, .2, 1); width: 100%; } .search--author-publications .search__tab:hover::after { opacity: 1; } .search--author-publications .search__tab.is-active { color: #000; } .search--author-publications .search__tab.is-active::after { opacity: 1; } @media only screen and (max-width: 767px) { .search--author-publications .search__tab { margin-left: 0; } } .search--author-publications.is-ready .search__tab { animation: tab-fade-in .4s 1 both cubic-bezier(.4, 0, .2, 1); } .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .card:hover { box-shadow: 0 2px 16px 0 rgb(32 33 36 / .07), 0 26px 38px 0 rgb(32 33 36 / .09); position: relative; z-index: 1; } .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .card:hover .content__title { color: #1a73e8 !important; } section.hero + section.search.has-grey-background { background: transparent; } section.hero + section.search.has-grey-background .filter { background: #f8f9fa; } section.hero + section.search.has-grey-background .filter__title:hover { background: #f1f3f4; } @keyframes card-fade-in { 0% { opacity: 0; transform: translate3d(0, 20px, 0); } 100% { opacity: 1; transform: none; } } @keyframes card-fade-out { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(0, 20px, 0); } } @keyframes tab-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .article-side__item-title { margin-bottom: 10px; } .article-side__list { list-style: none; margin: 0 0 35px; padding: 0; } .article-side__list.is-expandable li:not(.is-visible) { display: none; } .article-side__list li { margin-bottom: 10px; } .article-side__list:last-of-type, .article-side__list li:last-of-type { margin-bottom: 0; } .article-side__citation { background: #f1f3f4; padding: 20px; } .article-side__card { background: #fff; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); margin-left: -25%; padding: 25px; } .article-side__card .content__title { font-weight: 500; } .article-side__card .content__body { color: #9aa0a6; } .article-side__card .content__body strong { color: #3c4043; } @media only screen and (max-width: 1080px) { .article-side__card { margin-left: 0; } } @media only screen and (max-width: 767px) { .article-side__card { padding: 15px; } } .article-side__quote { color: #5f6368; line-height: 32px; margin-right: -50%; position: relative; top: 50%; transform: translateY(-50%); } .article-side__quote::before { color: #3c4043; content: '&#8220;'; font-size: 56px; left: 0; line-height: 1; position: absolute; top: -32px; } .article-side__quote p:last-child::after { content: '&#8221;'; display: inline-block; } @media only screen and (min-width: 1281px) { .article-side__quote { padding-left: 20px; } .article-side__quote::before { left: 20px; } } @media only screen and (min-width: 1500px) { .article-side__quote { padding-left: 0; } .article-side__quote::before { left: 0; } } @media only screen and (max-width: 1080px) { .article-side__quote { display: none; } } .article-side__quote-copy::after { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin: 20px auto; opacity: .5; width: 100%; } .article-side__quote-copy p + p { margin-top: 1em; } .article-side__quote-details { color: #5f6368; } @media only screen and (max-width: 767px) { .article-side--quote { display: none; } } .bar { background: #fff; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); display: block; width: 100%; } .bar__bar { background: #fff; border: 0; cursor: pointer; display: block; padding: 15px 20px; transition: background .25s linear; } .bar__bar:hover { background: #f1f3f4; border: 0; } .bar__bar.is-active { background: #1a73e8; } .bar__bar.is-active .bar__title { color: #fff; } .bar__bar.is-active .bar__icon { filter: brightness(2); } .bar__icon { filter: brightness(1); position: absolute; transition: filter .25s linear; } .bar__title { font-weight: 500; margin-right: 66px; transition: color .25s linear; } .bar__body { height: 0; overflow: hidden; transition: height .5s cubic-bezier(.4, 0, .2, 1); will-change: height; } .bar__body .content { padding: 20px 25px; } .bar__body .content .content__ctas { padding: 0 0 5px; } .bar__body.is-active { height: auto; opacity: 1; } .bar--icon .bar__title { margin-left: 40px; } .bar--icon .bar__icon { height: 30px; } .compact-bars .bar__bar { padding: 12px 15px; } .compact-bars .icon--right-arrow { right: 15px; top: 15px; } .compact-bars .bar__icon { top: 8px; } .block__background, .block__background--mobile { background: center/cover no-repeat transparent; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .4s linear; width: 100%; } .block__background.is-loaded, .block__background--mobile.is-loaded { opacity: 1; } .block__background--mobile { display: none; } .block__content-wrapper { position: relative; } .block.has-white-background { background: #fff; } .block.has-dark-background { background: #5f6368; } @media only screen and (max-width: 767px) { .block.has-mobile-bg .block__background { display: none; } .block.has-mobile-bg .block__background--mobile { display: block; } } .block--default .block__content-wrapper, .block--default-right .block__content-wrapper, .block--default-left .block__content-wrapper, .block--cta-left .block__content-wrapper, .block--about .block__content-wrapper, .block--join .block__content-wrapper, .block--cta-right .block__content-wrapper { height: 100%; } @media only screen and (max-width: 767px) { .block--default .block__content-wrapper, .block--default-right .block__content-wrapper, .block--default-left .block__content-wrapper, .block--cta-left .block__content-wrapper, .block--about .block__content-wrapper, .block--join .block__content-wrapper, .block--cta-right .block__content-wrapper { align-items: flex-start; } } .block--cta-left, .block--about, .block--join, .block--cta-right { margin-bottom: 0; padding: 42px 0; } @media only screen and (min-width: 1500px) { .block--cta-left .block__background, .block--about .block__background, .block--join .block__background, .block--cta-right .block__background { background-position: center center; } } @media only screen and (max-width: 767px) { .block--cta-left, .block--about, .block--join, .block--cta-right { height: auto; } } @media only screen and (max-width: 767px) { .block--about .block__background--mobile, .block--join .block__background--mobile { background-position: center center; } } .button { border: 2px solid rgb(0 0 0 / .17); border-radius: 4px; color: #1a73e8; cursor: pointer; display: inline-block; line-height: normal; padding: 8px 13px; text-decoration: none; transition: border-color .4s cubic-bezier(.4, 0, .2, 1), background .4s cubic-bezier(.4, 0, .2, 1), color .4s cubic-bezier(.4, 0, .2, 1); } .button:hover { background: #1a73e8; border-color: #1a73e8; color: #fff; text-decoration: none; } .button.active, .button:active { background: #1a73e8; border-color: #1a73e8; color: #fff; } .button + .button { margin-left: 20px; } .button .icon { height: 12px; margin-right: 4px; width: 12px; } .button--light, .page--publication .links .button--light, .page--publication .links .has-dark-background .button, .has-dark-background .page--publication .links .button, .has-dark-background .button { border-color: rgb(255 255 255 / .4); color: #fff; } .button--light:hover, .page--publication .links .button--light:hover, .has-dark-background .button:hover { background: #fff; border-color: #fff; color: #202124; } .button--light:active, .page--publication .links .button--light:active, .has-dark-background .button:active { background: #f8f9fa; color: #202124; } .button--primary { background-color: #1a73e8; border-color: #1a73e8 !important; } .button--primary .icon { filter: brightness(100); } .button--primary:hover { background: #fff; border-color: #1a73e8 !important; } .button--primary:hover .icon { filter: brightness(0); } .button--primary:active { background: #f8f9fa; color: #1a73e8; } .card { background: #fff; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); position: relative; transition: background .4s, box-shadow .4s; } .card:not(.card--publication):not(.card--no-link):not(.map__popup):hover { background: #f8f9fa; box-shadow: 0 2px 16px 0 rgb(32 33 36 / .07), 0 26px 38px 0 rgb(32 33 36 / .09); position: relative; z-index: 1; } .card:not(.card--publication):not(.card--no-link):not(.map__popup):hover .content .content__title, .card:not(.card--publication):not(.card--no-link):not(.map__popup):hover .content .card__title { color: #1a73e8; font-family: 'Google Sans', Arial, Helvetica, sans-serif; pointer-events: none; } .card:not(.card--publication):not(.card--no-link):not(.map__popup):hover .content .button { background: #1a73e8; border-color: #1a73e8; color: #fff; } .card.has-dark-background .card__image::before { background: rgb(0 0 0 / .1); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card.has-dark-background .card__link::after { background-image: url('/static/images/icons/external-link-white.svg'); } .card.has-dark-background:hover .card__link::after { opacity: .6; } .card.has-dark-background:hover .content .content__title, .card.has-dark-background:hover .content .card__title { color: rgb(255 255 255 / .6) !important; } .card__title { color: #3c4043; text-decoration: none !important; } .card__link { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card__link[target='_blank']::after { background: center/cover no-repeat url('/static/images/icons/external-link-grey.svg'); bottom: 12px; content: ''; height: 14px; opacity: 0; position: absolute; right: 12px; transition: opacity .4s; width: 14px; } @media only screen and (max-width: 767px) { .card__link[target='_blank']::after { opacity: 1; } } .card__link:hover { border: 0; } .card__link:hover::after { opacity: 1; } .card .card__link--icon { align-self: flex-start; display: none; margin-right: 15px; margin-top: 20px; position: relative; } .card .card__link--icon.card__link--icon-abstract.is-active .card__link-abstract { opacity: 1; pointer-events: auto; transform: translate(-300px, 3%); } .card .card__link--icon .card__link-abstract-close { cursor: pointer; height: 16px !important; position: absolute; right: 10px; top: 10px; width: 16px !important; } .card .card__link--icon .card__link-abstract { background: #fff; border-radius: 4px; box-shadow: 0 5px 20px 0 rgb(32 33 36 / .07), 0 0 38px 0 rgb(32 33 36 / .09); margin-bottom: 30px; max-width: 400px; opacity: 0; padding: 25px; pointer-events: none; position: absolute; transform: translate(-300px, -10%); transition: transform .25s, opacity .25s linear, visibility .25s linear; width: 90vw; z-index: 999; } .card .card__link--icon .card__link-abstract::before { border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; height: 0; left: 76.5%; position: absolute; top: -5px; width: 0; } .card .card__link--icon .card__link-abstract p { margin-bottom: 10px; } .card .card__link--icon .card__link-tooltip { background: #9aa0a6; border-radius: 5px; color: #fff; left: 50%; opacity: 0; padding: 3px 6px; pointer-events: none; position: absolute; top: -10px; transform: translate(-50%, -80%); transition: transform .25s, opacity .25s linear; white-space: nowrap; z-index: -1; } .card .card__link--icon .card__link-tooltip::before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #9aa0a6; bottom: -5px; content: ''; height: 0; left: 50%; position: absolute; transform: translate(-50%, 0); width: 0; } .card .card__link-search-scholar, .card .card__link-copy-bibtex, .card .card__link-info { cursor: pointer; display: none; opacity: 0; pointer-events: none; transition: opacity .25s linear; } .card .card__link-search-scholar:hover + .card__link-tooltip, .card .card__link-copy-bibtex:hover + .card__link-tooltip, .card .card__link-info:hover + .card__link-tooltip { opacity: 1; transform: translate(-50%, -100%); z-index: auto; } .card__link-copy-bibtex.is-succeed { animation: copied .25s cubic-bezier(.4, 0, .2, 1) none; } .card__image { background: center/cover no-repeat #f1f3f4; height: 140px; overflow: hidden; width: 100%; } .card .content { display: flex; flex-direction: column; line-height: 1; padding: 29px 35px 35px; } .card .content .content__text { flex: 1 0 auto; } .card .content .content__brow { margin-bottom: 12px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card .content .content__brow a { color: #1a73e8; } .card .content .content__title { transition: color .4s; } .card--default, .card--publication { height: 420px; } .card--default .content .content__title, .card--publication .content .content__title { margin-bottom: 7px; } .card--default .content { height: calc(100% - 140px); } .card--default .content__title { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 3; line-height: 1.625em; max-height: 4.875em; overflow: hidden; text-decoration: none; } .card--default .content__body p { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 7; line-height: 1.6em; max-height: 11.2em; overflow: hidden; } .card--default .content__brow ~ .content__body p { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 6; line-height: 1.6em; max-height: 9.6em; overflow: hidden; } .card--default .content.content--long-title .content__title { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 4; line-height: 1.5em; max-height: 6em; overflow: hidden; } .card--default .content.content--long-title .content__body p { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 6; line-height: 1.6em; max-height: 9.6em; overflow: hidden; } .card--default .content.content--long-title .content__brow ~ .content__body p { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 5; line-height: 1.6em; max-height: 8em; overflow: hidden; } @media only screen and (max-width: 767px) { .card--default:not(.card--in-carousel) { height: auto; min-height: 120px; } .card--default:not(.card--in-carousel) .card__image { height: 100%; position: absolute; width: 30%; } .card--default:not(.card--in-carousel) .content { height: auto; margin-left: 30%; padding: 15px 20px; } .card--default:not(.card--in-carousel) .content .content__body { padding-right: 12px; } .card--default.card--no-background .content { margin-left: unset; } .card--default.card--in-carousel { height: 320px; } .card--default .content .content__body p, .card--default .content.content--long-title .content__body p { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 3; line-height: 1.6em; max-height: 4.8em; overflow: hidden; } } .card--researcher { height: 100%; } .card--researcher::before { background: #f1f3f4; content: ''; display: block; height: 100px; left: 0; position: absolute; top: 0; width: 100%; } .card--researcher .card__image { background-color: #f8f9fa; background-image: url('/static/images/icons/person-blue.png'); border-radius: 50%; height: 64px; left: 30px; pointer-events: none; position: absolute; top: 100px; transform: translateY(-50%); width: 64px; } .search__card-wrapper:nth-of-type(2n + 1) .card--researcher .card__image { background-image: url('/static/images/icons/person-yellow.png'); } .search__card-wrapper:nth-of-type(3n + 2) .card--researcher .card__image { background-image: url('/static/images/icons/person-red.png'); } .search__card-wrapper:nth-of-type(7n + 5) .card--researcher .card__image { background-image: url('/static/images/icons/person-green.png'); } .card--researcher .content { height: 100%; padding: 15px 30px 30px; pointer-events: none; position: relative; } .card--researcher .content .content__brow { margin-bottom: 5px; margin-top: 140px; } .card--researcher .content .content__text { display: flex; flex-direction: column; font-weight: 500; position: relative; } .card--researcher .content .content__title { align-content: center; display: flex; flex: 1 0 auto; flex-direction: column; height: 44px; justify-content: center; line-height: 22px; position: absolute; } .card--researcher .content .content__body p { margin: 0; } .card--researcher .content .content__area { display: block; line-height: 16px; margin-top: 4px; overflow: hidden; pointer-events: auto; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 767px) { .card--researcher { height: auto; min-height: 120px; } .card--researcher::before { content: none; } .card--researcher .card__image { height: 48px; left: 20px; top: 15px; transform: none; width: 48px; } .card--researcher .content { height: auto; margin-left: 68px; padding: 20px; } .card--researcher .content .content__brow { display: none; } .card--researcher .content .content__title { font-weight: 500; line-height: 1; padding-bottom: 0; position: relative; } } .card--publication { display: flex; flex-direction: column-reverse; justify-content: flex-end; } .card--publication .card__image { background-color: transparent; height: 175px; } .card--publication .content { height: calc(100% - 175px); padding-bottom: 0; } .card--publication .content__title { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 5; line-height: 1.625em; max-height: 8.125em; overflow: hidden; } .card--publication .content__body a { color: #5f6368; font-weight: 400; pointer-events: auto; text-decoration: underline; text-decoration-color: #5f6368; } .card--publication .content__body a:hover { color: #1a73e8; text-decoration-color: #1a73e8; } .card--publication .content__body .content__authors { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 3; line-height: 1.6em; max-height: 4.8em; overflow: hidden; } .card--publication .content__body .content__venue { -webkit-box-orient: vertical; display: flex; -webkit-line-clamp: 2; line-height: 1.6em; margin-top: 9px; max-height: 3.2em; overflow: hidden; } @media only screen and (max-width: 767px) { .card--publication { height: auto; } .card--publication .card__image { display: none; } .card--publication .content { height: auto; padding: 15px 20px; } .card--publication .content__title { min-height: 66px; } .card--publication .content__body { padding-right: 10px; } .card--publication .content__body .content__authors, .card--publication .content__body p { display: block; overflow: hidden; pointer-events: auto; text-overflow: ellipsis; white-space: nowrap; } .card--publication .content__body .content__venue { display: none; } } .last .card.card--publication-list, .last .search.is-list-view .card.card--publication, .search.is-list-view .last .card.card--publication { border-bottom: 1px solid rgb(154 160 166 / .5); } @media only screen and (min-width: 768px) { .search.is-list-view .card, .card.card--publication-list { align-items: center; border-top: 1px solid rgb(154 160 166 / .5); box-shadow: none; flex-direction: row-reverse; height: auto; } .search.is-list-view .card .card__link-search-scholar, .search.is-list-view .card .card__link-copy-bibtex, .search.is-list-view .card .card__link-info, .card.card--publication-list .card__link-search-scholar, .card.card--publication-list .card__link-copy-bibtex, .card.card--publication-list .card__link-info { opacity: 1; pointer-events: auto; } .search.is-list-view .card .card__link-search-scholar:hover, .search.is-list-view .card .card__link-copy-bibtex:hover, .search.is-list-view .card .card__link-info:hover, .card.card--publication-list .card__link-search-scholar:hover, .card.card--publication-list .card__link-copy-bibtex:hover, .card.card--publication-list .card__link-info:hover { opacity: .7; } .search.is-list-view .card .card__link--icon-abstract.is-active .card__link-tooltip, .card.card--publication-list .card__link--icon-abstract.is-active .card__link-tooltip { opacity: 0; transform: translate(-50%, -80%); } .search.is-list-view .card:not(.card--no-link):hover, .card.card--publication-list:not(.card--no-link):hover { background: transparent !important; box-shadow: none !important; } .search.is-list-view .card:not(.card--no-link):hover .content .content__title, .search.is-list-view .card:not(.card--no-link):hover .content .card__title, .card.card--publication-list:not(.card--no-link):hover .content .content__title, .card.card--publication-list:not(.card--no-link):hover .content .card__title { color: #3c4043; } .search.is-list-view .card .card__title[target='_blank']::after, .card.card--publication-list .card__title[target='_blank']::after { background: center/cover no-repeat url('/static/images/icons/external-link-grey.svg'); content: ''; height: 14px; opacity: 0; position: absolute; right: -24px; top: 2px; transition: opacity .4s; width: 14px; } } @media only screen and (min-width: 768px) and (max-width: 767px) { .search.is-list-view .card .card__title[target='_blank']::after, .card.card--publication-list .card__title[target='_blank']::after { opacity: 1; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .card__title:hover, .card.card--publication-list .card__title:hover { color: #1a73e8 !important; } .search.is-list-view .card .card__title:hover::after, .card.card--publication-list .card__title:hover::after { opacity: 1; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .card__link--icon, .search.is-list-view .card .card__link-search-scholar, .search.is-list-view .card .card__link-copy-bibtex, .search.is-list-view .card .card__link-info, .card.card--publication-list .card__link--icon, .card.card--publication-list .card__link-search-scholar, .card.card--publication-list .card__link-copy-bibtex, .card.card--publication-list .card__link-info { display: block; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .card__link--icon, .card.card--publication-list .card__link--icon { margin: 10px 0 0 15px; } .search.is-list-view .card .card__link--icon .icon, .card.card--publication-list .card__link--icon .icon { height: 22px; width: 22px; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .content, .card.card--publication-list .content { flex: 1 1; height: auto; padding: 8px 20px 6px 0; } .search.is-list-view .card .content .content__title, .card.card--publication-list .content .content__title { font-size: 15px; margin-bottom: 0; } .search.is-list-view .card .content .content__brow, .card.card--publication-list .content .content__brow { display: none; } .search.is-list-view .card .content .content__venue, .card.card--publication-list .content .content__venue { margin-top: 0; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .content__title, .card.card--publication-list .content__title { display: block; line-height: 18px; max-height: none; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .content__body, .card.card--publication-list .content__body { line-height: 16px; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .content__body .content__authors, .card.card--publication-list .content__body .content__authors { display: inline; line-height: inherit; max-height: none; } .search.is-list-view .card .content__body .content__authors::after, .card.card--publication-list .content__body .content__authors::after { content: '&#8226;'; margin: 0 5px; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .content__body .content__venue, .card.card--publication-list .content__body .content__venue { display: inline; line-height: inherit; max-height: none; } } @media only screen and (min-width: 768px) { .search.is-list-view .card .card__image, .card.card--publication-list .card__image { background-color: #f8f9fa; display: none; flex: 0 0 auto; height: 60px; margin-left: 5px; margin-right: 20px; width: 60px; } } .has-grey-background .search.is-list-view .card, .has-grey-background .card.card--publication-list, .search.is-list-view .has-grey-background .card.card--publication { background-color: unset; } .card--content { height: 100%; min-height: 340px; } .card--content .content { height: 100%; padding: 35px; } .card--content .content .content__body { color: #80868b; } @media only screen and (max-width: 767px) { .card--content { min-height: 360px; } .card--content .content { padding: 30px; } } .card--outreach { height: 100%; } .card--outreach .card__link { z-index: 1; } .card--outreach .card__image { border-radius: 50%; height: 79px; left: 35px; position: absolute; top: 15px; width: 79px; z-index: 1; } .card--outreach .content__header { background-color: #f1f3f4; height: 106px; left: 0; margin: 0; padding: 35px 0 30px 130px; position: absolute; top: 0; width: 100%; } @media only screen and (max-width: 767px) { .card--outreach .content__header { padding-top: 45px; } } .card--outreach .content__title { color: #000; margin: 0; } .card--outreach .content__subtitle { display: block; line-height: 14px; } .card--outreach .content__body { margin-top: 106px; } .card--outreach .content__body a { z-index: 2; } .card--person:hover { background: #fff; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); } .card--person:hover .content .content__title { color: #3c4043 !important; } .card--person .card__image { border-radius: 50%; height: 47px; left: 35px; position: absolute; top: 35px; width: 47px; } .card--person .content { padding: 40px 40px 40px 112px; } .card--person .content .content__title { font-weight: 500; margin-bottom: 10px; } .card--image { background: transparent; box-shadow: none; } .card--image:hover { background: transparent; box-shadow: none; } .card--image .card__image { background-color: #f8f9fa; height: 100%; } .card--image .card__image::before { content: ''; display: block; padding-top: 87.5%; width: 100%; } @media only screen and (max-width: 767px) { .card--image .card__image::before { padding-top: 70%; } } .card--image .content { padding: 15px 0 0; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .card__link, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .card__link, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .card__link, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .card__link, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .card__link, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .card__link, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .card__link, .carousel--default .carousel__item:nth-of-type(1) .card__link, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .card__link { z-index: 3; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .card__link::after, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .card__link::after, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .card__link::after, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .card__link::after, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .card__link::after, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .card__link::after, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .card__link::after, .carousel--default .carousel__item:nth-of-type(1) .card__link::after, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .card__link::after { bottom: auto; top: 12px; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .card__image, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .card__image, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .card__image, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .card__image, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .card__image, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .card__image, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .card__image, .carousel--default .carousel__item:nth-of-type(1) .card__image, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .card__image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content, .carousel--default .carousel__item:nth-of-type(1) .content, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content { height: 100%; position: relative; z-index: 2; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content .content__body, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content .content__body, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content .content__body, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content .content__body, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content .content__body, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content .content__body, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content .content__body, .carousel--default .carousel__item:nth-of-type(1) .content .content__body, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content .content__body { display: block; } @media only screen and (max-width: 767px) { .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .card:not(.card--in-carousel), .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .card:not(.card--in-carousel), .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .card:not(.card--in-carousel), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .card:not(.card--in-carousel), .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .card:not(.card--in-carousel), .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .card:not(.card--in-carousel), .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .card:not(.card--in-carousel), .carousel--default .carousel__item:nth-of-type(1) .card:not(.card--in-carousel), .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .card:not(.card--in-carousel) { height: 240px; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content, .carousel--default .carousel__item:nth-of-type(1) .content, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content { margin-left: 0; width: 100%; } .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(6) .content .content__brow, .gallery--variable.gallery--8-cards .gallery__item:nth-of-type(7) .content .content__brow, .gallery--variable.gallery--6-cards .gallery__item:nth-of-type(6) .content .content__brow, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(5) .content .content__brow, .gallery--variable.gallery--2-cards .gallery__item:nth-of-type(2) .content .content__brow, .gallery--variable.gallery--5-cards .gallery__item:nth-of-type(2) .content .content__brow, .gallery--variable:not(.gallery--4-cards) .gallery__item:nth-of-type(1) .content .content__brow, .carousel--default .carousel__item:nth-of-type(1) .content .content__brow, .search--education:not([data-controller-version='datasets']) .search__cards:not(.has-active-filter):not(.is-non-default-sorting) .search__card-wrapper:first-child .content .content__brow { display: block; } } @media only screen and (min-width: 1081px) { .card--location .card__image { height: 180px; } } .card--location .content { padding: 10px 20px; } .card--location .content .content__title { margin-bottom: 0; } .carousel { display: flex; position: relative; width: 100%; } .carousel--people .card--person { height: 100%; } .carousel--random { opacity: 0; transition: opacity .4s; } .carousel--random.is-randomized { opacity: 1; } .carousel__slider { display: flex; transition: transform .5s cubic-bezier(.4, 0, .2, 1); width: 100%; will-change: transform; } .carousel__slider.is-dragging { transition: none; } .carousel__button-left, .carousel__button-right { background: center no-repeat #fff url('/static/images/icons/icon-carousel-nav.svg'); border-radius: 50%; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); height: 60px; opacity: 0; pointer-events: none; position: absolute; top: 50%; transform: translateY(calc(-50% + 20px)); transition: box-shadow .4s cubic-bezier(.4, 0, .2, 1), opacity .25s linear, transform .25s cubic-bezier(.4, 0, .2, 1); width: 60px; z-index: 10; } @media only screen and (max-width: 1080px) { .carousel__button-left, .carousel__button-right { height: 45px; width: 45px; } .carousel__button-left.is-visible, .carousel__button-right.is-visible { opacity: 1; pointer-events: auto; transform: translateY(-50%); } } .carousel__button-left:hover, .carousel__button-right:hover { box-shadow: 0 2px 16px 0 rgb(32 33 36 / .07), 0 26px 38px 0 rgb(32 33 36 / .09); } section.group:hover .carousel__button-left.is-visible, section.group:hover .carousel__button-right.is-visible { opacity: 1; pointer-events: auto; transform: translateY(-50%); } .carousel__button-left { left: 40px; transform: scaleX(-1) translateY(calc(-50% + 20px)); } section.group:hover .carousel__button-left.is-visible { transform: scaleX(-1) translateY(-50%); } @media only screen and (min-width: 1281px) { .carousel__button-left { left: calc((100vw - 1296px) / -2 + 40px); } } @media only screen and (max-width: 1080px) { .carousel__button-left { left: 0; } .carousel__button-left.is-visible { transform: scaleX(-1) translateY(-50%); } } .carousel__button-right { right: 40px; } @media only screen and (min-width: 1281px) { .carousel__button-right { right: calc((100vw - 1296px) / -2 + 40px); } } @media only screen and (max-width: 1080px) { .carousel__button-right { right: 0; } } .content ul { margin-bottom: 21px; padding-left: 16px; } .content--row .content__title { width: 75%; } .content__brow { display: block; margin-bottom: 10px; } .content__breadcrumbs { line-height: 20px; margin-bottom: 16px; } .content__breadcrumbs a { font-weight: 700; } .content__title, .content__subtitle { font-family: 'Google Sans', Arial, Helvetica, sans-serif; margin-bottom: 10px; } .content__title.has-icon { padding-left: 40px; position: relative; } @media only screen and (max-width: 767px) { .content__title.has-icon { padding-left: 35px; } } .content__title .icon { height: 24px; left: 0; position: absolute; width: 24px; } @media only screen and (max-width: 767px) { .content__title .icon { top: 0; } } .content__subtitle { color: #5f6368; } .content__text + .content__ctas { margin-top: 20px; } .content__text span:last-child { margin-bottom: 0; } .content__body p + p, .content__body p + h2, .content__body p + h3, .content__body p + h4, .content__body p + h5 { margin-top: 1em; } .content__body h2, .content__body h3 { margin-bottom: 1em; } .content__body p + iframe { margin-top: 2em; } .content__body iframe { max-width: 100%; } .content__ctas .button + .button { margin-left: 0; margin-top: 15px; } .content .content__body p:last-of-type, .content .content__body div:last-of-type { margin-bottom: 0; } .content--kintaro .content__body p { white-space: pre-wrap; } .element { display: flex; flex-direction: column; height: 100%; } .element__image { background: center/cover no-repeat #f1f3f4; box-shadow: 0 0 10px 0 rgb(0 0 0 / .02), 0 6px 14px 0 rgb(0 0 0 / .03), 0 2px 4px 0 rgb(0 0 0 / .02); margin-bottom: 20px; padding-top: 56%; width: 100%; } .element__ctas { margin-top: auto; padding: 1.5em 0 0; } .element__ctas a { display: block; } .element__ctas a[target='_blank']::after { background: url('/static/images/icons/external-link.svg') center/cover no-repeat; content: ''; display: inline-block; height: 12px; margin: 0 0 0 .2em; vertical-align: middle; width: 12px; } .element .content__body { color: #80868b; } .filters__title { height: 26px; line-height: 22px; margin: 0 0 20px; padding: 0; } .filters__reset { float: right; opacity: 0; pointer-events: none; transition: opacity .25s linear; } .filters__reset.is-visible { opacity: 1; pointer-events: auto; } .filter { background: #f8f9fa; height: 56px; margin-bottom: 2px; opacity: 0; overflow-y: hidden; transition: background .4s, box-shadow .4s, height .4s cubic-bezier(.4, 0, .2, 1), opacity .4s linear; width: 100%; } .search.is-ready .filter { animation: card-fade-in .4s 1 both cubic-bezier(.4, 0, .2, 1); } .search.is-ready .filter:nth-child(1) { animation-delay: 50ms; } .search.is-ready .filter:nth-child(2) { animation-delay: 100ms; } .search.is-ready .filter:nth-child(3) { animation-delay: 150ms; } .search.is-ready .filter:nth-child(4) { animation-delay: 200ms; } .search.is-ready .filter:nth-child(5) { animation-delay: 250ms; } .search.is-ready .filter:nth-child(6) { animation-delay: 300ms; } .search.has-grey-background .filter { background: #f1f3f4; } .filter.is-disabled { pointer-events: none; } .filter.is-disabled .filter__title { opacity: .5; } .filter.is-active, .search.has-grey-background .filter.is-active { background: #fff !important; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .07), 0 19px 38px 0 rgb(32 33 36 / .06); max-height: 440px; position: relative; } .filter.is-active .filter__title:hover, .search.has-grey-background .filter.is-active .filter__title:hover { background: #fff; } .filter.is-active .filter__title::before, .search.has-grey-background .filter.is-active .filter__title::before { opacity: 0; transform: translateY(-50%) rotate(-90deg); } .filter.is-active .filter__title::after, .search.has-grey-background .filter.is-active .filter__title::after { transform: translateY(-50%); } .filter.is-active .filter__list, .search.has-grey-background .filter.is-active .filter__list { max-height: 353px; opacity: 1; overflow-y: scroll; pointer-events: auto; transition: opacity .4s linear; visibility: visible; } .filter__title { background: transparent; border: 0; display: block; font-family: 'Google Sans', Arial, Helvetica, sans-serif; line-height: 31px; overflow: hidden; padding: 14px 21px 14px 14px; position: relative; text-align: left; text-overflow: ellipsis; transition: background .25s linear, opacity .25s linear; white-space: nowrap; width: 100%; } .filter__title:focus, .filter__title:hover { background: #f1f3f4; outline: none; } .search.has-grey-background .filter__title:focus, .search.has-grey-background .filter__title:hover { background: rgb(218 220 224 / .5); } .filter__title::before, .filter__title::after { background: #1a73e8; content: ''; height: 2px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); transition: opacity .4s, transform .4s; width: 8px; } .filter__title::after { transform: translateY(-50%) rotate(90deg); } @media only screen and (max-width: 767px) { .filter__title { font-size: 20px; letter-spacing: .1px; line-height: 30px; } } .filter__list { opacity: 0; overflow: hidden; padding: 0 14px 14px; pointer-events: none; transition: opacity .4s linear, visibility 0s linear .4s; visibility: hidden; } .filter__label { display: flex; margin: 8px 0; position: relative; } .filter__label input { opacity: 0; position: absolute; } .filter__label input:checked ~ .filter__option-title { color: #1a73e8; } .filter__label input:checked ~ .filter__option-title::before { background: #1a73e8; border-color: #1a73e8; } .filter__label input:focus ~ .filter__option-title::before { box-shadow: 0 0 5px #1a73e8; } .filter__option-title { flex: 1 1 auto; line-height: 15px; padding: 1px 0 0 24px; position: relative; } .filter__option-title::before { background: #fff; border: 2px #9aa0a6 solid; border-radius: 3px; content: ''; height: 16px; left: 0; position: absolute; top: 1px; width: 16px; } .filter__option-title::after { border-bottom: 2px #fff solid; border-left: 2px #fff solid; content: ''; height: 5px; left: 3px; position: absolute; top: 5px; transform: rotate(-50deg); width: 10px; } .filter__option-count { flex: 0 0 auto; font-size: 11px; line-height: 18px; min-width: 28px; text-align: right; } footer { background: #f8f9fa; display: flex; flex-wrap: wrap; margin: 0; min-height: 118px; overflow: hidden; padding: 40px 32px 20px; } @media only screen and (max-width: 767px) { footer { min-height: unset; overflow: unset; padding: 40px 32px; } } .footer__logo { float: left; margin: 0 55px 0 0; } @media only screen and (max-width: 1080px) { .footer__logo { flex: 0 0 90%; } } .footer__logo:hover { border: none; } .footer__logo svg { fill: #5f6368; height: 28px; width: 86px; } .footer__links { display: flex; flex: 2 0 auto; flex-wrap: wrap; } @media only screen and (max-width: 767px) { .footer__links { display: block; padding: 15px 0; width: 100%; } } .footer__tertiary { display: inline-block; flex: 0 0 auto; } .footer__tertiary .footer__link { margin: 0 0 15px 30px; } @media only screen and (max-width: 767px) { .footer__tertiary .footer__link { margin: 0 30px 0 0; } } .footer__link { border: none; display: inline-block; line-height: 28px; margin: 0 30px 15px 0; transition: color .4s linear; } @media only screen and (max-width: 767px) { .footer__link { clear: left; margin: 0 30px 0 0; } } .footer__link:hover { border: none; } .footer__link--support { float: right; } .footer__link--support svg { color: #202124; height: 24px; margin: 0 5px 0 0; vertical-align: middle; width: 24px; } .footer__language { appearance: none; background: #f8f9fa url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzU0NTQ1NCI+PHBhdGggZD0iTTcgMTBsNSA1IDUtNXoiPjwvcGF0aD48L3N2Zz4=') right 50% no-repeat; border: none; color: #5f6368; display: inline-block; font-size: 14px; font-weight: 400; height: 28px; line-height: 22.7px; margin: 0; padding: 0 24px 0 2px; text-overflow: ellipsis; white-space: pre-wrap; width: auto; } .footer__language:focus { background-color: #f1f3f4; color: #202124; outline: 10px solid #f1f3f4; } .gallery.gallery--filtered .gallery__filter-options { font-family: 'Google Sans', Arial, Helvetica, sans-serif; } @media only screen and (max-width: 1080px) { .gallery.gallery--filtered .gallery__filter-options { column-count: 2; } .gallery.gallery--filtered .gallery__filter-options a { display: inline-block; margin-bottom: 0; width: 100%; } } @media only screen and (max-width: 767px) { .gallery.gallery--pub .gallery__item, .gallery.gallery--bar .gallery__item { padding: 0; } } .gallery__ctas { margin-top: 0; text-align: center; } .gallery__ctas .button { margin: 0 10px; } .gallery__ctas .button:first-of-type { margin-left: 0; margin-top: 25px; } @media only screen and (max-width: 767px) { .gallery__ctas .button:first-of-type { margin-top: 35px; } .gallery__ctas .button + .button { margin-top: 15px; } } .gallery.gallery--bar.compact-bars .gallery__wrapper { padding-left: 0; padding-right: 0; } .gallery.gallery--bar.compact-bars .gallery__wrapper .gallery__item:nth-child(even) { padding-right: 0; } .gallery.gallery--bar.compact-bars .gallery__wrapper .gallery__item:nth-child(odd) { padding-left: 0; } .is-cards-fading-out .gallery__items-wrapper, .is-cards-fading-out .gallery__navigation { opacity: 0; transform: translate3d(0, 20px, 0); transition: opacity .4s, transform .4s cubic-bezier(.4, 0, .2, 1); } .is-cards-fading-in .gallery__items-wrapper { opacity: 1; transition: none; } .is-cards-fading-in .gallery__navigation { opacity: 1; transition: opacity .4s linear .2s, transform .4s cubic-bezier(.4, 0, .2, 1) .2s; } .is-cards-fading-in .gallery__item.is-active { animation: card-fade-in .4s 1 both cubic-bezier(.4, 0, .2, 1); } @media only screen and (min-width: 768px) { .gallery--pub .gallery__item { margin-bottom: 0; margin-top: 0; } } .gallery--pub.gallery--1-columns .gallery__item:hover { transition: z-index .01s .4s; z-index: 30; } .gallery--person .gallery__item:empty { display: none; } .gallery--person.gallery--center .gallery__wrapper { justify-content: center; } .gallery--person.gallery--center .gallery__item:last-child { margin-right: 0; } .gallery--random { opacity: 0; pointer-events: none; } .gallery--random.is-randomized, .gallery--random.is-randomized.is-limited { opacity: 1; pointer-events: auto; } .gallery--random.gallery--random-limited { opacity: 0; pointer-events: none; } .gallery--1-row .gallery__item:nth-of-type(4) ~ .gallery__item { opacity: 0; position: absolute; visibility: hidden; } .gallery--1-row.show-all .gallery__item { opacity: 1 !important; position: relative !important; visibility: visible !important; } .gallery--1-row.show-all .button--view-all { display: none; } .gallery--2-rows .gallery__item:nth-of-type(8) ~ .gallery__item { opacity: 0; position: absolute; visibility: hidden; } .gallery--2-rows.show-all .gallery__item { opacity: 1 !important; position: relative !important; visibility: visible !important; } .gallery--2-rows.show-all .button--view-all { display: none; } .gallery--variable.gallery--view-more .gallery__item:nth-of-type(7) ~ .gallery__item { opacity: 0; position: absolute; visibility: hidden; } .gallery--variable.gallery--view-more.show-all .gallery__item { opacity: 1 !important; position: relative !important; visibility: visible !important; } .gallery--variable.gallery--view-more.show-all .button--view-all { display: none; } .gallery--5-columns .gallery__item { margin-right: 4.1666666667%; } .gallery--5-columns .gallery__item:nth-of-type(5n) { margin-right: 0; } @media only screen and (max-width: 767px) { .gallery--5-columns .gallery__item { margin-right: 0; } } .gallery--filtered .gallery__item { display: none; } .gallery--filtered .gallery__item.is-active { display: block; } .gallery--filtered .gallery__filters { position: relative; } @media only screen and (min-width: 1081px) { .gallery--filtered .gallery__filters.is-fixed .gallery__filters-container { max-width: 210px; position: fixed; top: 120px; } } @media only screen and (min-width: 1081px) { .gallery--filtered .gallery__filters.is-absolute .gallery__filters-container { bottom: 100px; position: absolute; top: auto; } } .gallery--filtered .gallery__filters a { color: #80868b; display: block; font-weight: 400; line-height: 1.4; margin: 12px 0; text-decoration-color: rgb(128 134 139 / 0); } .gallery--filtered .gallery__filters a:hover { text-decoration-color: #80868b; } .gallery--filtered .gallery__filters a.is-active { color: #1a73e8; text-decoration-color: rgb(26 115 232 / 0); } .gallery--filtered .gallery__filters a.is-active:hover { text-decoration-color: #1a73e8; } .gallery--filtered .gallery__filter-back-to-top a { color: #1a73e8; margin-top: 5em; text-decoration-color: rgb(26 115 232 / 0); } .gallery--filtered .gallery__filter-back-to-top a:hover { text-decoration-color: #1a73e8; } @media only screen and (max-width: 1080px) { .gallery--filtered .gallery__filter-back-to-top { display: none; } } .gallery.gallery--sections.gallery--filtered { padding: 0; } @media only screen and (min-width: 1281px) { .gallery.gallery--sections.gallery--filtered .gallery__filters { margin-left: 8.333333%; } } @media only screen and (max-width: 1280px) { .gallery.gallery--sections.gallery--filtered .gallery__filters { margin-right: 8.333333%; } } .gallery.gallery--sections.gallery--filtered .gallery__navigation { padding: 21px 0; } .gallery.gallery--sections.gallery--filtered .gallery__navigation--previous { float: left; } @media only screen and (max-width: 767px) { .gallery.gallery--sections.gallery--filtered .gallery__navigation--previous { display: none; } } .gallery.gallery--sections.gallery--filtered .gallery__navigation--next { float: right; text-align: right; } .gallery.gallery--sections.gallery--filtered .gallery__navigation::before { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin: 0 auto 21px; opacity: .5; width: 100%; } .gallery.gallery--sections.gallery--filtered .gallery__navigation a { cursor: pointer; line-height: 16px; opacity: 0; pointer-events: none; text-decoration: none; transform: opacity .4s linear; } .gallery.gallery--sections.gallery--filtered .gallery__navigation a:hover { text-decoration: none; } .gallery.gallery--sections.gallery--filtered .gallery__navigation a:hover span:last-child { text-decoration-color: #1a73e8; } .gallery.gallery--sections.gallery--filtered .gallery__navigation a.is-visible { opacity: 1; pointer-events: auto; } .gallery.gallery--sections.gallery--filtered .gallery__navigation a span { display: block; } .gallery.gallery--sections.gallery--filtered .gallery__navigation a span:last-child { text-decoration: underline; text-decoration-color: #fff; transition: text-decoration-color .25s linear, color .25s linear; } .gallery.gallery--sections.gallery--filtered .article__wrapper { padding: 0; } header { background-color: rgb(255 255 255 / .75); border-bottom: 0 solid #fff; height: 65px; position: fixed; transition: border-color .75s cubic-bezier(.4, 0, .2, 1), background-color .75s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1); width: 100%; will-change: transform; z-index: 1000; } @media only screen and (max-width: 767px) { header { height: 56px; width: 100%; } } header.not-on-top { background-color: #fff; border-bottom: 1px solid #f1f3f4; } header.header--nested { height: 113px; } @media only screen and (max-width: 767px) { header.header--nested { height: 56px; } } header.header--nested.is-scrolled { transform: translate3d(0, -113px, 0); } @media only screen and (max-width: 767px) { header.header--nested.is-scrolled { transform: none; } } header.is-scrolled { transform: translate3d(0, -65px, 0); } @media only screen and (max-width: 767px) { header.is-scrolled { transform: none; } } .header__top { align-items: center; display: flex; flex-direction: row; height: 65px; } @media only screen and (max-width: 767px) { .header__top { height: 56px; } } .header--nested .header__top { box-shadow: inset 0 -1px 0 0 #dadce0; } @media only screen and (max-width: 767px) { .header--nested .header__top { box-shadow: none; } } .header__lockup { align-items: center; display: flex; height: 100%; margin-left: 24px; margin-right: 30px; } @media only screen and (max-width: 767px) { .header__lockup { margin-left: 0; } } .header__lockup .off-screen { clip: rect(1px, 1px, 1px, 1px); color: #000; height: 1px; margin: 0; overflow: hidden; position: absolute !important; user-select: none; user-select: none; user-select: none; user-select: none; width: 1px; } .header__logo { height: 24px; width: 171px; } .header__logo svg { height: 24px; width: 171px; } .header__product { display: inline; -webkit-font-smoothing: antialiased; margin-left: 6px; padding: 4px 0; text-rendering: optimizelegibility; } .header__nav { font-family: 'Google Sans', Arial, Helvetica, sans-serif; margin-left: 30px; z-index: 2; } @media only screen and (max-width: 767px) { .header__nav { background: #fff; display: unset; height: 100vh; left: -280px; margin: 0; margin-top: 56px; overflow-y: auto; padding-bottom: 12px; position: fixed; top: 0; transform: translateX(0); transition: transform .5s cubic-bezier(.4, 0, .2, 1); width: 280px; will-change: transform; } } @media only screen and (max-width: 767px) { header.is-open .header__nav { transform: translateX(100%); } } .header__nav .header__lockup { display: none; } .header__items { display: flex; padding-top: 3px; white-space: nowrap; } @media only screen and (max-width: 767px) { .header__items { flex-direction: column; padding: 0; } } .header__item { display: inline-block; margin: 0 0 0 36px; } @media only screen and (max-width: 767px) { .header__item { display: block; margin: 0; } } .header__item:first-child { margin-left: 0; } .header__link { border: none; color: #5f6368; display: block; line-height: 62px; overflow: hidden; position: relative; transition: color .25s linear; } @media only screen and (max-width: 767px) { .header__link { display: block; line-height: 48px; padding: 0 24px; } } .header__link.header__link--active { color: #000; } @media only screen and (max-width: 767px) { .header__link.header__link--active { background: #f1f3f4; } } .header__link.header__link--active::after { background: #80868b; bottom: 0; content: ''; height: 2px; left: 0; opacity: 1; position: absolute; transform: translateY(0); width: 100%; } @media only screen and (max-width: 767px) { .header__link.header__link--active::after { display: none; } } .header__link:hover { border: none; color: #000; } .header__link:hover::after { transform: translateY(0); } .header__link:focus { outline: none; } @media only screen and (max-width: 767px) { .header__link:focus { background: #f8f9fa; } } .header__link:focus::after { transform: translateY(0); } .header__link::after { background: #1a73e8; bottom: 0; content: ''; height: 2px; left: 0; opacity: 1; position: absolute; transform: translateY(100%); transition: transform .25s cubic-bezier(.4, 0, .2, 1); width: 100%; } @media only screen and (max-width: 767px) { .header__link::after { display: none; } } .header__children { bottom: 0; height: 48px; position: absolute; } @media only screen and (max-width: 1080px) { .header__children { left: 208px; } } @media only screen and (max-width: 767px) { .header__children { height: auto; left: 0; position: relative; } } .header__children .header__link { display: inline-block; line-height: 48px; margin: 0 0 0 36px; } @media only screen and (max-width: 767px) { .header__children .header__link { display: block; margin: 0; padding: 0 24px 0 36px; } } @media only screen and (min-width: 768px) { .header__children .header__link { margin: 0 0 0 19px; } } .header__children .header__link:first-child { margin-left: 0; } .header__hamburger { align-items: center; display: none; float: left; height: 100%; padding: 10px 19px; width: 56px; } @media only screen and (max-width: 767px) { .header__hamburger { display: flex; } } .header__hamburger:hover { border: none; } .header__hamburger:focus { outline: none; } .header__hamburger:focus::after { opacity: 1; } .header__hamburger::after { background: #f1f3f4; border-radius: 50%; content: ''; height: 42px; left: 7px; opacity: 0; position: absolute; top: 6px; width: 42px; z-index: -1; } .header__hamburger .header__hamburger-burger { background: #5f6368; display: block; height: 2px; width: 100%; } .header__hamburger .header__hamburger-burger::before, .header__hamburger .header__hamburger-burger::after { background: #5f6368; content: ''; display: block; height: 2px; width: 100%; } .header__hamburger .header__hamburger-burger::before { transform: translateY(-5px); } .header__hamburger .header__hamburger-burger::after { transform: translateY(3px); } .header__overlay { background: rgb(0 0 0 / 0); display: none; height: 100vh; pointer-events: none; position: absolute; transition: background .5s; width: 100vw; z-index: 1; } @media only screen and (max-width: 767px) { .header__overlay { display: block; } } header.is-open .header__overlay { background: rgb(0 0 0 / .4); pointer-events: auto; } .icon { background: center/contain no-repeat transparent; display: inline-block; height: 24px; width: 24px; } .icon--expandable, .icon--right-arrow { height: 16px; position: absolute; right: 25px; top: 23px; width: 16px; } .icon--expandable { background-image: url('/static/images/icons/icon-expand.svg'); } .icon--expandable-close, .bar__bar.is-active .icon--expandable { background-image: url('/static/images/icons/icon-expand-close.svg'); transform: rotate(180deg); } .icon--right-arrow { background-image: url('/static/images/icons/icon-arrow.svg'); } .icon--full-time { background-image: url('/static/images/icons/join-us/full-time.svg'); } .icon--internship { background-image: url('/static/images/icons/join-us/internship.svg'); } .icon--program { background-image: url('/static/images/icons/join-us/program.svg'); } .icon--algorithms-and-theory { background-image: url('/static/images/icons/research-areas/algorithms-and-theory.svg'); } .icon--data-management { background-image: url('/static/images/icons/research-areas/data-management.svg'); } .icon--data-mining-and-modeling { background-image: url('/static/images/icons/research-areas/data-mining-and-modeling.svg'); } .icon--distributed-systems-and-parallel-computing { background-image: url('/static/images/icons/research-areas/distributed-systems-and-parallel-computing.svg'); } .icon--economics-and-electronic-commerce { background-image: url('/static/images/icons/research-areas/economics-and-electronic-commerce.svg'); } .icon--education-innovation { background-image: url('/static/images/icons/research-areas/education-innovation.svg'); } .icon--general-science { background-image: url('/static/images/icons/research-areas/general-science.svg'); } .icon--hardware-and-architecture { background-image: url('/static/images/icons/research-areas/hardware-and-architecture.svg'); } .icon--human-computer-interaction-and-visualization { background-image: url('/static/images/icons/research-areas/human-computer-interaction-and-visualization.svg'); } .icon--information-retrieval-and-the-web { background-image: url('/static/images/icons/research-areas/information-retrieval-and-the-web.svg'); } .icon--machine-intelligence { background-image: url('/static/images/icons/research-areas/machine-intelligence.svg'); } .icon--machine-perception { background-image: url('/static/images/icons/research-areas/machine-perception.svg'); } .icon--machine-translation { background-image: url('/static/images/icons/research-areas/machine-translation.svg'); } .icon--mobile-systems { background-image: url('/static/images/icons/research-areas/mobile-systems.svg'); } .icon--natural-language-processing { background-image: url('/static/images/icons/research-areas/natural-language-processing.svg'); } .icon--networking { background-image: url('/static/images/icons/research-areas/networking.svg'); } .icon--quantum-computing { background-image: url('/static/images/icons/research-areas/quantum-computing.svg'); } .icon--robotics { background-image: url('/static/images/icons/research-areas/robotics.svg'); } .icon--security-privacy-and-abuse-prevention { background-image: url('/static/images/icons/research-areas/security-privacy-and-abuse-prevention.svg'); } .icon--software-engineering { background-image: url('/static/images/icons/research-areas/software-engineering.svg'); } .icon--software-systems { background-image: url('/static/images/icons/research-areas/software-systems.svg'); } .icon--speech-processing { background-image: url('/static/images/icons/research-areas/speech-processing.svg'); } .icon--connectomics { background-image: url('/static/images/icons/research-areas-sub/connectomics.svg'); } .icon--healthcare { background-image: url('/static/images/icons/research-areas-sub/healthcare.svg'); } .icon--translation-nlu { background-image: url('/static/images/icons/research-areas-sub/translation-nlu.svg'); } .icon--speech-language-alg { background-image: url('/static/images/icons/research-areas-sub/speech-language-alg.svg'); } .icon--dialog-nlu { background-image: url('/static/images/icons/research-areas-sub/dialog-nlu.svg'); } .icon--i18n { background-image: url('/static/images/icons/research-areas-sub/i18n.svg'); } .icon--question-answering { background-image: url('/static/images/icons/research-areas-sub/question-answering.svg'); } .icon--sensitive-content { background-image: url('/static/images/icons/research-areas-sub/sensitive-content.svg'); } .icon--summarization-nlu { background-image: url('/static/images/icons/research-areas-sub/summarization-nlu.svg'); } .icon--doc-understanding { background-image: url('/static/images/icons/research-areas-sub/doc-understanding.svg'); } .icon--language-and-vision { background-image: url('/static/images/icons/research-areas-sub/language-and-vision.svg'); } .icon--large-scale-ml { background-image: url('/static/images/icons/research-areas-sub/large-scale-ml.svg'); } .icon--pair-team { background-image: url('/static/images/icons/research-areas-sub/pair-team.svg'); } .icon--climate-energy { background-image: url('/static/images/icons/research-areas-sub/climate-energy.svg'); } .icon--coauthor { background-image: url('/static/images/icons/research-areas-sub/coauthor.svg'); } .icon--online-clustering { background-image: url('/static/images/icons/research-areas-sub/online-clustering.svg'); } .icon--magenta-music { background-image: url('/static/images/icons/research-areas-sub/magenta-music.svg'); } .icon--bio-images { background-image: url('/static/images/icons/research-areas-sub/bio-images.svg'); } .icon--predicting-results { background-image: url('/static/images/icons/research-areas-sub/predicting-results.svg'); } .icon--quantum-neural { background-image: url('/static/images/icons/research-areas-sub/quantum-neural.svg'); } .icon--qubit-metrology { background-image: url('/static/images/icons/research-areas-sub/qubit-metrology.svg'); } .icon--qubit-processors { background-image: url('/static/images/icons/research-areas-sub/qubit-processors.svg'); } .icon--quantum-opt { background-image: url('/static/images/icons/research-areas-sub/quantum-opt.svg'); } .icon--understanding-places { background-image: url('/static/images/icons/research-areas-sub/understanding-places.svg'); } .icon--info-retrieval { background-image: url('/static/images/icons/research-areas-sub/info-retrieval.svg'); } .icon--combinatorial-ml { background-image: url('/static/images/icons/research-areas-sub/combinatorial-ml.svg'); } .icon--scalable-matching { background-image: url('/static/images/icons/research-areas-sub/scalable-matching.svg'); } .icon--ml-for-assistance { background-image: url('/static/images/icons/research-areas-sub/ml-for-assistance.svg'); } .icon--gas { background-image: url('/static/images/icons/research-areas-sub/gas.svg'); } .icon--supervised-ml { background-image: url('/static/images/icons/research-areas-sub/supervised-ml.svg'); } .icon--glassbox { background-image: url('/static/images/icons/research-areas-sub/glassbox.svg'); } .icon--adanets { background-image: url('/static/images/icons/research-areas-sub/adanets.svg'); } .icon--ml-model-comp-for-mobile { background-image: url('/static/images/icons/research-areas-sub/ml-model-comp-for-mobile.svg'); } .icon--dataset-search { background-image: url('/static/images/icons/research-areas-sub/dataset-search.svg'); } .icon--media-understanding { background-image: url('/static/images/icons/research-areas-sub/media-understanding.svg'); } .icon--security-fraud-and-automation { background-image: url('/static/images/icons/team-security/ic-fraud-and-automation-24px.svg'); } .icon--security-malicious-software { background-image: url('/static/images/icons/team-security/ic-malicious-software-24px.svg'); } .icon--security-protecting-user-data { background-image: url('/static/images/icons/team-security/ic-protecting-user-data-24px.svg'); } .icon--security-spam { background-image: url('/static/images/icons/team-security/ic-spam-24px.svg'); } .icon--security-trustworthy { background-image: url('/static/images/icons/team-security/ic-trustworthy-24px.svg'); } .icon--security-usability { background-image: url('/static/images/icons/team-security/ic-usability-24px.svg'); } .icon--info { background-image: url('/static/images/icons/icon-info.svg'); } .icon--close { background-image: url('/static/images/icons/icon-close.svg'); } .icon--download { background-image: url('/static/images/icons/icon-download.svg'); } .icon--google-scholar { background-image: url('/static/images/icons/icon-google-scholar.svg'); } .icon--copy { background-image: url('/static/images/icons/icon-copy.svg'); } .icon--copied, .card__link-copy-bibtex.is-succeed { background-image: url('/static/images/icons/icon-copied.svg'); } .icon--location { background-image: url('/static/images/icons/icon-location.svg'); } .icon--ai-plus { background-image: url('/static/images/icons/team-cloud/ai-plus.svg'); } .icon--augmented-learning { background-image: url('/static/images/icons/team-cloud/augmented-learning.svg'); } .icon--automated-e2e { background-image: url('/static/images/icons/team-cloud/automated-e2e.svg'); } .icon--cloud-ai-lab { background-image: url('/static/images/icons/team-cloud/cloud-ai-lab.svg'); } .icon--cloud-Iot-robotics { background-image: url('/static/images/icons/team-cloud/cloud-Iot-robotics.svg'); } .icon--core-learning { background-image: url('/static/images/icons/team-cloud/core-learning.svg'); } .icon--facilitate-better-communic { background-image: url('/static/images/icons/team-cloud/facilitate-better-communic.svg'); } .icon--federated-learning { background-image: url('/static/images/icons/team-cloud/federated-learning.svg'); } .icon--high-cap-ai-systems { background-image: url('/static/images/icons/team-cloud/high-cap-ai-systems.svg'); } .icon--human-machine-systems { background-image: url('/static/images/icons/team-cloud/human-machine-systems.svg'); } .icon--intelligent-interactions { background-image: url('/static/images/icons/team-cloud/intelligent-interactions.svg'); } .icon--machine-understanding { background-image: url('/static/images/icons/team-cloud/machine-understanding.svg'); } .icon--wan-design { background-image: url('/static/images/icons/team-network/wan-design.svg'); } .icon--congestion-control { background-image: url('/static/images/icons/team-network/congestion-control.svg'); } .icon--data-center { background-image: url('/static/images/icons/team-network/data-center.svg'); } .icon--high-velocity { background-image: url('/static/images/icons/team-network/high-velocity.svg'); } .icon--net-mgmt { background-image: url('/static/images/icons/team-network/net-mgmt.svg'); } .icon--prog-pack-processing { background-image: url('/static/images/icons/team-network/prog-pack-processing.svg'); } .icon--sdn { background-image: url('/static/images/icons/team-network/sdn.svg'); } .icon--copy { transition: transform .25s; } .icon--outreach-application-open { background-image: url('/static/images/icons/team-cloud/facilitate-better-communic.svg'); } .icon--outreach-application-opening-soon { background-image: url('/static/images/icons/icon-info.svg'); } .icon--outreach-application-closed { background-image: url('/static/images/icons/team-security/ic-protecting-user-data-24px.svg'); } .pagination { align-items: center; display: flex; justify-content: center; margin-top: 50px; } @media only screen and (max-width: 767px) { .pagination { margin-top: 40px; } } .pagination__wrapper { display: inherit; } .pagination__wrapper span { color: #80868b; font-weight: 700; line-height: 1; margin: 0 .5em; } .pagination__prev, .pagination__next { background: center/contain no-repeat transparent url('/static/images/icons/icon-arrow.svg'); height: 18px; margin: 0 .5em; width: 18px; z-index: 1; } .pagination__prev::after, .pagination__next::after { content: none; } .pagination__prev { transform: rotate(180deg); } .pagination__page-link { color: #80868b; font-family: 'Google Sans', Arial, Helvetica, sans-serif; font-weight: 400; margin: 0 .5em; position: relative; text-align: center; width: 2em; z-index: 1; } .pagination__page-link.is-active { color: #1a73e8; font-weight: 700; } .pagination__page-link.is-active::before { background: #f1f3f4; border-radius: 50%; content: ''; left: 50%; padding-top: 2em; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 2em; z-index: -1; } .person { border: 0; display: inline-block; font-weight: 500; margin-bottom: 30px; text-align: center; width: 100%; } .person:hover { border: 0; } .person__photo { background: center/cover no-repeat #f8f9fa url('/static/images/icons/person-blue.png'); border-radius: 50%; margin: 0 auto; padding-top: 60%; width: 60%; } .group.has-grey-background .person__photo { background-color: #fff; } .person__name { line-height: 22px; margin-top: 15px; } .person__title { line-height: 22px; margin-top: 15px; } .gallery__item:nth-of-type(2n + 1) .person .person__photo { background-image: url('/static/images/icons/person-yellow.png'); } .gallery__item:nth-of-type(3n + 2) .person .person__photo { background-image: url('/static/images/icons/person-red.png'); } .gallery__item:nth-of-type(7n + 5) .person .person__photo { background-image: url('/static/images/icons/person-green.png'); } @media only screen and (max-width: 767px) { .person { margin-bottom: 15px; } } .quote__source { align-items: center; display: flex; margin-top: 15px; } .quote__image { background: center/cover no-repeat #f1f3f4; border-radius: 50%; height: 55px; margin-right: 15px; width: 55px; } .quote__author { display: block; font-weight: 700; } .quote__title { display: block; } @media only screen and (max-width: 767px) { .quote--gallery .quote__source { order: 1; } .quote--gallery .quote__text { order: 2; } } .quote--gallery .quote__text { height: auto; padding: 0 50px; transform: translate(0, -50%); } .quote--gallery .quote__text p:first-of-type::before { content: '&#8220;'; } .quote--gallery .quote__text p:last-of-type::after { content: '&#8221;'; } @media only screen and (max-width: 1080px) { .quote--gallery .quote__text { font-size: 18px; line-height: 29px; transform: translate(0, -25%); } } @media only screen and (max-width: 767px) { .quote--gallery .quote__text { margin-left: auto; margin-top: 30px; padding: 0; transform: none; } } .quote--gallery .quote__source { position: relative; } @media only screen and (max-width: 767px) { .quote--gallery .quote__source { flex-wrap: wrap; } } .quote--gallery .quote__image { border-radius: 0; height: 100%; margin: 0; width: 100%; } .quote--gallery .quote__image::before { content: ''; display: block; padding-top: 100%; width: 100%; } .quote--gallery .quote__details { background: #fff; bottom: 10%; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); left: 40px; padding: 60px 50px; position: absolute; transform: translate(-100%, 0); } .quote--gallery .quote__details::before { background: center/contain no-repeat url('/static/images/icons/quote-line-yellow.png'); content: ''; height: 4px; position: absolute; right: -114px; top: 72px; width: 144px; } @media only screen and (max-width: 1080px) { .quote--gallery .quote__details { bottom: 2%; padding: 30px 50px; } } @media only screen and (max-width: 767px) { .quote--gallery .quote__details { left: 0; margin-left: auto; margin-top: -9vw; padding: 40px 50px; position: relative; transform: none; width: 91.6666666667%; } .quote--gallery .quote__details::before { left: -114px; right: auto; top: 52px; transform: rotate(-90deg) translate(100%, 0); transform-origin: right center; } } .quote--gallery .quote__author { font-weight: 500; } @media only screen and (max-width: 1080px) { .quote--gallery .quote__author { font-size: 18px; line-height: 29px; } } .quote--gallery a.quote__author:hover { color: #1a73e8; } .quote--gallery .quote__title { color: #80868b; } @media only screen and (max-width: 1080px) { .quote--gallery .quote__title { font-size: 16px; line-height: 28px; } } .quote--gallery.quote--left .quote__source { order: 1; } .quote--gallery.quote--left .quote__text { order: 2; } .quote--gallery.quote--left .quote__details { left: auto; right: 40px; transform: translate(100%, 0); } .quote--gallery.quote--left .quote__details::before { background-image: url('/static/images/icons/quote-line-blue.png'); left: -114px; right: auto; } @media only screen and (max-width: 767px) { .quote--gallery.quote--left .quote__details { right: auto; transform: none; } .quote--gallery.quote--left .quote__details::before { transform: rotate(90deg); } } @media only screen and (max-width: 767px) { .quote--gallery.quote--left { margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1080px) { .quote--large .quote__text, .quote--large .quote__title { font-size: 14px; line-height: 22px; } .quote--large .quote__author { font-size: 16px; line-height: 28px; } .quote--large.quote--left { margin-bottom: 14px; } } @media (min-width: 768px) and (max-width: 900px) { .quote--large .quote__text { padding: 0 20px; transform: translate(0, -20%); } .quote--large .quote__details { padding: 20px 50px; } .quote--large .quote__details::before { top: 58px; } } @media (min-width: 901px) { .quote--large .quote__details { bottom: 5%; } } @media (min-width: 1081px) { .quote--large .quote__text { transform: translate(0, -25%); } .quote--large .quote__details { bottom: 5%; padding: 40px 50px; } } @media (min-width: 1081px) and (max-width: 1280px) { .quote--large .quote__text { font-size: 18px; line-height: 29px; } } @media (min-width: 1281px) { .quote--large .quote__text { transform: translate(0, -20%); } } .quote--aside .quote__text { color: #5f6368; font-weight: 500; } @media only screen and (max-width: 767px) { .quote--aside { position: relative; } .quote--aside .quote__text, .quote--aside .quote__source { margin-left: 75px; } .quote--aside .quote__image { left: 0; position: absolute; top: 0; } } q { quotes: '&#8220;' '&#8221;'; } q::before { content: open-quote; } q::after { content: close-quote; } .sort .sort__select { display: inline-block; position: relative; z-index: 1; } .sort .sort__button { background: transparent; border: 0; font-weight: 700; margin: 0; padding: 0; transition: color .25s linear; } .sort .sort__button::after { background: center/contain no-repeat url('/static/images/icons/icon-sort.svg'); content: ''; display: inline-block; height: 5px; margin-left: 5px; vertical-align: middle; width: 8px; } .sort .sort__button:focus { color: #1a73e8; outline: none; } .sort .sort__button.is-active::after { transform: rotate(180deg); } .sort .sort__list { background: #fff; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); display: none; list-style: none; margin: 0 0 0 -20px; padding: 15px 20px; position: absolute; } .sort .sort__list.is-active { display: block; } .sort .sort__option { color: #5f6368; cursor: pointer; font-weight: normal; white-space: nowrap; } .sort .sort__option:hover { text-decoration: underline; } .sort .sort__links { text-transform: uppercase; } .sort .sort__links a { color: #80868b; float: left; font-weight: 400; margin: 0; position: relative; text-align: center; transition: padding .25s cubic-bezier(.4, 0, .2, 1), color .25s linear; width: 15px; } @media only screen and (max-width: 767px) { .sort .sort__links a { display: inline-block; float: none; } } .sort .sort__links a:hover { color: #1a73e8; } .sort .sort__links a::before { background: #f1f3f4; border-radius: 50%; content: ''; left: 50%; opacity: 0; padding-top: 1.8em; position: absolute; top: 50%; transform: translate(-50%, -50%) scale(.8); transition: opacity .25s linear, transform .25s cubic-bezier(.4, 0, .2, 1); width: 1.8em; z-index: -1; } .sort .sort__links a:first-child { margin: 0 3px 0 0; width: 22px; } @media only screen and (max-width: 767px) { .sort.sort--alphabet { overflow-x: scroll; padding: 10px 0; } .sort.sort--alphabet .sort__links { white-space: nowrap; } } .a-is-active a:nth-of-type(2) { color: #1a73e8; font-weight: 700; } .a-is-active a:nth-of-type(2)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .b-is-active a:nth-of-type(3) { color: #1a73e8; font-weight: 700; } .b-is-active a:nth-of-type(3)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .c-is-active a:nth-of-type(4) { color: #1a73e8; font-weight: 700; } .c-is-active a:nth-of-type(4)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .d-is-active a:nth-of-type(5) { color: #1a73e8; font-weight: 700; } .d-is-active a:nth-of-type(5)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .e-is-active a:nth-of-type(6) { color: #1a73e8; font-weight: 700; } .e-is-active a:nth-of-type(6)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .f-is-active a:nth-of-type(7) { color: #1a73e8; font-weight: 700; } .f-is-active a:nth-of-type(7)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .g-is-active a:nth-of-type(8) { color: #1a73e8; font-weight: 700; } .g-is-active a:nth-of-type(8)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .h-is-active a:nth-of-type(9) { color: #1a73e8; font-weight: 700; } .h-is-active a:nth-of-type(9)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .i-is-active a:nth-of-type(10) { color: #1a73e8; font-weight: 700; } .i-is-active a:nth-of-type(10)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .j-is-active a:nth-of-type(11) { color: #1a73e8; font-weight: 700; } .j-is-active a:nth-of-type(11)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .k-is-active a:nth-of-type(12) { color: #1a73e8; font-weight: 700; } .k-is-active a:nth-of-type(12)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .l-is-active a:nth-of-type(13) { color: #1a73e8; font-weight: 700; } .l-is-active a:nth-of-type(13)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .m-is-active a:nth-of-type(14) { color: #1a73e8; font-weight: 700; } .m-is-active a:nth-of-type(14)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .n-is-active a:nth-of-type(15) { color: #1a73e8; font-weight: 700; } .n-is-active a:nth-of-type(15)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .o-is-active a:nth-of-type(16) { color: #1a73e8; font-weight: 700; } .o-is-active a:nth-of-type(16)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .p-is-active a:nth-of-type(17) { color: #1a73e8; font-weight: 700; } .p-is-active a:nth-of-type(17)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .q-is-active a:nth-of-type(18) { color: #1a73e8; font-weight: 700; } .q-is-active a:nth-of-type(18)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .r-is-active a:nth-of-type(19) { color: #1a73e8; font-weight: 700; } .r-is-active a:nth-of-type(19)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .s-is-active a:nth-of-type(20) { color: #1a73e8; font-weight: 700; } .s-is-active a:nth-of-type(20)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .t-is-active a:nth-of-type(21) { color: #1a73e8; font-weight: 700; } .t-is-active a:nth-of-type(21)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .u-is-active a:nth-of-type(22) { color: #1a73e8; font-weight: 700; } .u-is-active a:nth-of-type(22)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .v-is-active a:nth-of-type(23) { color: #1a73e8; font-weight: 700; } .v-is-active a:nth-of-type(23)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .w-is-active a:nth-of-type(24) { color: #1a73e8; font-weight: 700; } .w-is-active a:nth-of-type(24)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .x-is-active a:nth-of-type(25) { color: #1a73e8; font-weight: 700; } .x-is-active a:nth-of-type(25)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .y-is-active a:nth-of-type(26) { color: #1a73e8; font-weight: 700; } .y-is-active a:nth-of-type(26)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .z-is-active a:nth-of-type(27) { color: #1a73e8; font-weight: 700; } .z-is-active a:nth-of-type(27)::before { opacity: 1; transform: translate(-50%, -50%) scale(1); } .sort__links.all-is-active a:first-child { color: #1a73e8; font-weight: 700; } @media only screen and (min-width: 768px) { .page--home .copy .content__subtitle, .page--home .group .content__subtitle { margin-bottom: unset; } } .page--home .copy .content__body, .page--home .group .content__body { color: #80868b; font-weight: inherit; } .page--home .group--default .group__gallery-wrapper .gallery__wrapper { padding: 0; } .page--home .group--pub .group__content-wrapper { align-items: unset; } .page--home .group--pub .group__gallery-wrapper .gallery--pub { width: 100%; } .page--home .group--pub .group__gallery-wrapper .gallery__wrapper { padding: 0; } .page--home .group--pub .group__gallery-wrapper .gallery__wrapper .gallery__ctas { text-align: unset; } @media only screen and (min-width: 768px) { .page--home .copy__title, .page--home .group__title, .page--home .content__title { position: relative; top: -3px; } } @media only screen and (max-width: 767px) { .page--home .copy__title, .page--home .group__title, .page--home .content__title { position: relative; top: -3px; } } .page--home .research-areas .content::before { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin-bottom: 42px; opacity: .5; } @media only screen and (min-width: 768px) { .page--home .featured-work .card .content__title { -webkit-line-clamp: 5; max-height: 7.875em; } } .page--home .featured-work .card .content__title a { color: #3c4043; text-decoration: none; } .page--home .featured-work .card .content__title a:hover { color: #1a73e8; text-decoration: none; } .page--home .teams-people .copy__title, .page--home .teams-people .content__subtitle { color: #ea4335; } @media only screen and (min-width: 768px) { .page--home .teams-people { position: relative; } } .page--home .teams-people .copy__background { background-position: center top; background-repeat: no-repeat; display: block; height: 240px; position: relative; top: -10px; width: 100%; } @media only screen and (max-width: 1080px) { .page--home .teams-people .copy__background { background-position-x: center; top: unset; } } @media only screen and (max-width: 767px) { .page--home .teams-people .copy__background { background-size: unset; margin-top: 20px; top: unset; } } .page--applied-science .energy { position: relative; } .page--applied-science .energy::after { background: bottom left/contain no-repeat transparent url('/static/images/stories/applied/stories_applied_sun.jpg'); bottom: -20%; content: ''; display: block; height: 100%; left: 0; max-width: 320px; position: absolute; width: 20%; z-index: -1; } @media only screen and (max-width: 1080px) { .page--applied-science .energy::after { bottom: -10%; width: 15%; } } @media only screen and (max-width: 767px) { .page--applied-science .energy { padding-bottom: 88%; } .page--applied-science .energy::after { bottom: 0; max-width: none; width: 65%; } } .page--faq .gallery.gallery--filtered { min-height: 400px; } @media only screen and (min-width: 768px) { .page--philosophy .group--quadrants .content__title { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .page--philosophy .group--quadrants .content__title { margin-bottom: 10px; } } .page--philosophy .group--diagrams .card__image { background-color: #fff; background-size: contain; box-shadow: 0 2px 5px 0 rgb(32 33 36 / .05), 0 19px 38px 0 rgb(32 33 36 / .04); } .page--philosophy .group--diagrams .card__image::before { padding-top: 78.5%; } .page--practices main > .article::after { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin: 0 auto; opacity: .5; transform: translateX(-3vw); width: 56vw; } @media only screen and (min-width: 1348px) { .page--practices main > .article::after { transform: translateX(-56px); width: 758px; } } @media only screen and (max-width: 1080px) { .page--practices main > .article::after { display: none; } } .page--practices main > .article .article-side .article-side__card { margin-left: 0; } @media only screen and (max-width: 1080px) { .page--practices main > .article + .group { padding-top: 0; } } @media only screen and (min-width: 1081px) { .page--practices .gallery__filters-container { width: 210px; } } .page--practices .gallery__filter-title { font-size: 16px; font-weight: 700; line-height: 1.4; max-width: 175px; } @media only screen and (max-width: 1080px) { .page--practices .gallery__filter-title { font-size: 14px; font-weight: 400; margin: 0 calc(20px + 1.09375vw + 8vw); max-width: none; } } @media only screen and (max-width: 767px) { .page--practices .gallery__filter-title { margin: 0 calc(20px + 1.09375vw); } } .page--practices .gallery__item { width: 100%; } .page--practices .gallery__item .article--border-top::before, .page--practices .gallery__item .page--sg-guide .article--social-good-guide .article__content::before, .page--sg-guide .article--social-good-guide .page--practices .gallery__item .article__content::before { left: 0; margin: 60px 12px; position: relative; width: calc(100% - 24px); } @media only screen and (max-width: 767px) { .page--practices .gallery__item .article--border-top::before, .page--practices .gallery__item .page--sg-guide .article--social-good-guide .article__content::before, .page--sg-guide .article--social-good-guide .page--practices .gallery__item .article__content::before { margin: 60px auto; width: calc(100vw - 48px); } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered { position: relative; } } .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters { margin-right: 0; } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters { height: 100px; margin-bottom: 40px; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters.is-fixed .gallery__filters-container { left: 0; margin-top: 0; position: fixed; top: 0; transform: translate3d(0, 0, 0); z-index: 90; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters.is-fixed .gallery__filters-container { top: 56px; } } @media only screen and (max-width: 1348px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filters-container { max-width: 160px; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filters-container { background: #f8f9fa; left: -20px; max-width: none; padding: 25px 0 5px; position: absolute; top: 100px; transform: translate3d(0, -100px, 0); transition: transform .4s cubic-bezier(.4, 0, .2, 1); width: 100vw; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filters-container { top: 0; transform: none; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options { column-count: initial; overflow-x: auto; padding: 10px 0; white-space: nowrap; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a { color: #1a73e8; display: inline-block; font-size: 14px; margin: 0 20px 0 0; overflow: hidden; width: auto; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a:hover { text-decoration-color: #1a73e8; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a:first-child { margin-left: calc(20px + 1.09375vw + 8vw); width: 50px; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a:first-child { margin-left: calc(20px + 1.09375vw); } } .page--practices .gallery.gallery--sections.gallery--filtered .article__wrapper { padding: 40px 14px; } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .article__wrapper { padding: 40px 10px; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .article__wrapper { padding: 0; } } @media only screen and (max-width: 1080px) { .page--practices header:not(.is-scrolled) + main .gallery__filters.is-fixed .gallery__filters-container { transform: translate3d(0, 64px, 0) !important; } } @media only screen and (max-width: 767px) { .page--practices header:not(.is-scrolled) + main .gallery__filters.is-fixed .gallery__filters-container { transform: none !important; } } .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title { padding: unset; } .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title.sub-title .content__header::before { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin: 25px auto; opacity: .5; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title.sub-title .content__header::before { display: none; } } .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .copy__wrapper { display: block; padding: 0 14px; } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .copy__wrapper { padding: 0 20px; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .copy__wrapper { margin-bottom: 10px; padding: 0 5px; } } .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .content { flex: none !important; margin-bottom: 30px; margin-left: unset; margin-top: 30px; max-width: unset !important; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .content { margin: 0; padding-left: 0; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .content { margin: 0; padding-left: 0; } } .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .content .content__title { font-size: 29px; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .content .content__title { font-size: 22px; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .content__body { margin: 30px 0; } } .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .copy__title { flex: unset; margin-left: unset; max-width: unset; } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .copy__title { padding-left: 0; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .copy.copy--title .copy__title { margin-top: 0; } } .page--practices .gallery.gallery--sections.gallery--filtered .article.intro .article__wrapper { padding: 0 12px; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .article.intro .article__wrapper { margin-bottom: 20px; padding: 0; } } .page--practices .gallery.gallery--sections.gallery--filtered .article.recommmended-practices-intro .article__wrapper { padding-bottom: 0; } .page--practices .gallery.gallery--sections.gallery--filtered .article.recommmended-practices-intro .content__header:last-child .content__title { margin-bottom: -10px; } .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper { padding-left: 14px; padding-right: 0; } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper { padding: 0; } } .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper .group__content { flex: 1; margin-bottom: 0; max-width: 100%; width: 100%; } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper .group__content { margin-left: 0; padding: 10px 20px; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper .group__content { padding: 0 6px; } } .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper .group__content .content__title { font-size: 26px; line-height: 30px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper .group__content .content__title { font-size: 18px; margin-left: 0; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .group .group__content-wrapper .group__content .content__title { margin-left: 0; } } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper { padding: 0; } } .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--bar .gallery__wrapper { margin-left: 0 !important; max-width: 100% !important; width: 100%; } .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--bar .gallery__wrapper .gallery__item { padding-left: 0; padding-right: 0; } .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--image-card .gallery__wrapper { max-width: 100% !important; padding: 0 !important; width: 100%; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--image-card .gallery__wrapper { margin-left: 0; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--image-card .gallery__wrapper { margin: 0; padding: 0; } } @media only screen and (min-width: 768px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--image-card .gallery__wrapper .gallery__item .card--default { height: 396px; } } .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper { max-width: 100% !important; padding: 0 !important; width: 100%; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper { margin-left: 0; } } @media only screen and (max-width: 1080px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper { margin: 0; padding: 0; } } @media only screen and (min-width: 768px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper .gallery__item .card--default { height: 260px; } } .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper .gallery__item .card--default .content { height: 100%; } @media only screen and (max-width: 767px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper .gallery__item .card--default .content { margin-left: 0; } } @media only screen and (min-width: 768px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper .gallery__item .card--default .content .content__ctas { margin-top: auto; } } .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card .gallery__wrapper .gallery__item .card--default .content .content__ctas .link--arrow { display: block; font-size: 14px; line-height: 18px; padding: 2px 0; } @media only screen and (min-width: 768px) { .page--practices .gallery.gallery--sections.gallery--filtered .group__gallery-wrapper .gallery--content-card.long-cards .gallery__wrapper .gallery__item .card--default { height: 380px; } } .page--principles .article.objectives .article__wrapper { padding-bottom: 0; } .page--principles .article.objective.article--wide .article__wrapper { padding-bottom: 15px; padding-top: 15px; } .page--principles .article.objective.article--wide .article__wrapper .content__title { border-bottom: solid 1px #dadce0; font-size: 26px; font-weight: 500; margin-bottom: 20px; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .page--principles .article.objective.article--wide .article__wrapper .content__title { font-size: 20px; } } .page--publication .hero .content__body .venue { padding-top: 5px; } .page--publication .hero .content__body ol, .page--publication .hero .content__body ul { margin: 0; padding: 0; } .page--publication .hero .content__body ol li, .page--publication .hero .content__body ul li { color: #5f6368; display: inline-block; margin: 0; padding: 0; } .page--publication .hero .content__body ol li:not(:last-child)::after, .page--publication .hero .content__body ul li:not(:last-child)::after { content: ', '; padding-left: 2px; padding-right: 2px; } .page--publication .hero .content__body ol li a, .page--publication .hero .content__body ul li a { color: #5f6368; font-weight: normal; text-decoration: underline; text-decoration-color: #5f6368; } .page--publication .links { padding: 0 0 10px; } .page--publication .links .button--light, .page--publication .links .has-dark-background .button, .has-dark-background .page--publication .links .button { background-color: #1a73e8; border-color: #1a73e8; } .page--publication .links .button--light .icon, .page--publication .links .has-dark-background .button .icon, .has-dark-background .page--publication .links .button .icon { filter: brightness(100); } .page--publication .links .button--light:hover, .page--publication .links .has-dark-background .button:hover, .has-dark-background .page--publication .links .button:hover { background: #fff; border-color: #1a73e8 !important; } .page--publication .links .button--light:hover .icon, .page--publication .links .has-dark-background .button:hover .icon, .has-dark-background .page--publication .links .button:hover .icon { filter: brightness(0); } .page--publication .links .button--light:active, .page--publication .links .has-dark-background .button:active, .has-dark-background .page--publication .links .button:active { background: #f8f9fa; color: #1a73e8; } .page--quantum .quantum--tools .card--default .content.content--long-title .content__title { -webkit-line-clamp: 6; max-height: 8.6em; } .page--quantum .quantum--tools .gallery__item .card--default .card__image { background-color: #fff; background-position: bottom right; background-size: contain; } .page--quantum .quantum--quantumcasts .card--default { height: 470px; } @media only screen and (max-width: 767px) { .page--quantum .quantum--quantumcasts .card--default { height: 350px; } .page--quantum .quantum--quantumcasts .card--default .card__image { background-position-x: 75%; } } .page--quantum .quantum--our-work .card--default .card__image { background-position-y: 75%; } .page--sg-guide main { font-size: 14px; line-height: 26px; } .page--sg-guide .hero__background { background-position: right top; } .page--sg-guide .hero__wrapper { padding: 0 !important; } .page--sg-guide main > .article::after { background-image: linear-gradient(to right, #9aa0a6 33%, rgb(255 255 255 / 0) 0%); background-position: bottom; background-repeat: repeat-x; background-size: 6px 2px; content: ''; display: block; height: 2px; margin: 0 auto; opacity: .5; transform: translateX(-3vw); width: 56vw; } @media only screen and (min-width: 1348px) { .page--sg-guide main > .article::after { transform: translateX(-56px); width: 758px; } } @media only screen and (max-width: 1080px) { .page--sg-guide main > .article::after { display: none; } } @media only screen and (max-width: 1080px) { .page--sg-guide main > .article + .group { padding-top: 0; } } @media only screen and (min-width: 1081px) { .page--sg-guide .gallery__filters-container { width: 210px; } } .page--sg-guide .gallery__filter-title { font-size: 16px; font-weight: 700; line-height: 1.4; max-width: 175px; } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery__filter-title { font-size: 14px; font-weight: 400; margin: 0 calc(20px + 1.09375vw + 8vw); max-width: none; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery__filter-title { margin: 0 calc(20px + 1.09375vw); } } .page--sg-guide .gallery__item { width: 100%; } .page--sg-guide .gallery__item .article--border-top::before, .page--sg-guide .gallery__item .article--social-good-guide .article__content::before, .page--sg-guide .article--social-good-guide .gallery__item .article__content::before { left: 0; margin: 60px 12px; position: relative; width: calc(100% - 24px); } @media only screen and (max-width: 767px) { .page--sg-guide .gallery__item .article--border-top::before, .page--sg-guide .gallery__item .article--social-good-guide .article__content::before, .page--sg-guide .article--social-good-guide .gallery__item .article__content::before { margin: 60px auto; width: calc(100vw - 48px); } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered { position: relative; } } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters { margin-right: 0; } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters { height: 100px; margin-bottom: 40px; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters.is-fixed .gallery__filters-container { left: 0; margin-top: 0; position: fixed; top: 0; transform: translate3d(0, 0, 0); z-index: 90; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters.is-fixed .gallery__filters-container { top: 56px; } } @media only screen and (max-width: 1348px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filters-container { max-width: 160px; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filters-container { background: #f8f9fa; left: -20px; max-width: none; padding: 25px 0 5px; position: absolute; top: 100px; transform: translate3d(0, -100px, 0); transition: transform .4s cubic-bezier(.4, 0, .2, 1); width: 100vw; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filters-container { top: 0; transform: none; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options { column-count: initial; overflow-x: scroll; padding: 10px 0; white-space: nowrap; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a { color: #1a73e8; display: inline-block; font-size: 14px; margin: 0 20px 0 0; overflow: hidden; width: auto; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a:hover { text-decoration-color: #1a73e8; } } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a:first-child { margin-left: calc(20px + 1.09375vw + 8vw); width: 50px; } } @media only screen and (max-width: 767px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filters .gallery__filter-options a:first-child { margin-left: calc(20px + 1.09375vw); } } @media only screen and (max-width: 1080px) { .page--sg-guide header:not(.is-scrolled) + main .gallery__filters.is-fixed .gallery__filters-container { transform: translate3d(0, 64px, 0) !important; } } @media only screen and (max-width: 767px) { .page--sg-guide header:not(.is-scrolled) + main .gallery__filters.is-fixed .gallery__filters-container { transform: none !important; } } .page--sg-guide .article--impact-challenge.article--wide .article__wrapper, .page--sg-guide .article--social-good-guide.article--wide .article__wrapper { padding: 85px 0; } @media only screen and (min-width: 1281px) { .page--sg-guide .article--impact-challenge.article--wide .article__wrapper, .page--sg-guide .article--social-good-guide.article--wide .article__wrapper { padding: 85px 20px; } } .page--sg-guide .article--impact-challenge .article__wrapper { padding-bottom: 21px; position: relative; } .page--sg-guide .article--impact-challenge .article__wrapper::before { background: url('/static/images/social-good/ai4sg_challenge-section_images_desktop.png') center center/contain no-repeat; background-size: contain; content: ''; height: 875px; left: 0; margin: 0 .625vw; position: absolute; top: -60px; width: 450px; } @media only screen and (min-width: 1281px) { .page--sg-guide .article--impact-challenge .article__wrapper::before { left: 20px; } } @media (min-width: 1309px) { .page--sg-guide .article--impact-challenge .article__wrapper::before { margin: 0 8px; } } @media only screen and (max-width: 767px) { .page--sg-guide .article--impact-challenge .article__wrapper::before { background-image: url('/static/images/social-good/ai4sg_challenge-section_images_mobile.png'); height: 0; margin: 0 0 30px; padding-top: 63.4%; position: relative; top: 0; } } .page--sg-guide .article--social-good-guide .article__wrapper { padding-top: 21px; } .page--sg-guide .article--social-good-guide .article__content::before { margin: -25px 0 25px; width: 100%; } .page--sg-guide { font-size: 18px; line-height: 31px; } .page--sg-guide section.group .gallery { min-height: 500px; } .page--sg-guide .hero__wrapper { padding: 0 20px !important; } .page--sg-guide main .article { font-size: 18px; line-height: 31px; } .page--sg-guide .gallery.gallery--sections.gallery--filtered .group { padding: 0; } @media only screen and (max-width: 1080px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery__filter-options a:first-child { width: auto !important; } } .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__item { display: block; } @media only screen and (min-width: 768px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery .gallery__item .card__image { height: 0; padding-top: 46.666%; } } @media only screen and (min-width: 768px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--2-cards .card--default, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--4-cards .card--default, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--6-cards .card--default, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--8-cards .card--default { height: 396px; } } @media only screen and (min-width: 768px) { .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--3-cards .card--default, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--5-cards .card--default, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--6-cards .card--default, .page--sg-guide .gallery.gallery--sections.gallery--filtered .gallery.gallery--7-cards .card--default { height: 396px; } } .page--impact-challenge .card--default { height: 100%; } .page--impact-challenge .card--default .content__body p { -webkit-line-clamp: unset; max-height: unset; overflow: unset; } .page--tensorflow .connecterra { background-image: url('/static/images/stories/tensorflow/stories_tensorflow_cow-right.jpg'); background-position: top 130px right; background-repeat: no-repeat; background-size: 25% auto; } .page--tensorflow .connecterra .media { background-image: url('/static/images/stories/tensorflow/stories_tensorflow_cow-left.jpg'); background-position: bottom 130px left; background-repeat: no-repeat; background-size: 15% auto; } @media only screen and (max-width: 767px) { .page--tensorflow .connecterra { background-image: url('/static/images/stories/tensorflow/stories_tensorflow_cow-left.jpg'); background-position: top 7% left; background-size: 65% auto; padding-top: 70%; } .page--tensorflow .connecterra .media { background-image: none; } } .page--careers section.locations .group__content { flex: unset; max-width: unset; width: 100%; } .page--careers section.locations .group__content h2 { border-bottom: 1px solid #dadce0; margin-bottom: 0; margin-top: 20px; padding-bottom: 20px; } .page--careers section.locations .gallery__item { margin-bottom: 30px; margin-top: 20px; } @media only screen and (max-width: 767px) { .page--careers section.locations .gallery__item { margin-bottom: 10px; margin-top: 10px; } } .page--careers section.locations .gallery__item .content__header h3 { line-height: 35px; margin-bottom: 0; } @media only screen and (min-width: 768px) { .page--careers section.locations .gallery__item .content__header h3 { font-size: 20px; } } .page--careers section.locations .gallery__item .content__header h3::before { display: inline-block; margin-right: 6px; } .page--careers section.locations .gallery__item .element__ctas { margin-left: 25px; padding: 0; } .page--careers section.locations.locations--na .content__header h3::before { content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14' width='14'><circle fill='%23FEC632' cx='7' cy='7' r='6'></circle></svg>"); } .page--careers section.locations.locations--apac .content__header h3::before { content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14' width='14'><circle fill='%23F24750' cx='7' cy='7' r='6'></circle></svg>"); } .page--careers section.locations.locations--emea .content__header h3::before { content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='14' width='14'><circle fill='%2337B967' cx='7' cy='7' r='6'></circle></svg>"); } .page--teams .social-good-banner { padding: 0; } @media only screen and (min-width: 768px) { .page--teams .social-good-banner { margin-top: -55px; } } .page--teams .social-good-banner .block { background-color: #f8f9fa; } .page--teams .social-good-banner .block .block__background { background-position: center center; background-size: contain; } .page--teams .social-good-banner .block .block__background--mobile { background-position: center center; background-repeat: no-repeat; background-size: 100%; padding-bottom: 35%; position: unset; } .page--responsibilities .article.article--wide .content__subtitle { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .page--responsibilities .gallery.gallery--content-card .content { padding: 35px; } .page--responsibilities .gallery.gallery--content-card .content .content__title { font-size: 23px; line-height: 38px; } }/* WARNING: DO NOT EDIT THIS FILE! */ /* BLOGGER DEFAULT STYLES */ body { overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; } .hidden { display: none; } .invisible { visibility: hidden; } .clearboth { clear: both; } #comments .comment .comment-actions, .subscribe-popup .FollowByEmail .follow-by-email-submit, .widget.Profile .profile-link { background: 0 0; border: 0; box-shadow: none; cursor: pointer; font-size: 14px; font-weight: 700; outline: 0; text-decoration: none; text-transform: uppercase; width: auto; } .dim-overlay { background-color: rgb(0 0 0 / .54); height: 100vh; left: 0; position: fixed; top: 0; width: 100%; } #sharing-dim-overlay { background-color: transparent; } input::-ms-clear { display: none; } .blogger-logo, .svg-icon-24.blogger-logo { fill: #ff9800; opacity: 1; } .loading-spinner-large { animation: mspin-rotate 1.568s infinite linear; animation: mspin-rotate 1.568s infinite linear; height: 48px; overflow: hidden; position: absolute; width: 48px; z-index: 200; } .loading-spinner-large > div { animation: mspin-revrot 5332ms infinite steps(4); animation: mspin-revrot 5332ms infinite steps(4); } .loading-spinner-large > div > div { animation: mspin-singlecolor-large-film 1333ms infinite steps(81); animation: mspin-singlecolor-large-film 1333ms infinite steps(81); background-size: 100%; height: 48px; width: 3888px; } .skip-navigation { background-color: #fff; box-sizing: border-box; color: #000; display: block; height: 0; left: 0; line-height: 50px; overflow: hidden; padding-top: 0; position: fixed; text-align: center; top: 0; transition: box-shadow .3s, height .3s, padding-top .3s; transition: box-shadow .3s, height .3s, padding-top .3s; width: 100%; z-index: 900; } .skip-navigation:focus { box-shadow: 0 4px 5px 0 rgb(0 0 0 / .14), 0 1px 10px 0 rgb(0 0 0 / .12), 0 2px 4px -1px rgb(0 0 0 / .2); height: 50px; } #main { outline: 0; padding-top: 70px; } @media only screen and (max-width: 767px) { #main { padding-top: 10px; } .home-page #main { padding-top: 0; } } main { flex: 0; overflow: unset; } .main-heading { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* This will work for firefox */ @-moz-document url-prefix() { .hero .hero-meta__wrapper .hero__title .wrap { display: inline-block; } .hero .hero-meta__wrapper .hero__title .wrap::after { bottom: -15px; } } @media only screen and (min-width: 767px) { .home-page .hero .hero-meta__wrapper { flex: 0 0 100%; max-width: 100%; } } .Attribution { margin-top: 1em; text-align: center; } .Attribution .blogger img, .Attribution .blogger svg { vertical-align: bottom; } .Attribution div { line-height: 24px; margin-top: .5em; } .Attribution .copyright, .Attribution .image-attribution { font-size: .7em; margin-top: 1.5em; } .BLOG_mobile_video_class { display: none; } .bg-photo { background-attachment: scroll !important; } body .CSS_LIGHTBOX { z-index: 9000; } .extendable .show-less, .extendable .show-more { margin-top: 8px; } .extendable .show-less.hidden, .extendable .show-more.hidden { display: none; } .inline-ad { display: none; max-width: 100%; overflow: hidden; } .adsbygoogle { display: block; } #cookieChoiceInfo { bottom: 0; top: auto; } iframe.b-hbp-video { border: 0; } .post-body img { height: auto; margin: 48px 0 16px; max-width: 100%; } .post-body iframe { max-width: 100%; } .post-body a[imageanchor='1'] { display: inline-block; } .post-body table { word-break: initial; } .link-copied-dialog { max-width: 520px; outline: 0; } .link-copied-dialog .modal-dialog-buttons { margin-top: 8px; } .link-copied-dialog .goog-buttonset-default { background: 0 0; border: 0; } .link-copied-dialog .goog-buttonset-default:focus { outline: 0; } .paging-control-container { margin-bottom: 16px; } .paging-control-container .paging-control { display: inline-block; } .paging-control-container .comment-range-text::after, .paging-control-container .paging-control::after { content: '\00B7'; cursor: default; pointer-events: none; } .paging-control-container .comment-range-text:last-child::after, .paging-control-container .paging-control:last-child::after { content: none; } .byline.reactions iframe { height: 20px; } .b-notification { background-color: #fff; border-bottom: solid 1px #000; box-sizing: border-box; color: #000; padding: 16px 32px; text-align: center; } .b-notification.visible { transition: margin-top .3s cubic-bezier(.4, 0, .2, 1); transition: margin-top .3s cubic-bezier(.4, 0, .2, 1); } .b-notification.invisible { position: absolute; } .b-notification-close { position: absolute; right: 8px; top: 8px; } .no-posts-message { line-height: 40px; text-align: center; } @media screen and (max-width: 968px) { body.item-view .post-body a[imageanchor='1'][style*='float: left;'], body.item-view .post-body a[imageanchor='1'][style*='float: right;'] { clear: none !important; float: none !important; } body.item-view .post-body a[imageanchor='1'] img { display: block; height: auto; margin: 0 auto; } body.item-view .post-body > .separator:first-child > a[imageanchor='1']:first-child { margin-top: 20px; } .post-body a[imageanchor] { display: block; } body.item-view .post-body a[imageanchor='1'] { margin-left: 0 !important; margin-right: 0 !important; } body.item-view .post-body a[imageanchor='1'] + a[imageanchor='1'] { margin-top: 16px; } } .item-control { display: none; } #comments { border-top: 1px dashed rgb(0 0 0 / .54); margin-top: 20px; padding: 20px; } #comments .comment-thread ol { margin: 0; padding-left: 0; } #comments .comment .comment-replybox-single, #comments .comment-thread .comment-replies { margin-left: 60px; } #comments .comment-thread .thread-count { display: none; } #comments .comment { list-style-type: none; padding: 0 0 30px; position: relative; } #comments .comment .comment { padding-bottom: 8px; } .comment .avatar-image-container { position: absolute; } .comment .avatar-image-container img { border-radius: 50%; } .avatar-image-container svg, .comment .avatar-image-container .avatar-icon { border-radius: 50%; box-sizing: border-box; height: 35px; margin: 0; padding: 7px; width: 35px; } .comment .comment-block { margin-top: 10px; padding-bottom: 0; } #comments .comment-author-header-wrapper { margin-left: 40px; } #comments .comment .thread-expanded .comment-block { padding-bottom: 20px; } #comments .comment .comment-header .user, #comments .comment .comment-header .user a { font-style: normal; font-weight: 700; } #comments .comment .comment-actions { bottom: 0; margin-bottom: 15px; position: absolute; } #comments .comment .comment-actions > * { margin-right: 8px; } #comments .comment .comment-header .datetime { bottom: 0; display: inline-block; font-size: 13px; font-style: italic; } #comments .comment .comment-content, .comment .comment-body { margin-top: 12px; word-break: break-word; } .comment-body { margin-bottom: 12px; } #comments.embed[data-num-comments='0'] { border: 0; margin-top: 0; padding-top: 0; } #comments.embed[data-num-comments='0'] #comment-post-message, #comments.embed[data-num-comments='0'] div.comment-form > p, #comments.embed[data-num-comments='0'] p.comment-footer { display: none; } #comment-editor-src { display: none; } .comments .comments-content .loadmore.loaded { max-height: 0; opacity: 0; overflow: hidden; } .extendable .remaining-items { height: 0; overflow: hidden; transition: height .3s cubic-bezier(.4, 0, .2, 1); transition: height .3s cubic-bezier(.4, 0, .2, 1); } .extendable .remaining-items.expanded { height: auto; } .svg-icon-24, .svg-icon-24-button { cursor: pointer; height: 24px; min-width: 24px; width: 24px; } .touch-icon { margin: -12px; padding: 12px; } .touch-icon:active, .touch-icon:focus { background-color: rgb(153 153 153 / .4); border-radius: 50%; } svg:not(:root).touch-icon { overflow: visible; } html[dir='rtl'] .rtl-reversible-icon { transform: scaleX(-1); transform: scaleX(-1); transform: scaleX(-1); } .svg-icon-24-button, .touch-icon-button { background: 0 0; border: 0; margin: 0; outline: 0; padding: 0; } .touch-icon-button .touch-icon:active, .touch-icon-button .touch-icon:focus { background-color: transparent; } .touch-icon-button:active .touch-icon, .touch-icon-button:focus .touch-icon { background-color: rgb(153 153 153 / .4); border-radius: 50%; } .Profile .default-avatar-wrapper .avatar-icon { border-radius: 50%; box-sizing: border-box; margin: 0; } .Profile .individual .default-avatar-wrapper .avatar-icon { padding: 25px; } .Profile .individual .avatar-icon, .Profile .individual .profile-img { height: 120px; width: 120px; } .Profile .team .default-avatar-wrapper .avatar-icon { padding: 8px; } .Profile .team .avatar-icon, .Profile .team .default-avatar-wrapper, .Profile .team .profile-img { height: 40px; width: 40px; } .snippet-container { margin: 0; overflow: hidden; position: relative; } .snippet-fade { bottom: 0; box-sizing: border-box; position: absolute; width: 96px; } .snippet-fade::after { color: white; content: '\2026'; } .post-bottom { align-items: center; align-items: center; -webkit-box-align: center; display: flex; display: flex; display: flexbox; display: flex; -ms-flex-align: center; flex-wrap: wrap; flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0; } .post-footer { -webkit-box-flex: 1; -webkit-box-ordinal-group: 2; flex: 1 1 auto; flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 1; flex-wrap: wrap; flex-wrap: wrap; flex-wrap: wrap; order: 1; order: 1; } .post-footer > * { -webkit-box-flex: 0; flex: 0 1 auto; flex: 0 1 auto; flex: 0 1 auto; } .jump-link { -webkit-box-flex: 0; -webkit-box-ordinal-group: 3; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 2; order: 2; order: 2; } .centered-top-container.sticky { left: 0; position: fixed; right: 0; top: 0; transition-duration: .2s; transition-duration: .2s; transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; transition-timing-function: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1); width: auto; z-index: 8; } .centered-top-placeholder { display: none; } .collapsed-header .centered-top-placeholder { display: block; } .centered-top-container .Header .replaced h1, .centered-top-placeholder .Header .replaced h1 { display: none; } .centered-top-container.sticky .Header .replaced h1 { display: block; } .centered-top-container.sticky .Header .header-widget { background: 0 0; } .centered-top-container.sticky .Header .header-image-wrapper { display: none; } .centered-top-container img, .centered-top-placeholder img { max-width: 100%; } .collapsible { transition: height .3s cubic-bezier(.4, 0, .2, 1); transition: height .3s cubic-bezier(.4, 0, .2, 1); } .collapsible, .collapsible > summary { display: block; overflow: hidden; } .collapsible > :not(summary) { display: none; } .collapsible[open] > :not(summary) { display: block; } .collapsible:focus, .collapsible > summary:focus { outline: 0; } .collapsible > summary { cursor: pointer; display: block; padding: 0; } .collapsible:focus > summary, .collapsible > summary:focus { background-color: transparent; } .collapsible > summary::-webkit-details-marker { display: none; } .collapsible-title { align-items: center; align-items: center; -webkit-box-align: center; display: flex; display: flex; display: flexbox; display: flex; -ms-flex-align: center; } .collapsible-title .title { -webkit-box-flex: 1; -webkit-box-ordinal-group: 1; flex: 1 1 auto; flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 0; order: 0; order: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .collapsible-title .chevron-down, .collapsible[open] .collapsible-title .chevron-up { display: block; } .collapsible-title .chevron-up, .collapsible[open] .collapsible-title .chevron-down { display: none; } .overflowable-container { overflow: hidden; position: relative; } .overflow-button { cursor: pointer; } #overflowable-dim-overlay { background: 0 0; } .overflow-popup { box-shadow: 0 2px 2px 0 rgb(0 0 0 / .14), 0 3px 1px -2px rgb(0 0 0 / .2), 0 1px 5px 0 rgb(0 0 0 / .12); left: 0; max-width: calc(100% - 32px); position: absolute; top: 0; visibility: hidden; z-index: 101; } .overflow-popup ul { list-style: none; } .overflow-popup .tabs li, .overflow-popup li { display: block; height: auto; } .overflow-popup .tabs li { padding-left: 0; padding-right: 0; } .overflow-button.hidden, .overflow-popup .tabs li.hidden, .overflow-popup li.hidden { display: none; } .ripple { position: relative; } .ripple > * { z-index: 1; } .splash-wrapper { bottom: 0; left: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 0; } .splash { background: #ccc; border-radius: 100%; display: block; opacity: .6; position: absolute; transform: scale(0); transform: scale(0); transform: scale(0); } .splash.animate { animation: ripple-effect .4s linear; animation: ripple-effect .4s linear; } @keyframes ripple-effect { 100% { opacity: 0; transform: scale(2.5); transform: scale(2.5); } } @keyframes ripple-effect { 100% { opacity: 0; transform: scale(2.5); transform: scale(2.5); } } .search { display: flex; display: flex; display: flexbox; display: flex; line-height: 24px; width: 24px; } .search.focused { width: 100%; } .search.focused .section { width: 100%; } .search form { z-index: 101; } .search h3 { display: none; } .search form { border-bottom: solid 1px transparent; -webkit-box-flex: 1; display: flex; display: flex; display: flexbox; display: flex; flex: 1 0 0; flex: 1 0 0; flex: 1 0 0; padding-bottom: 8px; } .search form > * { display: none; } .search.focused form > * { display: block; } .search .search-input label { display: none; } .centered-top-placeholder.cloned .search form { z-index: 30; } .search.focused form { position: relative; width: auto; } .collapsed-header .centered-top-container .search.focused form { border-bottom-color: transparent; } .search-expand { -webkit-box-flex: 0; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; } .search-expand-text { display: none; } .search-close { display: inline; vertical-align: middle; } .search-input { -webkit-box-flex: 1; flex: 1 0 1px; flex: 1 0 1px; flex: 1 0 1px; } .search-input input { background: 0 0; border: 0; box-sizing: border-box; display: inline-block; outline: 0; width: calc(100% - 48px); } .sidebar .search-input input { font-size: 12px; width: 100%; } .sidebar .BlogSearch { margin-bottom: 24px; } .previous-posts { width: 100%; } .previous-posts > h3 { text-align: center; } .search-input input.no-cursor { color: transparent; } .collapsed-header .centered-top-container .search-input input.no-cursor { color: transparent; } .collapsed-header .centered-top-container .search-input input.no-cursor:focus, .search-input input.no-cursor:focus { outline: 0; } .search-focused > * { visibility: hidden; } .search-focused .search, .search-focused .search-icon { visibility: visible; } .search.focused .search-action { display: block; } .search.focused .search-action:disabled { opacity: .3; } .sidebar-container { background-color: #f7f7f7; -webkit-overflow-scrolling: touch; overflow-y: auto; transition-duration: .3s; transition-duration: .3s; transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, .2, 1); transition-timing-function: cubic-bezier(0, 0, .2, 1); z-index: 101; } .sidebar-container .navigation { line-height: 0; padding: 16px; } .sidebar-container .sidebar-back { cursor: pointer; } .sidebar-container .widget { background: 0 0; margin: 0 16px; padding: 16px 0; } .sidebar-container .widget .title { margin: 0; } .sidebar-container .widget ul { list-style: none; margin: 0; padding: 0; } .sidebar-container .widget li { font-size: 16px; line-height: normal; } .BlogArchive li { list-style: none; margin: 16px 0; } .BlogArchive li:last-child { margin-bottom: 0; } .Label li a { display: inline-block; } .BlogArchive .post-count::before, .Label .label-count::before { content: '('; } .BlogArchive .post-count::after, .Label .label-count::after { content: ')'; } .widget.Translate .skiptranslate > div { display: block !important; } .widget.Profile .profile-link { display: flex; display: flex; display: flexbox; display: flex; } .widget.Profile .team-member .default-avatar-wrapper, .widget.Profile .team-member .profile-img { -webkit-box-flex: 0; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; } .widget.Profile .individual .profile-link { -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; flex-direction: column; flex-direction: column; } .widget.Profile .team .profile-link .profile-name { align-self: center; align-self: center; -webkit-box-flex: 1; display: block; flex: 1 1 auto; flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: center; } .dim-overlay { background-color: rgb(0 0 0 / .54); z-index: 100; } body.sidebar-visible { overflow-y: hidden; } .sidebar-container { bottom: 0; left: auto; position: fixed; right: 0; top: 0; } .sidebar-container.sidebar-invisible { transition-timing-function: cubic-bezier(.4, 0, .6, 1); transition-timing-function: cubic-bezier(.4, 0, .6, 1); } .dialog { box-shadow: 0 2px 2px 0 rgb(0 0 0 / .14), 0 3px 1px -2px rgb(0 0 0 / .2), 0 1px 5px 0 rgb(0 0 0 / .12); box-sizing: border-box; padding: 30px; position: fixed; text-align: center; width: calc(100% - 24px); z-index: 101; } .dialog input[type='email'], .dialog input[type='text'] { background-color: transparent; border: 0; display: block; font-size: 16px; line-height: 24px; margin: auto; outline: 0; padding-bottom: 7px; text-align: center; width: 100%; } .dialog input[type='email']:focus, .dialog input[type='text']:focus { padding-bottom: 6px; } .dialog input.no-cursor { color: transparent; } .dialog input.no-cursor:focus { outline: 0; } .dialog input.no-cursor:focus { outline: 0; } .subscribe-popup { max-width: 364px; } .subscribe-popup h3 { font-size: 1.8em; margin-top: 0; } .subscribe-popup .FollowByEmail h3 { display: none; } .subscribe-popup .FollowByEmail .follow-by-email-submit { display: inline-block; margin: 0 auto; margin-top: 24px; white-space: normal; width: auto; } .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled { cursor: default; opacity: .3; } @media (max-width: 800px) { .blog-name div.widget.Subscribe { margin-bottom: 16px; } body.item-view .blog-name div.widget.Subscribe { margin: 8px auto 16px; width: 100%; } } body#layout .bg-photo, body#layout .bg-photo-overlay { display: none; } body#layout .page_body { padding: 0; position: relative; top: 0; } body#layout .page { display: inline-block; left: inherit; position: relative; vertical-align: top; width: 540px; } body#layout .centered { max-width: 954px; } body#layout .navigation { display: none; } body#layout .sidebar-container { display: inline-block; width: 40%; } body#layout .hamburger-menu, body#layout .search { display: none; } .widget.Sharing .sharing-button { display: none; } .widget.Sharing .sharing-buttons li { padding: 0; } .widget.Sharing .sharing-buttons li span { display: none; } .post-share-buttons { position: relative; } .sharing-open.touch-icon-button:active .touch-icon, .sharing-open.touch-icon-button:focus .touch-icon { background-color: transparent; } .share-buttons { border-radius: 2px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / .14), 0 3px 1px -2px rgb(0 0 0 / .2), 0 1px 5px 0 rgb(0 0 0 / .12); list-style: none; margin: 0; min-width: 200px; padding: 8px 0; position: absolute; top: -11px; z-index: 101; } .share-buttons.hidden { display: none; } .sharing-button { background: 0 0; border: 0; cursor: pointer; margin: 0; outline: 0; padding: 0; } .share-buttons li { height: 48px; margin: 0; } .share-buttons li:last-child { margin-bottom: 0; } .share-buttons li .sharing-platform-button { box-sizing: border-box; cursor: pointer; display: block; height: 100%; margin-bottom: 0; padding: 0 16px; position: relative; width: 100%; } .share-buttons li .sharing-platform-button:focus, .share-buttons li .sharing-platform-button:hover { background-color: rgb(128 128 128 / .1); outline: 0; } .share-buttons li svg[class*=' sharing-'], .share-buttons li svg[class^='sharing-'] { position: absolute; top: 10px; } .share-buttons li span.sharing-platform-button { position: relative; top: 0; } .share-buttons li .platform-sharing-text { display: block; font-size: 16px; line-height: 48px; white-space: nowrap; } .flat-button { border-radius: 4px; cursor: pointer; display: inline-block; font-weight: 700; margin: -8px; padding: 8px; text-transform: uppercase; } .flat-icon-button { background: 0 0; border: 0; box-sizing: content-box; cursor: pointer; display: inline-block; line-height: 0; margin: 0; margin: -12px; outline: 0; padding: 0; padding: 12px; } .flat-icon-button, .flat-icon-button .splash-wrapper { border-radius: 50%; } .flat-icon-button .splash.animate { animation-duration: .3s; animation-duration: .3s; } h1, h2, h3, h4, h5, h6 { margin: 0; } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { margin: 1em 0; } .action-link, a { position: relative; text-decoration: underline; text-decoration-color: rgb(26 115 232 / 0); transition: text-decoration-color .25s linear, color .25s linear; } body { margin: 0 auto; } .dim-overlay { z-index: 100; } .all-container { -webkit-box-direction: normal; -webkit-box-orient: vertical; display: flex; display: flex; display: flexbox; display: flex; flex-direction: column; flex-direction: column; flex-direction: column; min-height: 100vh; } body.sidebar-visible .all-container { overflow-y: scroll; } .page { margin: 0 auto; width: 100%; z-index: 1; } .Blog { padding: 0; } .main_content_container { -webkit-box-flex: 1; flex: 1 0 auto; flex: 1 0 auto; flex: 1 0 auto; margin: 0 auto; position: relative; width: 100%; } .centered-top-container { -webkit-box-flex: 0; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; } .centered-top, .centered-top-placeholder { box-sizing: border-box; width: 100%; } .centered-top { box-sizing: border-box; margin: 0 auto; padding: 44px 136px 32px; width: 100%; } .centered { width: 100%; } .centered-top-firstline { display: flex; display: flex; display: flexbox; display: flex; position: relative; width: 100%; } .main_header_elements { -webkit-box-flex: 0; -webkit-box-ordinal-group: 2; display: flex; display: flex; display: flexbox; display: flex; flex: 0 1 auto; flex: 0 1 auto; flex: 0 1 auto; -ms-flex-order: 1; order: 1; order: 1; overflow-x: hidden; width: 100%; } html[dir='rtl'] .main_header_elements { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; order: 2; } body.search-view .centered-top.search-focused .blog-name { display: none; } .widget.Header img { max-width: 100%; } .blog-name { -webkit-box-flex: 1; -webkit-box-ordinal-group: 2; flex: 1 1 auto; flex: 1 1 auto; flex: 1 1 auto; -ms-flex-order: 1; min-width: 0; order: 1; order: 1; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .subscribe-section-container { -webkit-box-flex: 0; -webkit-box-ordinal-group: 3; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 2; order: 2; order: 2; } .search { -webkit-box-flex: 0; -webkit-box-ordinal-group: 4; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; -ms-flex-order: 3; order: 3; order: 3; } .search svg { padding-bottom: 0; padding-top: 0; } .search, .search.focused { display: block; width: auto; } .search .section { opacity: 0; position: absolute; right: 0; top: 0; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .search-expand { background: 0 0; border: 0; display: block; margin: 0; outline: 0; padding: 0; } .search.focused .search-expand { visibility: hidden; } .hamburger-menu { float: right; } .hamburger-section { -webkit-box-flex: 1; -webkit-box-ordinal-group: 3; flex: 1 0 auto; flex: 1 0 auto; flex: 1 0 auto; -ms-flex-order: 2; margin-left: 44px; order: 2; order: 2; } html[dir='rtl'] .hamburger-section { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; order: 1; } .search-expand-icon { display: none; } .search-expand-text { display: block; } .search-input { width: 100%; } .search-focused .hamburger-section { visibility: visible; } .centered-top-secondline .PageList ul { margin: 0; overflow-y: hidden; } .centered-top-secondline .PageList .overflow-popup ul { overflow-y: auto; } .centered-top-secondline .PageList .overflow-popup li { display: block; } .centered-top-secondline .PageList .overflow-popup li.hidden { display: none; } .overflowable-contents li { display: inline-block; } .sticky .blog-name { overflow: hidden; } .sticky .blog-name .widget.Header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sticky .blog-name .widget.Header p, .sticky .centered-top-secondline { display: none; } .blog-name h1, .blog-name h1 a { text-transform: uppercase; } .widget.Header .header-widget p { font-style: italic; line-height: 1.6; } .centered-top .flat-button { cursor: pointer; text-transform: uppercase; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .subscribe-button { background: 0 0; border: 0; display: block; margin: 0; outline: 0; padding: 0; } html[dir='ltr'] .search form { margin-right: 12px; } .search.focused .section { margin-right: 36px; opacity: 1; width: calc(100% - 36px); } .search input { border: 0; outline: 0; width: 100%; } .search form { padding-bottom: 0; } .search input[type='submit'] { display: none; } .search input::input-placeholder { text-transform: uppercase; } .search input::placeholder { text-transform: uppercase; } .search input:input-placeholder { text-transform: uppercase; } .search input::placeholder { text-transform: uppercase; } .centered-top-secondline .dim-overlay, .search .dim-overlay { background: 0 0; } .centered-top-secondline .PageList .overflow-button a, .centered-top-secondline .PageList li a { padding: 12px; } .PageList ul { padding: 0; } .sticky .search form { border: 0; } .sticky { box-shadow: 0 0 20px 0 rgb(0 0 0 / .7); } .sticky .centered-top { padding-bottom: 0; padding-top: 0; } .sticky .hamburger-section, .sticky .search-expand, .sticky .search.focused .search-submit { align-items: center; align-items: center; -webkit-box-align: center; display: flex; display: flex; display: flexbox; display: flex; -ms-flex-align: center; } .subscribe-popup h3 { margin-bottom: 24px; } .subscribe-popup div.widget.FollowByEmail .follow-by-email-submit { margin-top: 24px; } .feed-view .post-content, .home-page .post-content, .previous-posts .post-content { display: flex; flex-direction: column; height: 200px; justify-content: space-between; padding: 15px 20px 2px; width: 100%; } .search-view .main, .label-view .main { padding: 10px 0 0; } .post-filter-message { display: flex; display: flex; display: flexbox; display: flex; display: none; margin: 40px 136px 48px; padding: 10px; position: relative; } .post-filter-message > * { -webkit-box-flex: 0; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; } .post-filter-message .search-query { font-style: italic; quotes: '\201c''\201d''\2018''\2019'; } .post-filter-message .search-query::before { content: open-quote; } .post-filter-message .search-query::after { content: close-quote; } .post-filter-message div { display: inline-block; } .post-filter-message a { display: inline-block; text-transform: uppercase; } .post-filter-description { -webkit-box-flex: 1; flex: 1 1 auto; flex: 1 1 auto; flex: 1 1 auto; } .post-title { margin-top: 0; } body.feed-view .post-outer-container, .previous-posts .post-outer-container { background-color: white; border: 1px solid #dadce0; box-shadow: 0 2px 5px rgb(32 33 36 / .05), 0 19px 38px rgb(32 33 36 / .04); margin: 8px .6%; max-width: 32.1%; padding: 0; transition: box-shadow .25s linear; width: 100%; } body.feed-view .post-outer-container:nth-child(7), body.feed-view .post-outer-container:nth-child(8) { max-width: 48.7%; } @media screen and (max-width: 767px) { body.feed-view .post-outer-container, body.feed-view .post-outer-container:nth-child(7), body.feed-view .post-outer-container:nth-child(8) { margin: 8px 16px; max-width: 100%; } } body.feed-view .post-outer-container:hover, .previous-posts .post-outer-container:hover { box-shadow: 0 2px 16px rgb(32 33 36 / .07), 0 26px 38px rgb(32 33 36 / .09); } body.feed-view .feed-message + .post-outer-container { margin-top: 0; } body.post-page .post-outer-container { flex: 1; padding-right: 125px; } body.post-page .previous-posts .post-outer-container { padding-right: 0; } @media only screen and (max-width: 767px) { body.post-page .post-outer-container { padding-right: 0; } body.post-page .previous-posts .post-outer-container { flex: auto; margin: 8px 0; max-width: 100%; } } #previousPosts { display: flex; flex-wrap: wrap; justify-content: space-between; } .post-outer { display: block; } .post-outer .snippet-thumbnail { align-items: center; -webkit-box-align: center; -webkit-box-flex: 0; -webkit-box-ordinal-group: 3; -webkit-box-pack: center; display: flex; flex: 0 0 auto; -ms-flex-align: center; -ms-flex-order: 2; -ms-flex-pack: center; height: 230px; justify-content: center; order: 2; overflow: hidden; position: relative; width: 100%; } .post-outer .thumbnail-empty { background: 0 0; } .post-outer .snippet-thumbnail-img { background-color: white; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; } .post-outer .snippet-thumbnail img { max-height: 100%; } .home-page .post-title-container { margin-bottom: 0; margin-top: -45px; } .post-bottom { align-items: baseline; align-items: baseline; -webkit-box-align: baseline; -webkit-box-pack: justify; display: flex; display: flex; display: flexbox; display: flex; -ms-flex-align: baseline; -ms-flex-pack: justify; justify-content: space-between; justify-content: space-between; } .post-share-buttons-bottom { float: left; } .footer { -webkit-box-flex: 0; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; margin: auto auto 0; padding-bottom: 32px; width: auto; } .post-header-container { margin-bottom: 0; } .post-header-container .post-share-buttons-top { float: right; } .byline { display: inline-block; } .byline, .byline a, .flat-button { color: #5f6368; font-size: 14px; } .post-footer .byline { text-transform: uppercase; } .post-comment-link { line-height: 1; } .blog-pager { background-color: white; padding: 40px 0; } .home-page .pager-posts-row { text-align: right; } @media screen and (max-width: 1168px) { .home-page .pager-posts-row { text-align: center; } } .search-view .pager-posts-row, .label-view .pager-posts-row { display: flex; flex-direction: row-reverse; justify-content: space-between; } .home-page #Blog1 { background-color: #f8f9fa; padding-top: 36px; } @media screen and (max-width: 767px) { .home-page #Blog1 { padding-top: 36px; } } .FeaturedPost h3 { margin: 16px 136px 8px; } .FeaturedPost .post-bottom .flat-button { border: 2px solid rgb(0 0 0 / .17); font-size: 16px; font-weight: 500; margin: 10px; padding: 12px 28px; text-decoration: none !important; text-transform: none; transition: background-color .25s linear; } .FeaturedPost .post-bottom .flat-button:hover { color: white !important; } .shown-ad { margin-bottom: 85px; margin-top: 85px; } .shown-ad .inline-ad { display: block; } body.feed-view .shown-ad:last-child { display: none; } .post-title, .post-title a { color: #3c4043; display: block; font-size: 20px; font-weight: 400; line-height: 1.33333; max-height: 80px; overflow: hidden; } .heroPost .post-title, .post-title a { display: inline; max-height: auto; overflow: auto; } .heroPost .post-title a { font-size: 36px; } @media only screen and (max-width: 768px) { .heroPost .post-title a { font-size: 24px; } } .feed-message { margin-bottom: 52px; } .post-header-container .byline.post-author:not(:last-child)::after { content: '\00B7'; } .sharing-button { text-transform: uppercase; word-break: normal; } .post-body { color: #5f6368; line-height: 26px; margin-bottom: 24px; } @media only screen and (max-width: 768px) { .post-body { font-size: 16px; } } .blog-pager .pager-posts-row { margin: 0 auto; max-width: calc(100vw - (20px * 2)); padding: 0 20px; width: 100%; } .search-view .blog-pager .pager-posts-row { max-width: calc(100vw - (20px * 2)); padding: 0 8px; } @media only screen and (max-width: 767px) { .search-view .blog-pager .pager-posts-row { padding: 0; } } @media only screen and (min-width: 1281px) { .search-view .blog-pager .pager-posts-row, .blog-pager .pager-posts-row { max-width: 1336px; padding: 0 28px; } } .blog-pager .pager-link { color: #3c4043; display: inline-flex; font-size: 24px; font-weight: 400; position: relative; text-transform: none; } .blog-pager .blog-pager-older-link img { align-self: center; margin-left: 10px; } .blog-pager .blog-pager-newer-link img { align-self: center; margin-right: 10px; transform: rotate(180deg); } .blog-pager .pager-link img.blue-arrow { opacity: 0; position: absolute; transition: opacity .25s linear; } .blog-pager .pager-link:hover img.blue-arrow { opacity: 1; } .blog-pager .blog-pager-older-link img.blue-arrow { right: 8px; } .no-posts-message { margin: 32px; } body.item-view .Blog .post-title-container { box-sizing: border-box; margin-bottom: -1px; padding-bottom: 86px; padding-top: 124px; width: 100%; } body.item-view .Blog .post-title, body.item-view .Blog .post-title a { line-height: 1.41667; margin-bottom: 0; } body.item-view .Blog { margin: 0; margin-bottom: 85px; padding: 0; } body.item-view .Blog .post-content { max-width: none; } body.item-view .comments, body.item-view .shown-ad, body.item-view .widget.Blog .post-bottom { margin-bottom: 0; margin-top: 0; } body.item-view .shown-ad { margin-bottom: 24px; margin-top: 24px; } body.item-view .Blog .post-header-container .post-author-profile-pic-container { height: 84px; } body.item-view .Blog .post-author-profile-pic { max-height: 100%; } body.item-view .Blog .post-header { height: 84px; } body.item-view .Blog .post-header > * { position: relative; top: 50%; transform: translateY(-50%); transform: translateY(-50%); transform: translateY(-50%); } body.item-view .post-body { line-height: 2; } body.item-view .Blog .post-body-container { margin-bottom: 32px; margin-top: 20px; position: relative; } body.item-view .Blog .post-body { margin-bottom: 0; } body.item-view .Blog .post-body::first-letter { font-weight: 600; line-height: 1; } body.item-view .Blog .post-body div[style*='text-align: center']::first-letter { float: none; font-size: inherit; font-weight: inherit; line-height: inherit; margin-right: 0; } body.item-view .Blog .post-body-container .post-sidebar { position: absolute; top: 0; width: 290px; } body.item-view .Blog .post-body-container .post-sidebar .sharing-button { display: inline-block; } .widget.Attribution { clear: both; padding-top: 2em; } .widget.Attribution .blogger { margin: 12px; } body.item-view .PopularPosts .widget-content > ul { padding-left: 0; } body.item-view .PopularPosts .widget-content > ul > li { display: block; } body.item-view .PopularPosts .post-content { max-width: 664px; } body.item-view .PopularPosts .post:not(:last-child) { margin-bottom: 85px; } body.item-view .post-body-container img { height: auto; max-width: 100%; } body.item-view .PopularPosts > .title { margin-bottom: 36px; } body.item-view .post-sidebar .post-labels-sidebar { margin-top: 48px; min-width: 150px; } body.item-view .post-sidebar .post-labels-sidebar h3 { margin-bottom: 16px; } body.item-view .post-sidebar .post-labels-sidebar a { display: block; font-style: italic; line-height: 2; } body.item-view blockquote { font-style: italic; quotes: '\201c''\201d''\2018''\2019'; } body.item-view blockquote::before { content: open-quote; } body.item-view blockquote::after { content: close-quote; } body.item-view .post-bottom { display: flex; display: flex; display: flexbox; display: flex; float: none; } body.item-view .widget.Blog .post-share-buttons-bottom { -webkit-box-flex: 0; -webkit-box-ordinal-group: 3; flex: 0 1 auto; flex: 0 1 auto; flex: 0 1 auto; -ms-flex-order: 2; order: 2; order: 2; } body.item-view .widget.Blog .post-footer { line-height: 1; } .widget.Blog body.item-view .post-bottom { margin-bottom: 80px; } body.item-view .post-footer .post-labels a { display: inline-block; line-height: 2; } body.item-view .post-footer .post-labels a:not(:last-child)::after { content: ', '; } body.item-view #comments { border-top: 0; padding: 0; } body.item-view #comments h3.title { margin-bottom: 48px; } body.item-view #comments .comment-form h4 { border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .heroPost { display: flex; display: flex; display: flexbox; display: flex; position: relative; } .heroPost .big-post-image-top { background-position: center; background-size: cover; display: none; } .heroPost .big-post-title { padding: 60px 73px 60px 50px; } .heroPost.noimage .big-post-title { -webkit-box-flex: 1; flex: 1 0 auto; flex: 1 0 auto; flex: 1 0 auto; width: 480px; } .heroPost .big-post-title h3 { margin: 0; } .heroPost .big-post-title h3 a { color: #3c4043; } .heroPost .big-post-title .post-body .byline-author { color: #5f6368; font-size: 14px; } @media only screen and (max-width: 767px) { .heroPost .big-post-title .post-body .byline-author { display: none; } } .heroPost .big-post-title .item-byline { margin-bottom: 24px; } .heroPost .big-post-title .item-byline .post-timestamp { display: block; } .heroPost .byline, .heroPost .byline a, .heroPost .flat-button, .post-header-container .byline a { color: #5f6368; text-transform: uppercase; } .post-page .full-post .post-header-container .byline a { font-weight: 400; text-transform: inherit; } #Blog1 .post-body-container { margin-top: 24px; } #Blog1 .previous-posts .post-header-container .byline a { font-weight: 500; text-transform: uppercase; } .previous-posts .post-header-container .byline a { font-weight: 400; text-transform: none; } .heroPost .big-post-image { align-self: center; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-box-flex: 0; flex: 0 0 auto; flex: 0 0 auto; flex: 0 0 auto; height: 477px; width: 452px; } .heroPost .big-post-text { -webkit-box-flex: 1; box-sizing: border-box; flex: 1 1 auto; flex: 1 1 auto; flex: 1 1 auto; min-width: 0; padding: 48px; } .heroPost .big-post-text .snippet-item::first-letter { float: left; font-weight: 700; margin-right: 12px; } body.sidebar-visible .sidebar-container { box-shadow: 0 0 20px 0 rgb(0 0 0 / .7); } .sidebar-container .navigation .sidebar-back { float: right; } .sidebar-container .widget { margin-left: 38px; margin-right: 0; padding-right: 16px; } .sidebar-container .widget + .widget { border-top: solid 1px #bdbdbd; } .collapsible { width: 300px; } .collapsible-wrap { display: flex; } .widget.Profile { border-top: 0; margin: 0; margin-left: 38px; margin-top: 24px; padding-right: 0; } body.sidebar-visible .widget.Profile { margin-left: 0; } .widget.Profile h2 { display: none; } .widget.Profile h3.title { margin: 16px 32px; } .widget.Profile .individual { text-align: center; } .widget.Profile .individual .default-avatar-wrapper .avatar-icon { margin: auto; } .widget.Profile .team { margin-bottom: 32px; margin-left: 32px; margin-right: 32px; } .widget.Profile ul { list-style: none; padding: 0; } .widget.Profile li { margin: 10px 0; text-align: left; } .widget.Profile .profile-img { border-radius: 50%; float: none; } .widget.Profile .profile-info { margin-bottom: 12px; } .profile-snippet-fade { height: 1.7em; position: absolute; right: 16px; top: 11.7em; width: 96px; } .profile-snippet-fade::after { content: '\2026'; float: right; } .widget.Profile .profile-location { font-size: 16px; margin: 0; opacity: .74; } .widget.Profile .team-member .profile-link::after { clear: both; content: ''; display: table; } .widget.Profile .team-member .profile-name { word-break: break-word; } .widget.Profile .profile-datablock .profile-link { font-size: 24px; text-transform: none; word-break: break-word; } .widget.Profile .profile-datablock .profile-link + div { margin-top: 16px !important; } .widget.Profile .profile-link { font-size: 14px; } .widget.Profile .profile-textblock { font-size: 14px; line-height: 24px; margin: 0 18px; opacity: .74; overflow: hidden; position: relative; word-break: break-word; } .widget.Label .list-label-widget-content li a { width: 100%; word-wrap: break-word; } .extendable .show-less, .extendable .show-more { font-size: 14px; margin: 0 -8px; } .Label li { margin: 16px 0; } .Label li:last-child { margin-bottom: 0; } .hero-post-snippet .snippet-item { line-height: 28px; } .hero-post-snippet .snippet-fade { color: white !important; height: 28px; pointer-events: none; } .profile-snippet.snippet-container { max-height: 192px; } .profile-snippet .snippet-item { line-height: 24px; } .profile-snippet .snippet-fade { height: 24px; } #comments a, #comments cite, #comments div { font-size: 16px; line-height: 1.4; } #comments .comment .comment-header .datetime a::before { content: '\00B7 '; } #comments .comment .comment-content { margin-top: 6px; } #comments .continue { display: none; } #comments .comment-footer { margin-top: 8px; } body.variant-rockpool_deep_orange .centered-top-secondline .PageList .overflow-popup li a { color: #000; } body.variant-rockpool_pink .blog-name h1, body.variant-rockpool_pink .blog-name h1 a { text-transform: none; } .page_body { max-width: 100%; } @media only screen and (min-width: 1281px) { .page_body { margin: 0 auto; } } @media only screen and (max-width: 767px) { .page_body { max-width: 100%; padding: 0; } } .page { float: none; margin: 0 auto; max-width: none !important; } @media only screen and (max-width: 767px) { .page { padding: 0; } } @media screen and (max-width: 1280px) { .heroPost .big-post-image { display: table-cell; left: auto; position: static; top: auto; } .heroPost .big-post-title { display: table-cell; } } .blog-posts.hfeed.container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; max-width: calc(100vw - (20px * 2)); padding: 0 .625vw; } .label-view .blog-posts.hfeed.container { max-width: calc(100vw - (14px * 2)); } .search-view .blog-posts.hfeed.container { max-width: 1336px; padding: 0 20px; } .blog-posts.hfeed.container::after { content: ''; flex: auto; } @media only screen and (min-width: 1281px) { .blog-posts.hfeed.container, .label-view .blog-posts.hfeed.container { max-width: 1336px; padding: 0 20px; } .search-view .blog-posts.hfeed.container { padding: 0 20px; } .post-page .blog-posts.hfeed.container { padding: 0 28px; } } @media only screen and (max-width: 767px) { body:not(.post-page) .blog-posts.hfeed.container { max-width: 100%; padding: 0 .625vw; } } .home-page .blog-posts.hfeed.container { flex-wrap: wrap; } .blog-posts.hfeed.container { margin-bottom: 40px; } .post-page .blog-posts.hfeed.container { flex-wrap: wrap; } @media screen and (max-width: 767px) { .home-page .blog-posts.hfeed.container { flex-wrap: wrap; padding: 0; width: 100%; } } @media screen and (max-width: 1168px) { .centered-top-container, .centered-top-placeholder { padding: 24px 24px 32px; } .sticky { padding: 0 24px; } .subscribe-section-container { } .hamburger-section { margin-left: 48px; } .big-post-text-inner, .big-post-title-inner { max-width: 920px; } .centered-top { max-width: 920px; padding: 0; } body.item-view .Blog { margin: 0 auto; max-width: 920px; padding: 0 24px; } .post-outer { display: block; } .post-content { margin: 0; max-width: none; } .post-outer .snippet-thumbnail.thumbnail-empty { display: none; } .shown-ad .inline-ad { max-width: 100%; } body.item-view .Blog { max-width: none; padding: 0; } .post-filter-message { margin: 24px calc((100% - 920px) / 2); max-width: none; } body.item-view .Blog .post-title-container { padding: 62px calc((100% - 920px) / 2) 24px; } body.item-view .Blog .post-body-container, body.item-view .comments, body.item-view .post-outer-container > .shown-ad, body.item-view .widget.Blog .post-bottom { margin: 32px calc((100% - 920px) / 2); padding: 0; } body.item-view .cmt_iframe_holder { margin: 32px 24px !important; } .blog-pager { float: none; text-align: center; } body.item-view .post-bottom { margin: 0 auto; max-width: 968px; } body.item-view .PopularPosts .post-content { margin-right: 0; max-width: 100%; } body.item-view .Blog .post-sidebar { display: none; } body.item-view .PopularPosts { margin: 0 auto; max-width: 920px; } .heroPost { display: block; } .heroPost .big-post-title { display: block; max-width: none; padding: 24px; } .heroPost .big-post-image { display: none; } .heroPost .big-post-image-top { display: block; height: 613.33333px; margin: 0 auto; } .heroPost.noimage .big-post-title { max-width: none; width: 100%; } .heroPost.noimage .big-post-text { position: static; width: 100%; } .heroPost .big-post-text { padding: 24px; } } @media screen and (max-width: 968px) { body.item-view .Blog .post-title-container { padding: 62px 24px 24px; } body.item-view .Blog .post-header-container { } body.item-view .Blog .post-body-container, body.item-view .PopularPosts, body.item-view .comments, body.item-view .post-outer-container > .shown-ad, body.item-view .widget.Blog .post-bottom { margin: 32px 24px; padding: 0; } .FeaturedPost h3, body.feed-view .blog-posts, body.feed-view .feed-message { margin-left: 24px; margin-right: 24px; } .post-filter-message { margin: 24px 24px 48px; } body.item-view blockquote { font-size: 18px; } .main_header_elements { display: block; position: relative; } .search.focused .section { margin-right: 0; width: 100%; } html[dir='ltr'] .search form { margin-right: 0; } .hamburger-section { margin-left: 24px; } .search-expand-icon { display: block; float: left; height: 24px; margin-top: -12px; } .search-expand-text { display: none; } .subscribe-section-container { margin-top: 12px; } .search-expand { position: absolute; top: 0; } html[dir='ltr'] .search-expand { margin-left: 24px; } .centered-top.search-focused .subscribe-section-container { opacity: 0; } .blog-name { float: none; } .centered-top.search-focused .subscribe-button, .centered-top.search-focused .subscribe-section-container { opacity: 1; } body.item-view .comment-thread-title { } .blog-pager { padding: 21px 0; } .heroPost .big-post-image-top { height: calc(100vw * 2 / 3); width: 100%; } .popular-posts-snippet.snippet-container, .post-snippet.snippet-container { font-size: 14px; max-height: 112px; } .popular-posts-snippet .snippet-item, .post-snippet .snippet-item { line-height: 2; } .popular-posts-snippet .snippet-fade, .post-snippet .snippet-fade { height: 28px; } .hero-post-snippet.snippet-container { font-size: 14px; max-height: 112px; } .hero-post-snippet .snippet-item { line-height: 2; } .hero-post-snippet .snippet-fade { height: 28px; } .hero-post-noimage-snippet.snippet-container { font-size: 14px; line-height: 2; max-height: 224px; } .hero-post-noimage-snippet .snippet-item { line-height: 2; } .hero-post-noimage-snippet .snippet-fade { height: 28px; } .hero-post-noimage-snippet .snippet-item::first-letter { font-size: 56px; line-height: normal; } body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'] { margin-left: -24px !important; margin-right: -24px !important; } body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: left;'], body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: right;'] { margin-left: 0 !important; margin-right: 0 !important; } body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: left;'] img, body.item-view .post-body-container .separator[style*='text-align: center'] a[imageanchor='1'][style*='float: right;'] img { max-width: 100%; } } @media screen and (max-width: 767px) { #Blog1 .post-header-container .byline a { font-size: 12px; } } .sidebar-container { box-shadow: none; float: right; z-index: 32; } .sidebar-container .navigation { display: none; } .hamburger-section, .sticky .hamburger-section { display: none; } .search.focused .section { margin-right: 0; width: 100%; } .test-section-stuff { display: flex; }h1{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:30px;font-weight:400;line-height:36px;margin:0}@media only screen and (max-width: 767px){h1{font-size:25px;line-height:30px}}h2{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:25px;font-weight:400;line-height:30px;margin:0}@media only screen and (max-width: 767px){h2{font-size:18px}}h3{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:20px;font-weight:400;line-height:26px;margin:0}@media only screen and (max-width: 767px){h3{font-size:18px}}.label-link{font-family:"Roboto",arial,helvetica,sans-serif;font-size:14px;font-weight:400;line-height:20px;margin:0 8px;text-decoration:none}.label-link:hover,.label-link:active{color:#1a73e8}.byline-label{font-family:"Roboto",arial,helvetica,sans-serif;font-size:14px;font-weight:400;line-height:20px;font-weight:700}.eyebrow{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:14px;font-weight:500;line-height:20px;color:#5f6368;text-transform:uppercase;margin:0}.breadcrumb{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:13px;font-weight:700;line-height:20px;margin:0}ul{list-style-type:none;margin:0;padding:0}.post-page #main{padding-top:5px}@media only screen and (max-width: 767px){.post-page #main{overflow:hidden}}.article-byline{font-family:"Roboto",arial,helvetica,sans-serif;font-size:16px;font-weight:400;line-height:24px;color:#3c4043;font-style:italic;margin:0;text-transform:none}@media only screen and (max-width: 767px){.article-byline{font-size:14px}}.post-body p{margin:1em 0}.post-body ul{list-style-type:revert;margin:revert;padding:revert}.post-body td.tr-caption{font-family:"Roboto",arial,helvetica,sans-serif;font-size:14px;font-weight:400;line-height:20px;font-style:italic}@media only screen and (min-width: 1281px){.post-body td.tr-caption{padding:0 25px 30px 25px}}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:.6em 0 .4em}.post-body h1{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:30px;font-weight:400;line-height:36px;font-size:28px}@media only screen and (max-width: 767px){.post-body h1{font-size:25px;line-height:30px}}@media only screen and (max-width: 767px){.post-body h1{font-size:23px;line-height:28px}}.post-body h4{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:20px;font-weight:400;line-height:26px;font-size:18px;line-height:22px}@media only screen and (max-width: 767px){.post-body h4{font-size:18px}}@media only screen and (max-width: 767px){.post-body h4{font-size:14px}}.post-labels-sidebar .post-labels{display:inline}.filter__title{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:16px;font-weight:400;line-height:normal;background:transparent;border:none;outline:none;color:#000;line-height:31px}.filter__title:hover{background:#f1f3f4}.filter-btn{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:16px;font-weight:400;line-height:normal;background:transparent;border:none;outline:none;color:#9aa0a6;font-weight:500;height:20px;margin:1px 6px;padding:0;position:relative;text-decoration:underline;-webkit-text-decoration-color:rgba(26,115,232,0);text-decoration-color:rgba(26,115,232,0);transition:color .25s linear,-webkit-text-decoration-color .25s linear;transition:text-decoration-color .25s linear,color .25s linear;transition:text-decoration-color .25s linear,color .25s linear,-webkit-text-decoration-color .25s linear;width:auto}.filter-btn:hover,.filter-btn:focus{color:#1a73e8}.filter-btn:hover::after,.filter-btn:focus::after{opacity:1}.filter-btn::after{background:#1a73e8;bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;transform:translateY(100%);transition:opacity .25s cubic-bezier(0.4, 0, 0.2, 1);width:100%}.filter-btn.active{color:#1a73e8}.filter-btn.active::after{opacity:1}.labels .filter-btn{width:24px}.pagination-btn{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:24px;font-weight:500;line-height:31px;align-items:center;color:#3c4043;display:inline-flex;opacity:1;text-decoration:none;transition:none;visibility:visible}@media only screen and (max-width: 767px){.pagination-btn{font-size:20px}}.pagination-btn.hidden{opacity:0;visibility:hidden}.pagination-btn .active{opacity:0;visibility:hidden}.pagination-btn:hover,.pagination-btn:focus{color:#1a73e8;outline:none}.pagination-btn:hover .active,.pagination-btn:focus .active{opacity:1;visibility:visible}.pagination-btn.newer .pagination-arrows{margin-right:10px;transform:rotate(70deg);transform:rotate(180deg)}.pagination-btn.older .pagination-arrows{margin-left:10px}.pagination-btn .pagination-arrows{height:21px;position:relative;width:24px}@media only screen and (max-width: 767px){.pagination-btn .pagination-arrows{height:17px;width:20px}}.pagination-btn .pagination-arrows__arrow{height:auto;position:absolute;right:0;top:0;width:100%}.primary-btn{all:initial;background-color:#fff;border:2px solid #c4c4c4;border-radius:3px;color:#1a73e8 !important;cursor:pointer;font-family:"Google Sans",arial,helvetica,sans-serif;font-size:16px !important;font-weight:500;min-height:40px;min-width:120px;padding:9px 23px;text-transform:none !important;transition:background-color .25s linear,color .25s linear,border .25s linear}.primary-btn:hover{background-color:#1a73e8;border:2px solid transparent;color:#fff !important;text-decoration:none;text-transform:none}.primary-btn:focus{background-color:#1a73e8;border:2px solid #000;color:#fff !important;text-decoration:none;text-transform:none}.primary-btn:disabled{border:2px solid #c4c4c4;color:#c4c4c4 !important}.FeaturedPost{padding:36px 0}.FeaturedPost .heroPost{margin:0 auto;max-width:calc(100vw - 40px);padding:0 .625vw;width:100%}@media only screen and (min-width: 1281px){.FeaturedPost .heroPost{max-width:1336px;padding:0 28px}}.filters.header-desktop.is-open{box-shadow:0 2px 5px 0 rgba(32,33,36,.07),0 19px 38px 0 rgba(32,33,36,.06)}.filter{background:#f8f9fa;height:100%;margin:0 10px 2px;max-height:56px;opacity:1;overflow-y:hidden;transition:background .4s,box-shadow .4s,max-height .4s,height .4s cubic-bezier(0.4, 0, 0.2, 1),opacity .4s linear;width:100%}.filter.is-active{background:#fff !important;box-shadow:0 2px 5px 0 rgba(32,33,36,.07),0 19px 38px 0 rgba(32,33,36,.06);max-height:440px;position:relative}.filter.is-active .filter__list{overflow-y:hidden}.search.has-grey-background .filter.is-active{background:#fff !important;box-shadow:0 2px 5px 0 rgba(32,33,36,.07),0 19px 38px 0 rgba(32,33,36,.06);max-height:440px;position:relative}.sidebar{max-width:312px}.sidebar .filter.is-active .filter__list{max-height:100%}.sidebar .filter__title{position:-webkit-sticky;position:sticky}.sidebar .filters.filters-vertical{margin-top:90px;position:-webkit-sticky;position:sticky;top:70px}.sidebar .filter__list-row{text-align:justify}.sidebar .BlogSearch input{border-bottom:1px solid #bdc1c6;transition:border-color .25s cubic-bezier(0.4, 0, 0.2, 1);width:100%}.sidebar .BlogSearch input:focus{border-color:#1a73e8}.sidebar .search-submit{background:none;border:none;cursor:pointer;left:8px;left:auto;outline:none;position:absolute;right:0;top:12px;top:2px}.sidebar .search-submit img{opacity:.8;width:18px}.sidebar .filter-btn{font-size:15px;height:20px}.sidebar .labels .filter-btn{width:auto}.sidebar .filter-result-container{max-height:385px}.filters__row{display:flex;margin:.625vw 0;max-width:585px;position:relative}.header-desktop .filters__row{margin-left:-10px;margin-right:-10px;max-width:370px;width:100%;z-index:10}.header-desktop .filters__wrapper{margin:0 auto;max-width:calc(100vw - 40px);padding:0 .625vw;width:100%}.header-desktop .filter__list{display:none;margin:0 auto;max-width:calc(100vw - 40px);opacity:1;padding:0;pointer-events:auto;visibility:visible}.header-desktop .filter__list.active{display:block}.header-desktop .filter__search{align-items:flex-end;display:flex;flex-direction:column;height:58px;justify-content:center;position:relative;width:100%}.header-desktop .filter__search input{border-bottom:1px solid #bdc1c6;transition:border-color .25s cubic-bezier(0.4, 0, 0.2, 1);width:100%}.header-desktop .filter__search input:focus{border-color:#1a73e8}.header-desktop .filter__search .header-search-submit{left:auto;right:0;top:17px}.header-desktop .filter__search .header-search-submit img{opacity:.8;width:18px}.header-desktop .filter-result-container{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.header-desktop .filter-result-container>li{margin:6px 25px 6px 0;width:calc(25% - 25px)}.header-desktop .search-input{width:315px}.filters__wrapper{height:68px;margin:0 auto;max-width:1336px;position:relative;width:calc(100vw - 40px)}.home-content .filter.is-active{box-shadow:none}.home-content .sidebar .filter.is-active{box-shadow:0 19px 38px rgba(32,33,36,.06),0 2px 5px rgba(32,33,36,.07);max-height:665px}.home-content .filters{display:none;position:absolute;transition:top .25s cubic-bezier(0.4, 0, 0.2, 1);width:100%;z-index:2}.filters.is-fixed{position:fixed;top:0}.filters-vertical .filters__wrapper{height:100%;max-width:100%}.filters-vertical .filters__row{display:block;height:100%;max-width:100%;position:relative}.filters-vertical .filter{margin:0 0 2px}.filters-vertical .filter__list{padding:0 8px 14px;text-align:left}.filters-vertical.filters{position:relative}.filter__list-row{border-bottom:1px solid #dadce0;overflow:hidden;padding:16px 0}.header-desktop.filters{background:#fff}.filter-result-container{display:flex;flex-direction:column;margin:0 6px;max-height:255px;overflow-y:auto;padding:8px 0 20px}.filter-result-container>li,.filter-result-container .no-content{margin:6px 0}.filter-result-container>li>a:hover,.filter-result-container>li>a:focus,.filter-result-container .no-content>a:hover,.filter-result-container .no-content>a:focus{color:#1a73e8}.filter-result-container>li>a,.no-content{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:14px;font-weight:400;line-height:normal;color:#3c4043}.header__link{color:#5f6368 !important}.header__link:hover{border:none;color:#000 !important}header .BlogSearch{margin-bottom:28px}header .Label{background:#f8f9fa;margin:2px 0;padding:14px 21px 14px 14px;text-align:left;transition:background .25s linear,opacity .25s linear}header .Label:hover{background:#f1f3f4}header .Label details{position:relative;text-align:left;width:100%}header .Label details::after{background:#1a73e8;content:"";height:2px;position:absolute;right:14px;top:13px;transform:translateY(-50%);transform:translateY(-50%) rotate(90deg);transition:opacity .4s,transform .4s;width:8px}header .Label details::before{background:#1a73e8;content:"";height:2px;position:absolute;right:14px;top:13px;transform:translateY(-50%);transition:opacity .4s,transform .4s;width:8px}header .Label details[open]::before{opacity:0;transform:translateY(-50%) rotate(-90deg)}header .Label details[open]::after{transform:translateY(-50%)}header .Label h3{color:#292929;font-size:16px}header .Label .svg-icon-24{display:none !important}header .Label summary{height:auto}header .Label .collapsible-title{height:auto}header .BlogArchive{background:#f8f9fa;margin:2px 0;padding:14px 21px 14px 14px;text-align:left;transition:background .25s linear,opacity .25s linear}header .BlogArchive:hover{background:#f1f3f4}header .BlogArchive details{position:relative;text-align:left;width:100%}header .BlogArchive details::after{background:#1a73e8;content:"";height:2px;position:absolute;right:14px;top:13px;transform:translateY(-50%);transform:translateY(-50%) rotate(90deg);transition:opacity .4s,transform .4s;width:8px}header .BlogArchive details::before{background:#1a73e8;content:"";height:2px;position:absolute;right:14px;top:13px;transform:translateY(-50%);transition:opacity .4s,transform .4s;width:8px}header .BlogArchive details[open]::before{opacity:0;transform:translateY(-50%) rotate(-90deg)}header .BlogArchive details[open]::after{transform:translateY(-50%)}header .BlogArchive h3{color:#292929;font-size:16px}header .BlogArchive .svg-icon-24{display:none !important}header .BlogArchive summary{height:auto}header .BlogArchive .collapsible-title{height:auto}header ul{list-style:none;padding-left:0}header .widget-content{max-height:400px}header ul.hierarchy{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0 -8px}header ul.hierarchy li{margin:0 8px}#ulPrevPost{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.previous-posts{border-top:1px solid #dadce0;margin:20px 0 30px}.previous-posts .card__container{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;width:100%}.previous-posts .card__container-img{-o-object-fit:cover;object-fit:cover}.previous-posts .title{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:36px;font-weight:400;line-height:normal;margin:48px 0}@media only screen and (max-width: 767px){.previous-posts .title{font-size:24px}}@media only screen and (max-width: 767px){.header-desktop .filters__wrapper{padding:0 .625vw}}@media only screen and (min-width: 1281px){.header-desktop .filters__wrapper{max-width:1336px;padding:0 28px}.header-desktop .filter__list{max-width:1336px;padding:0 20px}}@media only screen and (min-width: 767px){.home-content .filters{display:block}}@media only screen and (min-width: 767px){.header-desktop .filter__search{bottom:70px}}@media only screen and (min-width: 767px){.header-search-container{display:none;visibility:hidden}}.search-input>input{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:14px;font-weight:400;line-height:normal}.search{background:#f8f9fa;height:100%;margin:0 10px 2px;max-height:56px;opacity:1;overflow-y:hidden;transition:background .4s,box-shadow .4s,max-height .4s,height .4s cubic-bezier(0.4, 0, 0.2, 1),opacity .4s linear;width:100%}.search .search-input{background:url("/img/search_icon.svg") 15px center no-repeat;border:0;height:56px;outline:0;padding-left:50px;transition:background-color .25s linear,opacity .25s linear;width:100%}.search .search-input:hover{background-color:#f1f3f4}.input-row{display:inline-block;position:relative}.input-icon{color:#1a73e8;font-size:18px;position:absolute;right:16px;top:11px}.header-search-container{flex:1;text-align:right}.header-search-icon{cursor:pointer;display:inline-block}.header-search-icon img{margin:12px}.header-search-content{background:#fff;box-shadow:0 2px 5px 0 rgba(32,33,36,.07),0 19px 38px 0 rgba(32,33,36,.06);left:0;opacity:0;padding:8px 24px 28px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .1s linear}.header-search-content .search-input{background:#f1f3f4;border-radius:8px;height:48px;line-height:48px;transition:background .4s,box-shadow .4s,max-height .4s,height .4s cubic-bezier(0.4, 0, 0.2, 1),opacity .4s linear}.header-search-content .search-input input{padding-right:48px;width:calc(100% - 52px) !important}.header-search-content .BlogSearch{position:relative}.header-search-container.is-open .header-search-content{opacity:1;pointer-events:auto}.header-search-close{align-items:center;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:0;top:0;width:48px}.header-search-close img{height:14px;width:14px}.header-search-submit{background:none;border:none;cursor:pointer;left:8px;outline:none;position:absolute;top:12px}.hero .white-overlay{z-index:3}.hero .gen-art{top:-140px}@media only screen and (min-width: 1660px){.hero .gen-art{z-index:3}}.hero__title{align-self:flex-end;display:inline;margin-right:15px}.hero__title .wrap{display:block;max-width:760px}.hero-meta__wrapper{display:flex;flex-wrap:wrap}@media only screen and (max-width: 767px){.hero-meta__wrapper{justify-content:space-between}}.featured-posts-helper{display:flex;flex-direction:row;width:100%}@media only screen and (max-width: 767px){.featured-posts-helper{flex-direction:column}}body.feed-view .post-outer-container-helper{background-color:#fff;border:1px solid #dadce0;box-shadow:0 2px 5px rgba(32,33,36,.05),0 19px 38px rgba(32,33,36,.04);margin:8px .6%;padding:0;transition:box-shadow .25s linear;width:100%}@media only screen and (max-width: 767px){body.feed-view .post-outer-container-helper{max-width:95%;margin:8px 16px}}.post-share{margin:20px 0 40px}.socials{align-items:center;display:flex}.socials__item{cursor:pointer;height:auto;margin:0 5px;width:20px}.socials__item img{display:block}.hero-meta .socials{justify-content:right;flex:1}@media only screen and (max-width: 767px){.hero-meta .socials{position:absolute;right:14px;bottom:0px}}.blog-posts .post-outer-container:focus{outline:5px auto -webkit-focus-ring-color}.no-posts-message,.status-msg-body{font-family:"Google Sans",arial,helvetica,sans-serif;font-size:20px;font-weight:400;line-height:26px;background:#fff;color:#3c4043;margin:0;margin-top:-20px;padding-left:10px;padding-top:60px;position:absolute;text-align:left;width:100%}@media only screen and (max-width: 767px){.no-posts-message,.status-msg-body{font-size:18px}}.content__breadcrumbs{width:100%}@media only screen and (max-width: 767px){main.section-wrapper{padding-top:56px}.socials{margin:14px 0}} --></style> <!-- BLOGGER DEFAULT ELEMENTS + CUSTOM CHANGES --> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> </head> <body class='container feed-view label-view'> <!-- Google Tag Manager (noscript) --> <noscript><iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-MXDQM7L' style='display:none;visibility:hidden' width='0'></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- ADDS A CLASS FOR THE BODY TAG DEPENDING ON THE PAGE TYPE --> <a class='skip-navigation' href='#main' tabindex='0'> Skip to main content </a> <!-- (CUSTOM HTML) --> <div class='all-container'> <!-- HEADER START --> <!-- THIS BLOCK SHOULD MATCH THE FEEL AND LOOK OF research.google.com - START --> <header class='on-top' id='header'> <div class='header__top'> <a class='header__hamburger open-menu' href='#' id='hamburger'> <div class='header__hamburger-burger'></div> </a> <a class='header__lockup' href='https://research.google'> <span class='off-screen'>Google Research Blog</span> <div class='header__logo'> <img alt='Google Research' src='https://research.google/static/images/blog/google-research.svg'/> </div> </a> <!-- MOBILE MENU --> <nav class='header__nav' id='header__nav'> <a class='header__lockup' href='https://research.google'> <span class='off-screen'>Google Research Blog</span> <div class='header__logo'> <img alt='Google Research' src='https://research.google/static/images/blog/google-research.svg'/> </div> </a> <div class='header__items'> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/philosophy/'> Philosophy </a> </div> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/research-areas/'> Research Areas </a> </div> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/pubs/'> Publications </a> </div> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/people/'> People </a> </div> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/resources/'> Resources </a> </div> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/outreach/'> Outreach </a> </div> <div aria-level='1' class='header__item'> <a class='header__link' href='https://research.google/careers/'> Careers </a> </div> <div aria-level='1' class='header__item'> <a class='header__link header__link--active' href='https://blog.research.google/'> Blog </a> </div> </div> </nav> <div class='header-search-container' id='headerSearchContainer'> <div class='header-search-icon' id='headerSearch'> <img alt='Search' src='https://research.google/static/images/blog/search.svg'/> </div> <div class='header-search-content'> <div class='section' id='bsectionSearchContainer'><div class='widget BlogSearch' data-version='2' id='BlogSearch1'> <div class='widget-content' role='search'> <form action='/search' target='_top'> <div class='search-input'> <input aria-label='Search blog' autocomplete='off' name='q' placeholder='Search blog' required='true' value=''/> <input name='max-results' type='hidden' value='11'/> <input name='by-date' type='hidden' value='true'/> <div class='header-search-close' id='headerSearchClose'> <img alt='Close' src='https://research.google/static/images/blog/close.svg'/> </div> </div> <button class='header-search-submit' type='submit'> <img alt='Search' src='https://research.google/static/images/blog/search.svg'/> </button> </form> </div> </div></div> <!-- HEADER FILTERS --> <div class='filters filters-vertical'> <div class='filters__wrapper'> <div class='filters__row'> <div class='filter archive'> <button class='filter__title'>Archive</button> <div class='filter__list'> <div class='filter__list-row' id='mobileHeaderYearList'> <script type='text/javascript'> generateYearList('mobileHeaderYearList'); </script> </div> <div class='filter__list-row' id='mobileHeaderMonthList'> <script type='text/javascript'> generateMonthList('mobileHeaderMonthList'); </script> </div> <div id='postsContainerMobile'></div> </div> </div> <div class='filter labels'> <button class='filter__title'>Labels</button> <div class='filter__list'> <div class='filter__list-row'> <button class='filter-btn label-btn' onClick='filterLabels(this)'>All</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>A</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>B</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>C</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>D</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>E</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>F</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>G</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>H</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>I</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>J</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>K</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>L</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>M</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>N</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>O</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>P</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>Q</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>R</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>S</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>T</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>U</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>V</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>W</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>X</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>Y</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>Z</button> </div> <div id='labelsContainerMobile'></div> </div> </div> </div> </div> </div> </div> </div> <!-- MOBILE MENU END --> </div> <div class='header__overlay close-menu'></div> </header> <!-- HEADER END --> <!-- MAIN CONTENT START --> <!-- TOP OF CONTENT START --> <main class='section-wrapper'> <section class='hero'> <div class='gen-art' data-card-type='hero' data-gen-art='' data-id='/philosophy/'> <div class='artwork' data-gen-art-background=''> <canvas height='275' style='display: none' width='275'></canvas> <div height='100%' style=' display: block; background-image: url(&#39;https://research.google/static/images/blog/gen-art.png&#39;); background-repeat: no-repeat; background-size: cover; height: 275px; width: 275px; ' width='100%'></div> </div> </div> <!-- TOP OF CONTENT START --> <div class='white-overlay'> <div class='hero-meta'> <div class='hero-meta__wrapper'> <!-- BREADCRUMBS --> <nav class='content__breadcrumbs'> <a class='breadcrumb' href='https://blog.research.google/'>Blog</a> &#8250; </nav> <!-- BLOG TITLE --> <h1 class='hero__title'> <!-- SEARCH RESULT TITLE --> <span class='wrap'>Label: TensorFlow</span> </h1> </div> </div> </div> </section> </main> <!-- TOP OF CONTENT END --> <!-- THIS BLOCK SHOULD MATCH THE FEEL AND LOOK OF research.google.com - END --> <div class='centered-top-placeholder'></div> <!-- CONTENT BODY --> <div class='main_content_container clearfix home-content'> <!-- BODY FILTERS --> <div class='filters header-desktop'> <div class='filters__wrapper'> <div class='filters__row'> <div class='filter archive'> <button class='filter__title'>Archive</button> </div> <div class='filter labels'> <button class='filter__title'>Labels</button> </div> </div> <div class='filter__search section' id='bsectionSearchContainer2'><div class='widget BlogSearch' data-version='2' id='BlogSearch2'> <div class='widget-content' role='search'> <form action='/search' target='_top'> <div class='search-input'> <input aria-label='Search blog by keyword or author' autocomplete='off' name='q' placeholder='Search blog by keyword or author' required='true' value=''/> <input name='max-results' type='hidden' value='11'/> <input name='by-date' type='hidden' value='true'/> </div> <button class='header-search-submit' type='submit'> <img alt='Search' src='https://research.google/static/images/blog/search.svg'/> </button> </form> </div> </div></div> </div> <!-- FILTERS START --> <!-- ARCHIVE --> <div class='filter__list archive'> <div class='filter__list-row' id='desktopHeaderYearList'> <script type='text/javascript'> generateYearList('desktopHeaderYearList'); </script> </div> <div class='filter__list-row' id='desktopHeaderMonthList'> <script type='text/javascript'> generateMonthList('desktopHeaderMonthList'); </script> </div> <div id='postsContainerDesktop'></div> </div> <!-- LABELS --> <div class='filter__list labels'> <div class='filter__list-row'> <button class='filter-btn label-btn' onClick='filterLabels(this)'>All</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>A</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>B</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>C</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>D</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>E</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>F</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>G</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>H</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>I</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>J</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>K</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>L</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>M</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>N</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>O</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>P</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>Q</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>R</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>S</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>T</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>U</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>V</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>W</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>X</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>Y</button> <button class='filter-btn label-btn' onClick='filterLabels(this)'>Z</button> </div> <div id='labelsContainerDesktop'></div> </div> </div> <!-- FILTERS END --> <!-- PAGE CONTENT --> <div class='page'> <div class='page_body'> <div class='centered'> <main class='centered-bottom' id='main' role='main' tabindex='-1'> <div class='main section' id='page_body' name='Page Body'> <div class='widget Blog' data-version='2' id='Blog1'> <div class='blog-posts hfeed container'> <a aria-label='Graph neural networks in TensorFlow' class='post-outer-container' href='https://blog.research.google/2024/02/graph-neural-networks-in-tensorflow.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_3264694155710647310'></span> <style> #snippet_thumbnail_id_3264694155710647310 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnTwrjg8cyZhVY1c-qi2ZEenIrDlkmlKlX0GsAuiKiIoxUu6i-phANh8tsCG4mUm5i-7t3zdLwuwn5DCcuQI5FKq-C3eibPnuqfoLuKFUsx-I3Ovim1Teps_JKiKZH7XqgHupnsOa2Y3peUgWcPNYG4ZIqA2_KQwxJpflo0WM6gNW8tXg5eDndiWx_dKK/s1600/TFGNN%20hero.gif); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2024/02/graph-neural-networks-in-tensorflow.html'/> <time class='eyebrow' datetime='2024-02-06T11:17:00-08:00' title='2024-02-06T11:17:00-08:00'> Feb 06, 2024 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Graph neural networks in TensorFlow </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Visual Blocks for ML: Accelerating machine learning prototyping with interactive tools' class='post-outer-container' href='https://blog.research.google/2023/04/visual-blocks-for-ml-accelerating.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_6318039050629886850'></span> <style> #snippet_thumbnail_id_6318039050629886850 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7alDg3lrJ1OofDgtgrcGJlHpjkoU_DThiHYOUepNt4mEUfRJckufpZD8wExahLSJC1S7XQZrznp0WkApOI8cq4-hPwxolT65igv5zx6wG0o1avhmKE2HQuz_aHAz2mld3ViB5Rc0eZnLK75EEILqsfjqhnLw7m22oK0fGVZadBWG-BRObu8oJpWKiQ/s320/Visual%20blocks%20hero.jpg); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2023/04/visual-blocks-for-ml-accelerating.html'/> <time class='eyebrow' datetime='2023-04-21T12:01:00-07:00' title='2023-04-21T12:01:00-07:00'> Apr 21, 2023 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Visual Blocks for ML: Accelerating machine learning prototyping with interactive tools </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Advances in TF-Ranking' class='post-outer-container' href='https://blog.research.google/2021/07/advances-in-tf-ranking.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_3366307881061046058'></span> <style> #snippet_thumbnail_id_3366307881061046058 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm2tJ5QzqdSvr07pogDb0cx2HaiT9aZD80XGJeC2TNl-ucDxXF9DZrHKlnzgnBezABMo6onKn0bb5eu7qPHkPUB2YFDMkhhyphenhyphens_VW_0PVM99XHdNzx4_Mi_LRbV7rTovyjd1WfYGzpUcCE9/w400-h183/image1.jpg); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2021/07/advances-in-tf-ranking.html'/> <time class='eyebrow' datetime='2021-07-27T09:49:00-07:00' title='2021-07-27T09:49:00-07:00'> Jul 27, 2021 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Advances in TF-Ranking </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Accelerating Neural Networks on Mobile and Web with Sparse Inference' class='post-outer-container' href='https://blog.research.google/2021/03/accelerating-neural-networks-on-mobile.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_4329745424059307465'></span> <style> #snippet_thumbnail_id_4329745424059307465 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5aBX9GM_aD21LNxLEezh2QEW48y1GCX_j4vV8QAaigHBiGz8FDNXO7H4yk9eqPi3tpzhZgcLIfJD8VF2MF2pRoz_FFflxpNGkVydgM582J3MMP7TZPg5GE7nP-aSf4uBzUd9MMTI6gmnN/w640-h186/image3.gif); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2021/03/accelerating-neural-networks-on-mobile.html'/> <time class='eyebrow' datetime='2021-03-09T11:50:00-08:00' title='2021-03-09T11:50:00-08:00'> Mar 09, 2021 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Accelerating Neural Networks on Mobile and Web with Sparse Inference </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Introducing Model Search: An Open Source Platform for Finding Optimal ML Models' class='post-outer-container' href='https://blog.research.google/2021/02/introducing-model-search-open-source.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_4569760352331859194'></span> <style> #snippet_thumbnail_id_4569760352331859194 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbP2NUWyxe5EEnA11cWD2pQ5LgTIJg8-OzSIC1rZd1bMdp7b1M-ThRm3zbdwh4l3wNKmyToL7GR0-UPvj3oeJEXUas5lWUnQ_bB7Ivg2YIrDY7hUx7l99NtRgOAgPPPbDJOF4XK0eTdEm/w640-h312/image2.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2021/02/introducing-model-search-open-source.html'/> <time class='eyebrow' datetime='2021-02-19T10:35:00-08:00' title='2021-02-19T10:35:00-08:00'> Feb 19, 2021 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Introducing Model Search: An Open Source Platform for Finding Optimal ML Models </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='3D Scene Understanding with TensorFlow 3D' class='post-outer-container' href='https://blog.research.google/2021/02/3d-scene-understanding-with-tensorflow.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_8005827684703187782'></span> <style> #snippet_thumbnail_id_8005827684703187782 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNttPYm8YKsDY5glIta-R4-l0pg7yud3-xSy2uwhmqpjN7Pe5y0wCQoyEsS0ftAyIeUjdzc-I7SV2QhzAwEPwbOql-sMmpTQDIN9zTp9NRlxZm5kkgfxNi4wCReJkCnxF3E4Bbub824qt/w640-h240/image1.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2021/02/3d-scene-understanding-with-tensorflow.html'/> <time class='eyebrow' datetime='2021-02-11T13:32:00-08:00' title='2021-02-11T13:32:00-08:00'> Feb 11, 2021 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> 3D Scene Understanding with TensorFlow 3D </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Mitigating Unfair Bias in ML Models with the MinDiff Framework' class='post-outer-container' href='https://blog.research.google/2020/11/mitigating-unfair-bias-in-ml-models.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_8591272555318714436'></span> <style> #snippet_thumbnail_id_8591272555318714436 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKemHQVQjQNpV3ob6wycbGkyeeQBwrTafSbG5VapmSR1Ob051oXpg3EKQu12e7mPzrDdvchWHcTGMzCRpuVI0q2MVt5sqXo7pBfnGDPQ45OgyTOT3p-iIzfd-cz-cvI8-vGOBlByvIh9PL/w400-h300/image1.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/11/mitigating-unfair-bias-in-ml-models.html'/> <time class='eyebrow' datetime='2020-11-16T12:55:00-08:00' title='2020-11-16T12:55:00-08:00'> Nov 16, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Mitigating Unfair Bias in ML Models with the MinDiff Framework </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Developing Real-Time, Automatic Sign Language Detection for Video Conferencing' class='post-outer-container' href='https://blog.research.google/2020/10/developing-real-time-automatic-sign.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_8730996987293007245'></span> <style> #snippet_thumbnail_id_8730996987293007245 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXBvq-zm-z00l98dn0Pahih1liBH6rRNNCYYO1E99EXb-HUeHFIRbuzkChoGPltnrIPs3eHTXrWrlD91tAlmEO1fpKvRsDaIKhtSuPGOoK2Gz3Z6jjH5dCqms1_LIj392e7sSLP-9JHJC/w400-h285/image2.gif); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/10/developing-real-time-automatic-sign.html'/> <time class='eyebrow' datetime='2020-10-01T13:09:00-07:00' title='2020-10-01T13:09:00-07:00'> Oct 01, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Developing Real-Time, Automatic Sign Language Detection for Video Conferencing </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Massively Scaling Reinforcement Learning with SEED RL' class='post-outer-container' href='https://blog.research.google/2020/03/massively-scaling-reinforcement.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_648775184341036388'></span> <style> #snippet_thumbnail_id_648775184341036388 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLghdfmbLjBNHgHz_Mpvxp9r7zYn2hSWDTOjw8iRSYKAsbuzFn7Z6t4ABt7zDAAOAWuCEQq3w4OCkIhrFrmc6A5iHu7cpJMFVtSP0Yy7G9q_6ttssN9sBuvq3Vjcq3PlMsWoqE2GGz2Cu2/s640/impala_overview.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/03/massively-scaling-reinforcement.html'/> <time class='eyebrow' datetime='2020-03-23T10:08:00-07:00' title='2020-03-23T10:08:00-07:00'> Mar 23, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Massively Scaling Reinforcement Learning with SEED RL </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Announcing TensorFlow Quantum: An Open Source Library for Quantum Machine Learning' class='post-outer-container' href='https://blog.research.google/2020/03/announcing-tensorflow-quantum-open.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_8622429437428263507'></span> <style> #snippet_thumbnail_id_8622429437428263507 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgsivwBNZAVFOys6c9d6snHp34ia3byooMH3TTs05HjqBd73tjUC2lSf_A1VqJut9QEnVXXPJTOIJv7iWfP7vGOhtLwFxegMY8Ip4cUgeiSDWJurgI5SRwQs2qhfmpdBGQxb94jIo0Kaco/s640/image2.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/03/announcing-tensorflow-quantum-open.html'/> <time class='eyebrow' datetime='2020-03-09T08:00:00-07:00' title='2020-03-09T08:00:00-07:00'> Mar 09, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Announcing TensorFlow Quantum: An Open Source Library for Quantum Machine Learning </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Toward Human-Centered Design for ML Frameworks' class='post-outer-container' href='https://blog.research.google/2020/03/toward-human-centered-design-for-ml.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_kl76575722'></span> <style> #snippet_thumbnail_id_kl76575722 { background-size: 80%; background-image: url('https://research.google/static/images/blog/google-ai-fallback.png'); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/03/toward-human-centered-design-for-ml.html'/> <time class='eyebrow' datetime='2020-03-03T11:54:00-08:00' title='2020-03-03T11:54:00-08:00'> Mar 03, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Toward Human-Centered Design for ML Frameworks </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Ultra-High Resolution Image Analysis with Mesh-TensorFlow' class='post-outer-container' href='https://blog.research.google/2020/02/ultra-high-resolution-image-analysis.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_5080112315973726399'></span> <style> #snippet_thumbnail_id_5080112315973726399 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgResVGKLnDpHWcRsv9GZddn4D0qzHxG-jdGf7kqxIkyZwhyFiYGAhtSFYpzQ-CzPNfv4rt1sZBPGaB76Dbvj8JeWGn_xJK5w28kXmXzapXKO_60aIEcNu5JwSX9uQ4rzk1YOJapsOVODCi/s640/image1.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/02/ultra-high-resolution-image-analysis.html'/> <time class='eyebrow' datetime='2020-02-28T11:02:00-08:00' title='2020-02-28T11:02:00-08:00'> Feb 28, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Ultra-High Resolution Image Analysis with Mesh-TensorFlow </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Setting Fairness Goals with the TensorFlow Constrained Optimization Library' class='post-outer-container' href='https://blog.research.google/2020/02/setting-fairness-goals-with-tensorflow.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_2071512240351407854'></span> <style> #snippet_thumbnail_id_2071512240351407854 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbM-UqcpDqV6psAKfRB1rVVliAgkuRAL0UJCaSGUeGeHULB6ur0bxZtAqvPqmBz6pREGjI6cfPThYI5kUVsArtxF_mmwTBECTjv7y8HVOEsMUdvZMh0UtF395TAlMA72QEdgU-UIfSSBYK/s320/image2.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2020/02/setting-fairness-goals-with-tensorflow.html'/> <time class='eyebrow' datetime='2020-02-21T10:00:00-08:00' title='2020-02-21T10:00:00-08:00'> Feb 21, 2020 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Setting Fairness Goals with the TensorFlow Constrained Optimization Library </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Fairness Indicators: Scalable Infrastructure for Fair ML Systems' class='post-outer-container' href='https://blog.research.google/2019/12/fairness-indicators-scalable.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_8022966087440073054'></span> <style> #snippet_thumbnail_id_8022966087440073054 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabyAIgU3ZuR1dHOm0Q4AQTEPxGWZEzrFNuPZ1GG7BnfUq8kRxdDMDqiVO3uejSJw9yE70-t4aMBaMLtUIVb6hDC1w4sV8pLHrW4K_aOR-fn_0xCGCJXBRiRBu0RdwdsK1nCLkGnvXXeoi/s640/image2.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2019/12/fairness-indicators-scalable.html'/> <time class='eyebrow' datetime='2019-12-11T10:31:00-08:00' title='2019-12-11T10:31:00-08:00'> Dec 11, 2019 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Fairness Indicators: Scalable Infrastructure for Fair ML Systems </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='A New Workflow for Collaborative Machine Learning Research in Biodiversity' class='post-outer-container' href='https://blog.research.google/2019/10/a-new-workflow-for-collaborative.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_2800096690342727910'></span> <style> #snippet_thumbnail_id_2800096690342727910 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8i6d5kow1YWPCsbLVg4QzjsZVbwuxy_bfR6CP1rMYEfta_g7Y73qNwmoOtbHdbQxwlj_ffOlNRjbg1yAMpwIkAqwPlpLiL4F8KZGK5G7IsY6_gfCi6T_mcy_1wiuQ9zDQwuWfUua1VOm/s640/image1.gif); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2019/10/a-new-workflow-for-collaborative.html'/> <time class='eyebrow' datetime='2019-10-25T10:01:00-07:00' title='2019-10-25T10:01:00-07:00'> Oct 25, 2019 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> A New Workflow for Collaborative Machine Learning Research in Biodiversity </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Introducing TensorNetwork, an Open Source Library for Efficient Tensor Calculations' class='post-outer-container' href='https://blog.research.google/2019/06/introducing-tensornetwork-open-source.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_7381390031831556801'></span> <style> #snippet_thumbnail_id_7381390031831556801 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaI08sRhVDRzuwCr1NZMSldhHtXF2_0OTRYxl0dlcM0Q8jQVEBDa8xEI9xqxvyxSlPTb3OyWPls_3LutGInbpPwUoSsdU9XT-Xv-Njgfh3DYnACdjwgOBnLjbRCQZP_vi3KzOTSeJgCmw_/s640/image1.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2019/06/introducing-tensornetwork-open-source.html'/> <time class='eyebrow' datetime='2019-06-04T11:29:00-07:00' title='2019-06-04T11:29:00-07:00'> Jun 04, 2019 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Introducing TensorNetwork, an Open Source Library for Efficient Tensor Calculations </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='RNN-Based Handwriting Recognition in Gboard' class='post-outer-container' href='https://blog.research.google/2019/03/rnn-based-handwriting-recognition-in.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_62796171191612064'></span> <style> #snippet_thumbnail_id_62796171191612064 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDB_BCk1fn6oRwtYlvS03boX0mpWX_o10IZW20JgrqNoQ4lfjkqpk9vzqRqpBjSvfzaGibyaTKflLt16p8iDSP2A4-RPSz8PblmXeVIUiWuvG-Q3j8YV7Kk4IDqTx_g3FPhlt3MdBHyh-/s640/image2.gif); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2019/03/rnn-based-handwriting-recognition-in.html'/> <time class='eyebrow' datetime='2019-03-07T11:00:00-08:00' title='2019-03-07T11:00:00-08:00'> Mar 07, 2019 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> RNN-Based Handwriting Recognition in Gboard </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='TF-Ranking: A Scalable TensorFlow Library for Learning-to-Rank' class='post-outer-container' href='https://blog.research.google/2018/12/tf-ranking-scalable-tensorflow-library.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_4518500962208691274'></span> <style> #snippet_thumbnail_id_4518500962208691274 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj27FWIyvzI0E0lvjz-SmVGzw5nSD0troIvfS7sEDBFW-WNKbFt1zaKaz86u0A3dpRyPHurPBFGaN0_lhp08TOWaPqb5lQbMp_9bq9IMZOg4xpr60ejA2CJjez0aUMdzSgJhIqPAmvpbcsJ/s640/image1.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2018/12/tf-ranking-scalable-tensorflow-library.html'/> <time class='eyebrow' datetime='2018-12-05T10:00:00-08:00' title='2018-12-05T10:00:00-08:00'> Dec 05, 2018 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> TF-Ranking: A Scalable TensorFlow Library for Learning-to-Rank </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Open Sourcing BERT: State-of-the-Art Pre-training for Natural Language Processing' class='post-outer-container' href='https://blog.research.google/2018/11/open-sourcing-bert-state-of-art-pre.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_7731460472088282300'></span> <style> #snippet_thumbnail_id_7731460472088282300 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyPx8u-mEuxEgSMQZXQTP676nemroEHAtJJZLDKxxjFMBFDrR7KAOxXYJnrsOyah0BbQAPMkexgOeVkUvyS0Nt3uX5swgyRue9A84qcGOWVNdT0bIqIlxhL-YWDW1YimepfPNu4Xv4xj04/s640/image3.png); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2018/11/open-sourcing-bert-state-of-art-pre.html'/> <time class='eyebrow' datetime='2018-11-02T10:30:00-07:00' title='2018-11-02T10:30:00-07:00'> Nov 02, 2018 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Open Sourcing BERT: State-of-the-Art Pre-training for Natural Language Processing </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> <a aria-label='Introducing AdaNet: Fast and Flexible AutoML with Learning Guarantees' class='post-outer-container' href='https://blog.research.google/2018/10/introducing-adanet-fast-and-flexible.html'> <article> <div class='post-outer full-post'> <div class='snippet-thumbnail'> <span class='snippet-thumbnail-img' id='snippet_thumbnail_id_7002697973174521541'></span> <style> #snippet_thumbnail_id_7002697973174521541 { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIs43K7YFshi11GNTG9Inzcw9EBuNblF6Vmx6Gjest8hyphenhyphenTXyosCakcxhWizKJ1sX4H5MrCCOZQe-oUU5mYN9xA7fcEj8q8SOhMVg02xPplykMRLN8LHNfD9zOMff-q11xPb7a9LWHjzrmB/s400/image1.gif); } </style> </div> <div class='post-content container'> <div class='post-header-container container'> <div class='post-header'> <div class='post-header-line-1'> <span class='byline post-timestamp'> <meta content='http://blog.research.google/2018/10/introducing-adanet-fast-and-flexible.html'/> <time class='eyebrow' datetime='2018-10-30T09:00:00-07:00' title='2018-10-30T09:00:00-07:00'> Oct 30, 2018 </time> </span> </div> </div> </div> <div class='post-title-container'> <h3 class='post-title entry-title'> Introducing AdaNet: Fast and Flexible AutoML with Learning Guarantees </h3> </div> <div class='post-bottom'> <div class='post-footer'> </div> <div class='byline jump-link'> <img src='https://research.google/static/images/blog/right-arrow-blue.svg'/> </div> </div> </div> </div> </article> </a> </div> <div data-posts-count='20'> <div class='blog-pager pagination' id='blog-pager'> <div class='pager-posts-row'> <a class='pagination-btn older hidden' href='https://blog.research.google/search/label/TensorFlow?updated-max=2018-10-30T09:00:00-07:00&max-results=20&start=20&by-date=false' id='olderPostsBtn' title=''> <span>Previous posts</span> <span class='pagination-arrows'> <img class='pagination-arrows__arrow' src='https://research.google/static/images/blog/right-arrow-grey-large.svg'/> <img class='pagination-arrows__arrow active' src='https://research.google/static/images/blog/right-arrow-blue-large.svg'/> </span> </a> </div> </div> </div> </div></div> </main> <!-- MAIN CONTENT END --> </div> </div> </div> </div> <!-- THIS BLOCK SHOULD MATCH THE FEEL AND LOOK OF research.google.com - START --> <!-- FOOTER START --> <footer> <a aria-label='Google' class='footer__logo' href='https://www.google.com' target='_blank'> <img alt='Google' src='https://research.google/static/images/blog/google-logo-alt.svg'/> </a> <!-- FOOTER NAVIGATION --> <div class='footer__links'> <a class='footer__link' href='https://policies.google.com/privacy' target='_blank'>Privacy</a> <a class='footer__link' href='https://policies.google.com/terms' target='_blank'>Terms</a> <a class='footer__link' href='https://about.google/' target='_blank'>About Google</a> <a class='footer__link' href='https://about.google/intl/en/products/' target='_blank'>Google Products</a> </div> </footer> <!-- FOOTER END --> <!-- THIS BLOCK SHOULD MATCH THE FEEL AND LOOK OF research.google.com - END --> </div> <!-- CUSTOM SCRIPTS THAT ARE LOADED WHEN THE PAGE IS READY --> <script type='text/javascript'> //<![CDATA[ // VARIABLES let selectedYear = new Date().getFullYear(); let selectedMonth = 1; let labelsResultContainer = null; let blogData = null; const header = document.querySelector('#header'); const headerHeight = header.offsetHeight; const filters = document.querySelectorAll('.filters-vertical .filter__title'); const filtersRow = document.querySelector('.home-content .filters.header-desktop'); const headerSearch = document.querySelector('#headerSearch'); const headerSearchContainer = document.querySelector('#headerSearchContainer'); const headerSearchClose = document.querySelector('#headerSearchClose'); const headerOverlay = document.querySelector('.hero .white-overlay'); const blogPager = document.querySelector('#blog-pager'); const openMobileMenuElements = document.querySelector('.open-menu'); const closeMobileMenuElements = document.querySelector('.close-menu'); const scrolledClass = 'is-scrolled'; const isActiveClass = 'is-active'; const activeClass = 'active'; const openClass = 'is-open'; const fixedClass = 'is-fixed'; const notTopClass = 'not-on-top'; const topClass = 'on-top'; const defaultFiltersPositionY = 85; let scrollTopOld = 0; let waiting = false; let endScrollHandle = null; const headerDesktopArchiveTitle = document.querySelector('.header-desktop .archive .filter__title'); const headerDesktopLabelsTitle = document.querySelector('.header-desktop .labels .filter__title'); const archiveList = document.querySelector('.header-desktop .filter__list.archive'); const labelsList = document.querySelector('.header-desktop .filter__list.labels'); const yearBtns = document.querySelectorAll('.year-btn'); const labelBtns = document.querySelectorAll('.label-btn'); const monthBtns = document.querySelectorAll('.month-btn'); const urlParams = new URLSearchParams(window.location.search); let postsContainer, labelsContainer; if (window.innerWidth < 769) { postsContainer = document.querySelector('#postsContainerMobile'); labelsContainer = document.querySelector('#labelsContainerMobile'); } else { postsContainer = document.querySelector('#postsContainerDesktop'); labelsContainer = document.querySelector('#labelsContainerDesktop'); } const allLabel = document.querySelectorAll('.filter__list-row button.label-btn:first-child'); const getCurrentYear = new Date().getFullYear(); const oldBylineAuthor = document.querySelector('#Blog1 .byline-author'); const newBylineAuthor = document.querySelector('#Blog1 #newBylineAuthor'); const body = document.querySelector('body.search-view') || document.querySelector('body.label-view'); // USED TO CLOSE FILTER MODAL const pageContent = document.getElementsByClassName('page'); const blog1 = document.getElementById('Blog1'); const archiveElement = document.getElementsByClassName('filter__list archive'); const labelsElement = document.getElementsByClassName('filter__list labels'); const archiveIcon = document.getElementsByClassName('filter archive'); const labelIcon = document.getElementsByClassName('filter labels'); // MAKES ALL THE FIRST ELEMENTS OF THE FILTER ACTIVE allLabel.forEach(btn => { btn.classList.add(activeClass); }); // SELECT YEAR const setYear = e => { selectedYear = Number(e.target.textContent); yearBtns.forEach(btn => { btn.classList.remove(activeClass); e.target.classList.add(activeClass); }); fetchPosts(); }; // ADD CLICK LISTENER FOR EVERY YEAR BUTTON yearBtns.forEach(btn => { btn.addEventListener('click', setYear); }); // FILTER LABLES const filterLabels = target => { if (target) { labelBtns.forEach(btn => { btn.classList.remove(activeClass); target.classList.add(activeClass); }); } const letter = target ? target.textContent : 'All'; let labels = blogData; if (letter !== 'All') { labels = labels.filter(label => label[0].toLowerCase() === letter.toLowerCase()); } const pLabel = document.querySelector('#pLabel'); const ulLabel = document.querySelector('#ulLabel'); if (ulLabel) ulLabel.remove(); if (!labels.length) { const ul = document.createElement('ul'); ul.classList.add('filter-result-container'); ul.setAttribute('id', 'ulLabel'); const p = document.createElement('p'); p.classList.add('no-content'); p.textContent = 'No labels'; p.setAttribute('id', 'pLabel'); ul.appendChild(p); labelsContainer.appendChild(ul); return; } if (labels.length) { if (pLabel) pLabel.remove(); labelsResultContainer = labels.map(label => { const li = document.createElement('li'); const a = document.createElement('a'); a.setAttribute('href', `/search/label/${label}?max-results=11`); a.textContent = label; li.appendChild(a); return li; }); const ul = document.createElement('ul'); ul.classList.add('filter-result-container'); ul.setAttribute('id', 'ulLabel'); ul.append(...labelsResultContainer); labelsContainer.appendChild(ul); } }; const closeFilters = () => { archiveElement[0].classList.remove(activeClass); labelsElement[0].classList.remove(activeClass); archiveIcon[1].classList.remove(isActiveClass); labelIcon[1].classList.remove(isActiveClass); filtersRow.classList.remove(openClass); }; // GET LABELS const getLabels = target => { blog1.addEventListener('click', closeFilters); pageContent[0].addEventListener('click', closeFilters); const link = `https://www.googleapis.com/blogger/v3/blogs/${BLOG_ID}/posts?&key=${API_KEY}&maxResults=500`; const labels = fetch(link) .then(response => { return response.json(); }) .then(data => { if (data.items) { const labelsArr = [ ...new Set( data.items .map(el => el.labels) .filter(el => el) .flat() .sort() ), ]; blogData = labelsArr; filterLabels(); } }); }; // FETCH POSTS WHEN THE FILTER CONDITIONS CHANGE const fetchPosts = e => { if (e) { monthBtns.forEach(btn => { btn.classList.remove(activeClass); e.target.classList.add(activeClass); }); } selectedMonth = e ? Number(e.target.value) : selectedMonth; const formatedMonth = selectedMonth < 10 ? '0' + selectedMonth : selectedMonth; const link = `https://www.googleapis.com/blogger/v3/blogs/${BLOG_ID}/posts?&startDate=${selectedYear}-${formatedMonth}-01T00:00:00.00Z&endDate=${selectedYear}-${formatedMonth}-31T23:59:59.59Z&key=${API_KEY}`; const pArchive = document.querySelector('#pArchive'); const ulArchive = document.querySelector('#ulArchive'); const posts = fetch(link) .then(response => { return response.json(); }) .then(data => { if (!postsContainer) return; if (!data.items) { if (ulArchive) ulArchive.remove(); const ul = document.createElement('ul'); ul.classList.add('filter-result-container'); ul.setAttribute('id', 'ulArchive'); const p = document.createElement('p'); p.classList.add('no-content'); p.textContent = 'No posts'; p.setAttribute('id', 'pArchive'); ul.appendChild(p); postsContainer.appendChild(ul); return; } if (!blogData) getLabels(); const posts = data.items.map(post => { const li = document.createElement('li'); const a = document.createElement('a'); a.setAttribute('href', post.url); a.textContent = post.title; li.appendChild(a); return li; }); if (posts && pArchive) pArchive.remove(); if (ulArchive) ulArchive.remove(); const ul = document.createElement('ul'); ul.classList.add('filter-result-container'); ul.setAttribute('id', 'ulArchive'); ul.append(...posts); postsContainer.appendChild(ul); }) .catch(err => { console.log('Error Reading data ' + err); }); }; fetchPosts(); monthBtns.forEach(btn => { btn.addEventListener('click', fetchPosts); }); // HEADER ANIMATION WHITE SCROLLING window.addEventListener('scroll', () => { if (waiting) return; waiting = true; // CLEAR PREVIOUS TIMEOUT clearTimeout(endScrollHandle); endScrollHandle = setTimeout(() => { const scrollTop = document.documentElement.scrollTop; updateHeader(scrollTop); if (filtersRow) updateFilterRow(scrollTop); scrollTopOld = scrollTop; waiting = false; }, 100); }); const updateHeader = scrollTop => { if (scrollTop === 0) { header.classList.remove(notTopClass); header.classList.add(topClass); } if (scrollTop > 0) { header.classList.add(notTopClass); header.classList.remove(topClass); } if (scrollTop > 100 && scrollTop > scrollTopOld) { header.classList.add(scrolledClass); } else { header.classList.remove(scrolledClass); } }; const updateFilterRow = scrollTop => { if (scrollTop > 100 && scrollTop > scrollTopOld) { filtersRow.style.top = '0'; headerOverlay.style.zIndex = '2'; } else { filtersRow.style.top = `${headerHeight}px`; headerOverlay.style.zIndex = '3'; } if (scrollTop > defaultFiltersPositionY) { filtersRow.classList.add(fixedClass); } if (scrollTop < defaultFiltersPositionY) { filtersRow.classList.remove(fixedClass); filtersRow.style.top = 'auto'; } }; headerSearch.addEventListener('click', () => { header.classList.remove(openClass); headerSearchContainer.classList.add(openClass); }); headerSearchClose.addEventListener('click', () => { headerSearchContainer.classList.remove(openClass); }); filters.forEach(filter => { filter.addEventListener('click', e => { const targetParent = e.currentTarget.parentNode; const isParentActive = targetParent.classList.contains(isActiveClass); filters.forEach(f => { f.parentNode.classList.remove(isActiveClass); }); if (isParentActive) { targetParent.classList.remove(isActiveClass); } else { targetParent.classList.add(isActiveClass); } }); }); closeMobileMenuElements.addEventListener('click', e => { e.preventDefault(); header.classList.remove(openClass); }); openMobileMenuElements.addEventListener('click', e => { e.preventDefault(); header.classList.add(openClass); headerSearchContainer.classList.remove(openClass); }); if (headerDesktopArchiveTitle) { headerDesktopArchiveTitle.addEventListener('click', e => { e.preventDefault(); headerDesktopArchiveTitle.parentNode.classList.toggle(isActiveClass); headerDesktopLabelsTitle.parentNode.classList.remove(isActiveClass); labelsList.classList.remove(activeClass); archiveList.classList.toggle(activeClass); archiveList.classList.contains(activeClass) ? filtersRow.classList.add(openClass) : filtersRow.classList.remove(openClass); }); } if (headerDesktopLabelsTitle) { headerDesktopLabelsTitle.addEventListener('click', e => { e.preventDefault(); headerDesktopLabelsTitle.parentNode.classList.toggle(isActiveClass); headerDesktopArchiveTitle.parentNode.classList.remove(isActiveClass); archiveList.classList.remove(activeClass); labelsList.classList.toggle(activeClass); labelsList.classList.contains(activeClass) ? filtersRow.classList.add(openClass) : filtersRow.classList.remove(openClass); }); } // SHARE IN NEW WINDOW shareSocial = link => { window.open(link.dataset.href, '_blank'); }; // REPLACE BELINE AUTHOR TEXT const moveBylineAuthorText = () => { if (!oldBylineAuthor || !newBylineAuthor) return; newBylineAuthor.innerText = oldBylineAuthor.innerText; oldBylineAuthor.style.display = 'none'; }; moveBylineAuthorText(); // HIDE 'OLDER POSTS' BUTTON IF NO MORE POSTS ON NEXT PAGE const hideOlderPostsBtn = () => { const olderPageHrefEl = document.getElementById('olderPostsBtn'); if (olderPageHrefEl) { return new Promise(resolve => { let request = new XMLHttpRequest(); request.open('GET', olderPageHrefEl.getAttribute('href').replace('http://', 'https://'), true); request.onload = function() { if (this.status >= 200 && this.status < 400) { const parser = new DOMParser(); const html = parser.parseFromString(this.response, 'text/html'); const postsCountOnNextPage = html.querySelectorAll('.post-outer').length; if (postsCountOnNextPage > 0) { olderPostsBtn.classList.remove('hidden'); } resolve(); } else { // We reached our target server, but it returned an error console.error('Error: Could not get the next title'); } }; request.send(); }); } }; hideOlderPostsBtn(); //]]> </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY575YSSXGiqI4GuRCw--4bUzPOX6g:1732368940705';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8474926331452026626','//blog.research.google/search/label/TensorFlow','8474926331452026626'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8474926331452026626', 'title': 'Google Research Blog', 'url': 'https://blog.research.google/search/label/TensorFlow', 'canonicalUrl': 'http://blog.research.google/search/label/TensorFlow', 'homepageUrl': 'https://blog.research.google/', 'searchUrl': 'https://blog.research.google/search', 'canonicalHomepageUrl': 'http://blog.research.google/', 'blogspotFaviconUrl': 'https://blog.research.google/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-961555-69', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Google Research Blog - Atom\x22 href\x3d\x22https://blog.research.google/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Google Research Blog - RSS\x22 href\x3d\x22https://blog.research.google/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Google Research Blog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8474926331452026626/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'TensorFlow', 'pageName': 'TensorFlow', 'pageTitle': 'Google Research Blog: TensorFlow'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Google Research Blog', 'description': 'The latest from Google Research', 'url': 'https://blog.research.google/search/label/TensorFlow', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'TensorFlow', 'resultsMessage': 'Showing posts with the label TensorFlow', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eTensorFlow\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Search This Blog1', 'type': 'BlogSearch', 'sectionId': 'bsectionSearchContainer', 'id': 'BlogSearch1'}, {'title': 'Search This Blog1', 'type': 'BlogSearch', 'sectionId': 'bsectionSearchContainer2', 'id': 'BlogSearch2'}, {'title': '', 'type': 'FeaturedPost', 'sectionId': 'page_body', 'id': 'FeaturedPost1', 'postId': '1569605132526995799'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'page_body', 'id': 'Blog1', 'posts': [{'id': '3264694155710647310', 'title': 'Graph neural networks in TensorFlow', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcnTwrjg8cyZhVY1c-qi2ZEenIrDlkmlKlX0GsAuiKiIoxUu6i-phANh8tsCG4mUm5i-7t3zdLwuwn5DCcuQI5FKq-C3eibPnuqfoLuKFUsx-I3Ovim1Teps_JKiKZH7XqgHupnsOa2Y3peUgWcPNYG4ZIqA2_KQwxJpflo0WM6gNW8tXg5eDndiWx_dKK/s1600/TFGNN%20hero.gif', 'showInlineAds': false}, {'id': '6318039050629886850', 'title': 'Visual Blocks for ML: Accelerating machine learning prototyping with interactive tools', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7alDg3lrJ1OofDgtgrcGJlHpjkoU_DThiHYOUepNt4mEUfRJckufpZD8wExahLSJC1S7XQZrznp0WkApOI8cq4-hPwxolT65igv5zx6wG0o1avhmKE2HQuz_aHAz2mld3ViB5Rc0eZnLK75EEILqsfjqhnLw7m22oK0fGVZadBWG-BRObu8oJpWKiQ/s320/Visual%20blocks%20hero.jpg', 'showInlineAds': false}, {'id': '3366307881061046058', 'title': 'Advances in TF-Ranking', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm2tJ5QzqdSvr07pogDb0cx2HaiT9aZD80XGJeC2TNl-ucDxXF9DZrHKlnzgnBezABMo6onKn0bb5eu7qPHkPUB2YFDMkhhyphenhyphens_VW_0PVM99XHdNzx4_Mi_LRbV7rTovyjd1WfYGzpUcCE9/w400-h183/image1.jpg', 'showInlineAds': false}, {'id': '4329745424059307465', 'title': 'Accelerating Neural Networks on Mobile and Web with Sparse Inference', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5aBX9GM_aD21LNxLEezh2QEW48y1GCX_j4vV8QAaigHBiGz8FDNXO7H4yk9eqPi3tpzhZgcLIfJD8VF2MF2pRoz_FFflxpNGkVydgM582J3MMP7TZPg5GE7nP-aSf4uBzUd9MMTI6gmnN/w640-h186/image3.gif', 'showInlineAds': false}, {'id': '4569760352331859194', 'title': 'Introducing Model Search: An Open Source Platform for Finding Optimal ML Models', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixbP2NUWyxe5EEnA11cWD2pQ5LgTIJg8-OzSIC1rZd1bMdp7b1M-ThRm3zbdwh4l3wNKmyToL7GR0-UPvj3oeJEXUas5lWUnQ_bB7Ivg2YIrDY7hUx7l99NtRgOAgPPPbDJOF4XK0eTdEm/w640-h312/image2.png', 'showInlineAds': false}, {'id': '8005827684703187782', 'title': '3D Scene Understanding with TensorFlow 3D', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfNttPYm8YKsDY5glIta-R4-l0pg7yud3-xSy2uwhmqpjN7Pe5y0wCQoyEsS0ftAyIeUjdzc-I7SV2QhzAwEPwbOql-sMmpTQDIN9zTp9NRlxZm5kkgfxNi4wCReJkCnxF3E4Bbub824qt/w640-h240/image1.png', 'showInlineAds': false}, {'id': '8591272555318714436', 'title': 'Mitigating Unfair Bias in ML Models with the MinDiff Framework', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKemHQVQjQNpV3ob6wycbGkyeeQBwrTafSbG5VapmSR1Ob051oXpg3EKQu12e7mPzrDdvchWHcTGMzCRpuVI0q2MVt5sqXo7pBfnGDPQ45OgyTOT3p-iIzfd-cz-cvI8-vGOBlByvIh9PL/w400-h300/image1.png', 'showInlineAds': false}, {'id': '8730996987293007245', 'title': 'Developing Real-Time, Automatic Sign Language Detection for Video Conferencing', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXBvq-zm-z00l98dn0Pahih1liBH6rRNNCYYO1E99EXb-HUeHFIRbuzkChoGPltnrIPs3eHTXrWrlD91tAlmEO1fpKvRsDaIKhtSuPGOoK2Gz3Z6jjH5dCqms1_LIj392e7sSLP-9JHJC/w400-h285/image2.gif', 'showInlineAds': false}, {'id': '648775184341036388', 'title': 'Massively Scaling Reinforcement Learning with SEED RL', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLghdfmbLjBNHgHz_Mpvxp9r7zYn2hSWDTOjw8iRSYKAsbuzFn7Z6t4ABt7zDAAOAWuCEQq3w4OCkIhrFrmc6A5iHu7cpJMFVtSP0Yy7G9q_6ttssN9sBuvq3Vjcq3PlMsWoqE2GGz2Cu2/s640/impala_overview.png', 'showInlineAds': false}, {'id': '8622429437428263507', 'title': 'Announcing TensorFlow Quantum: An Open Source Library for Quantum Machine Learning', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgsivwBNZAVFOys6c9d6snHp34ia3byooMH3TTs05HjqBd73tjUC2lSf_A1VqJut9QEnVXXPJTOIJv7iWfP7vGOhtLwFxegMY8Ip4cUgeiSDWJurgI5SRwQs2qhfmpdBGQxb94jIo0Kaco/s640/image2.png', 'showInlineAds': false}, {'id': '6158902862685428851', 'title': 'Toward Human-Centered Design for ML Frameworks', 'showInlineAds': false}, {'id': '5080112315973726399', 'title': 'Ultra-High Resolution Image Analysis with Mesh-TensorFlow', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgResVGKLnDpHWcRsv9GZddn4D0qzHxG-jdGf7kqxIkyZwhyFiYGAhtSFYpzQ-CzPNfv4rt1sZBPGaB76Dbvj8JeWGn_xJK5w28kXmXzapXKO_60aIEcNu5JwSX9uQ4rzk1YOJapsOVODCi/s640/image1.png', 'showInlineAds': false}, {'id': '2071512240351407854', 'title': 'Setting Fairness Goals with the TensorFlow Constrained Optimization Library', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbM-UqcpDqV6psAKfRB1rVVliAgkuRAL0UJCaSGUeGeHULB6ur0bxZtAqvPqmBz6pREGjI6cfPThYI5kUVsArtxF_mmwTBECTjv7y8HVOEsMUdvZMh0UtF395TAlMA72QEdgU-UIfSSBYK/s320/image2.png', 'showInlineAds': false}, {'id': '8022966087440073054', 'title': 'Fairness Indicators: Scalable Infrastructure for Fair ML Systems', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjabyAIgU3ZuR1dHOm0Q4AQTEPxGWZEzrFNuPZ1GG7BnfUq8kRxdDMDqiVO3uejSJw9yE70-t4aMBaMLtUIVb6hDC1w4sV8pLHrW4K_aOR-fn_0xCGCJXBRiRBu0RdwdsK1nCLkGnvXXeoi/s640/image2.png', 'showInlineAds': false}, {'id': '2800096690342727910', 'title': 'A New Workflow for Collaborative Machine Learning Research in Biodiversity', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim8i6d5kow1YWPCsbLVg4QzjsZVbwuxy_bfR6CP1rMYEfta_g7Y73qNwmoOtbHdbQxwlj_ffOlNRjbg1yAMpwIkAqwPlpLiL4F8KZGK5G7IsY6_gfCi6T_mcy_1wiuQ9zDQwuWfUua1VOm/s640/image1.gif', 'showInlineAds': false}, {'id': '7381390031831556801', 'title': 'Introducing TensorNetwork, an Open Source Library for Efficient Tensor Calculations', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaI08sRhVDRzuwCr1NZMSldhHtXF2_0OTRYxl0dlcM0Q8jQVEBDa8xEI9xqxvyxSlPTb3OyWPls_3LutGInbpPwUoSsdU9XT-Xv-Njgfh3DYnACdjwgOBnLjbRCQZP_vi3KzOTSeJgCmw_/s640/image1.png', 'showInlineAds': false}, {'id': '62796171191612064', 'title': 'RNN-Based Handwriting Recognition in Gboard', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrDB_BCk1fn6oRwtYlvS03boX0mpWX_o10IZW20JgrqNoQ4lfjkqpk9vzqRqpBjSvfzaGibyaTKflLt16p8iDSP2A4-RPSz8PblmXeVIUiWuvG-Q3j8YV7Kk4IDqTx_g3FPhlt3MdBHyh-/s640/image2.gif', 'showInlineAds': false}, {'id': '4518500962208691274', 'title': 'TF-Ranking: A Scalable TensorFlow Library for Learning-to-Rank', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj27FWIyvzI0E0lvjz-SmVGzw5nSD0troIvfS7sEDBFW-WNKbFt1zaKaz86u0A3dpRyPHurPBFGaN0_lhp08TOWaPqb5lQbMp_9bq9IMZOg4xpr60ejA2CJjez0aUMdzSgJhIqPAmvpbcsJ/s640/image1.png', 'showInlineAds': false}, {'id': '7731460472088282300', 'title': 'Open Sourcing BERT: State-of-the-Art Pre-training for Natural Language Processing', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyPx8u-mEuxEgSMQZXQTP676nemroEHAtJJZLDKxxjFMBFDrR7KAOxXYJnrsOyah0BbQAPMkexgOeVkUvyS0Nt3uX5swgyRue9A84qcGOWVNdT0bIqIlxhL-YWDW1YimepfPNu4Xv4xj04/s640/image3.png', 'showInlineAds': false}, {'id': '7002697973174521541', 'title': 'Introducing AdaNet: Fast and Flexible AutoML with Learning Guarantees', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIs43K7YFshi11GNTG9Inzcw9EBuNblF6Vmx6Gjest8hyphenhyphenTXyosCakcxhWizKJ1sX4H5MrCCOZQe-oUU5mYN9xA7fcEj8q8SOhMVg02xPplykMRLN8LHNfD9zOMff-q11xPb7a9LWHjzrmB/s400/image1.gif', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'icons', 'label': ''}, {'name': 'backlinks', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'reactions', 'label': ''}]}], 'allBylineItems': [{'name': 'timestamp', 'label': ''}, {'name': 'icons', 'label': ''}, {'name': 'backlinks', 'label': ''}, {'name': 'reactions', 'label': ''}]}]}]); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'bsectionSearchContainer', document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch2', 'bsectionSearchContainer2', document.getElementById('BlogSearch2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'page_body', document.getElementById('FeaturedPost1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'page_body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eTensorFlow\x3c/b\x3e. \x3ca href\x3d\x22https://blog.research.google/\x22\x3eShow all posts\x3c/a\x3e'}, 'displayModeFull')); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10