News.css

.news{position:relative;height:auto;z-index:1}.news__container{display:grid}@media(max-width: 599px){.news__container{-moz-column-gap:24px;column-gap:24px}}@media(min-width: 600px)and (max-width: 1080px){.news__container{-moz-column-gap:24px;column-gap:24px}}@media(min-width: 1081px)and (max-width: 1439px){.news__container{-moz-column-gap:24px;column-gap:24px}}@media(min-width: 1440px){.news__container{-moz-column-gap:24px;column-gap:24px}}@media(max-width: 599px){.news__container{grid-template-columns:repeat(4, 1fr);padding:0 16px}}@media(min-width: 600px)and (max-width: 1080px){.news__container{grid-template-columns:repeat(12, 1fr);padding:0 24px;max-width:1080px;margin:0 auto}}@media(min-width: 1081px)and (max-width: 1439px){.news__container{grid-template-columns:repeat(12, 1fr);padding:0 24px}}@media(min-width: 1440px){.news__container{grid-template-columns:repeat(12, 1fr);margin:0 auto;max-width:1392px}}.news__category-selector{grid-column-start:1;grid-column-end:span 12;align-items:end;margin-bottom:1em;position:relative;padding:0 16px}.news__category-selector p{font-family:"Google Sans",Arial,Helvetica,sans-serif;font-size:36px;line-height:2em;color:#3c4043;font-weight:400}.news__category-selector p>*:not(:last-child){margin-right:.25em}@media(max-width: 1080px){.news__category-selector p{font-size:32px}}@media(max-width: 599px){.news__category-selector p{font-size:24px}}@media(max-width: 1080px){.news__category-selector{grid-template-columns:repeat(4, minmax(5px, 1fr))}}@media(min-width: 600px){.news__category-selector{grid-column-start:2;grid-column-end:span 10;padding:0 48px}}.news__category-selector__eyebrow{text-transform:none;letter-spacing:initial;color:#9aa0a6;margin-bottom:1em}.news__category-selector__cta{text-align:right;line-height:0;float:right}.news__category-selector__cta .glue-button{margin:4px 0;white-space:nowrap}@media(min-width: 600px)and (max-width: 1080px){.news__category-selector__cta{grid-column-end:span 10 !important}}@media(max-width: 599px){.news__category-selector__cta{float:none;text-align:left;margin-left:-12px}}.news__category-selector .pill{display:inline-flex;line-height:1.6em;white-space:nowrap;border-radius:50px;color:#3c4043;background:#fff;padding:0 .5em;overflow:hidden}.news__category-selector .pill__sizing{visibility:hidden}.news__category-selector .pill__inner{position:relative;transition:width .75s,opacity .25s}.news__category-selector .pill__inner .pill-text{position:absolute;top:0;left:0}.news__category-selector .pill__inner .pill-text.transition-out{opacity:0;transition:width 0s linear 0s,opacity 0s linear 0s}.news__category-selector .pill__inner .pill-text.transition-in{opacity:1;transition:width .75s cubic-bezier(0.5, 0, 0, 1) .12s,opacity .25s linear .65s}.news__category-selector .pill.blue{color:#fff;background:#4285f4}.news__category-selector .pill.white{color:#3c4043}.news__category-selector .news__category--label{line-height:2.2;max-width:820px}.news__category-selector button.pill{width:auto;display:inline-flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0 .5em 0 .5em}.news__category-selector button.pill .icon-font{content:var(--button-icon);font-family:"Material Icons";font-size:140%;max-height:23px;max-width:23px;overflow:hidden;position:relative;margin-right:-2px;width:1em;height:1em;align-items:center;justify-content:center;font-size:inherit;font-size:.75em;margin-left:.25em;box-sizing:content-box;border-radius:50px;padding:.25em;display:flex;color:#4285f4;background-color:#fff;transition:transform 1s ease-out;transform:rotate(0deg)}.news__category-selector button.pill .icon-font.spin{transform:rotate(-180deg)}.news__articles{grid-column-start:1;grid-column-end:span 12;flex-direction:column}.news__articles .mosaic-grid{width:100%;overflow:hidden}.news__articles .mosaic-grid .mosaic-grid-item{transform:translateY(50px);opacity:0;transition-duration:.5s;transition-timing-function:cubic-bezier(0.33, 0, 0, 1)}.news__articles .mosaic-grid .mosaic-grid-item.transition-in{transform:translateY(0%);opacity:1}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(1n){transition-delay:0.1s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(2n){transition-delay:0.2s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(3n){transition-delay:0.3s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(4n){transition-delay:0.4s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(5n){transition-delay:0.5s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(6n){transition-delay:0.6s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(7n){transition-delay:0.7s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(8n){transition-delay:0.8s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(9n){transition-delay:0.9s}.news__articles .mosaic-grid .mosaic-grid-item.transition-in:nth-child(10n){transition-delay:1s}.news__articles .mosaic-grid .mosaic-grid-item.transition-out{transform:translateY(50px);opacity:0}