@media all and (min-width: 600px) {
    #cloud-site .cloud-display1 {
        font-size: 72px;
        letter-spacing: -0.5px;
        line-height: 84px
        }
    }
#cloud-site .cloud-display1 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-display2 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 48px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-display2 {
        font-size: 64px;
        letter-spacing: -0.5px;
        line-height: 72px
        }
    }
#cloud-site .cloud-display2 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-display3 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-display3 {
        font-size: 56px;
        letter-spacing: -0.5px;
        line-height: 66px
        }
    }
#cloud-site .cloud-display3 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-headline1 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 44px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-headline1 {
        font-size: 48px;
        letter-spacing: -0.5px;
        line-height: 58px
        }
    }
#cloud-site .cloud-headline1 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-headline2 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-headline2 {
        font-size: 40px;
        letter-spacing: -0.5px;
        line-height: 52px
        }
    }
#cloud-site .cloud-headline2 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-headline3 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-headline3 {
        font-size: 32px;
        line-height: 40px
        }
    }
#cloud-site .cloud-headline3 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-headline4 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-headline4 {
        font-size: 22px
        }
    }
#cloud-site .cloud-headline4 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-headline4 .cloud-superscript {
    font-size: 10px;
    line-height: 1
    }
#cloud-site .cloud-headline5 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-headline5 {
        font-size: 18px;
        line-height: 30px
        }
    }
#cloud-site .cloud-headline5 strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-quote-text {
    color: #202124;
    font-family: Google Sans, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-quote-text {
        font-size: 30px;
        line-height: 40px
        }
    }
#cloud-site .cloud-quote-text strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-eyebrow {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    overflow: visible;
    text-transform: uppercase
    }
#cloud-site .cloud-eyebrow strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-subhead {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 26px
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-subhead {
        font-size: 18px;
        line-height: 30px
        }
    }
#cloud-site .cloud-subhead strong {
    color: #4285f4;
    font-weight: inherit
    }
#cloud-site .cloud-subhead2 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 24px
    }
#cloud-site .cloud-subhead2 strong {
    color: #4285f4;
    font-weight: inherit
    }
.cloud-superscript {
    color: #5f6368;
    font-family: Google Sans, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin: 0;
    overflow: visible;
    text-transform: uppercase;
    left: 2px;
    top: 0;
    vertical-align: text-top
    }
.cloud-body-text__large {
    font-family: Roboto, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px
    }
.cloud-body-text__large .cloud-superscript {
    font-size: 10px;
    line-height: 1
    }
.cloud-body-text__title {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
    }
.cloud-body-text__title .cloud-superscript {
    font-size: 10px;
    line-height: 1
    }
p, .cloud-body-text {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
    }
p .cloud-superscript, .cloud-body-text .cloud-superscript {
    font-size: 10px;
    line-height: 1
    }
.cloud-body-text__small {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
    }
.cloud-body-text__small .cloud-superscript {
    font-size: 10px;
    line-height: 1
    }
.cloud-footnotes {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.35px;
    line-height: 18px
    }
.cloud-chip--overlay {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 4px 5px 2px
    }
.cloud-link {
    color: #1a73e8;
    text-decoration: none
    }
.cloud-link:visited {
    color: #7b1fa2
    }
.cloud-link:hover, .cloud-link:focus {
    text-decoration: underline
    }
.cloud-link:hover {
    color: #174ea6
    }
.cloud-link:focus {
    background-color: rgba(32, 33, 36, 0.05);
    color: #174ea6;
    outline: 4px solid rgba(32, 33, 36, 0.05)
    }
.cloud-link--reversed {
    color: #fff;
    text-decoration: underline
    }
.cloud-link--reversed:visited {
    color: #fff
    }
.cloud-link--reversed:hover, .cloud-link--reversed:focus {
    background-color: rgba(32, 33, 36, 0.05);
    color: rgba(255, 255, 255, 0.7);
    outline: 4px solid rgba(32, 33, 36, 0.05)
    }
.cloud-link--dark {
    color: #202124
    }
.cloud-link--dark:hover {
    text-decoration: none
    }
.cloud-grid, .cloud-grid--alternate {
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns: 4fr
    }
.cloud-grid--row-gap, .cloud-grid--alternate--row-gap {
    grid-row-gap: 16px
    }
.cloud-grid.cloud-grid__no-gap, .cloud-grid--alternate.cloud-grid__no-gap {
    grid-column-gap: 0
    }
.cloud-grid.cloud-grid--horizontal-center, .cloud-grid--alternate.cloud-grid--horizontal-center {
    justify-items: center
    }
.cloud-grid.cloud-grid--horizontal-stretch, .cloud-grid--alternate.cloud-grid--horizontal-stretch {
    justify-items: stretch
    }
.cloud-grid.cloud-grid--vertical-center, .cloud-grid--alternate.cloud-grid--vertical-center {
    align-items: center
    }
.cloud-grid.cloud-grid--vertical-stretch, .cloud-grid--alternate.cloud-grid--vertical-stretch {
    align-items: stretch
    }
.cloud-grid__col--horizontal-center, .cloud-grid--alternate__col--horizontal-center {
    justify-self: center
    }
.cloud-grid__col--horizontal-stretch, .cloud-grid--alternate__col--horizontal-stretch {
    justify-self: stretch
    }
.cloud-grid__col--vertical-center, .cloud-grid--alternate__col--vertical-center {
    align-self: center
    }
.cloud-grid__col--vertical-stretch, .cloud-grid--alternate__col--vertical-stretch {
    align-self: center
    }
@media all and (min-width: 600px) {
    .cloud-grid {
        grid-column-gap: 15px;
        grid-template-columns: repeat(12, 1fr)
        }
    .cloud-grid .is-1 {
        grid-column: span 1/span 1
        }
    .cloud-grid .is-2 {
        grid-column: span 2/span 2
        }
    .cloud-grid .is-3 {
        grid-column: span 3/span 3
        }
    .cloud-grid .is-4 {
        grid-column: span 4/span 4
        }
    .cloud-grid .is-5 {
        grid-column: span 5/span 5
        }
    .cloud-grid .is-6 {
        grid-column: span 6/span 6
        }
    .cloud-grid .is-7 {
        grid-column: span 7/span 7
        }
    .cloud-grid .is-8 {
        grid-column: span 8/span 8
        }
    .cloud-grid .is-9 {
        grid-column: span 9/span 9
        }
    .cloud-grid .is-10 {
        grid-column: span 10/span 10
        }
    .cloud-grid .is-11 {
        grid-column: span 11/span 11
        }
    .cloud-grid .is-12 {
        grid-column: span 12/span 12
        }
    .cloud-grid .is-1--offset {
        grid-column-start: 2
        }
    .cloud-grid .is-2--offset {
        grid-column-start: 3
        }
    .cloud-grid .is-3--offset {
        grid-column-start: 4
        }
    .cloud-grid .is-4--offset {
        grid-column-start: 5
        }
    .cloud-grid .is-5--offset {
        grid-column-start: 6
        }
    .cloud-grid .is-6--offset {
        grid-column-start: 7
        }
    .cloud-grid .is-7--offset {
        grid-column-start: 8
        }
    .cloud-grid .is-8--offset {
        grid-column-start: 9
        }
    .cloud-grid .is-9--offset {
        grid-column-start: 10
        }
    .cloud-grid .is-10--offset {
        grid-column-start: 11
        }
    .cloud-grid .is-11--offset {
        grid-column-start: 12
        }
    .cloud-grid .is-12--offset {
        grid-column-start: 13
        }
    .cloud-grid--row-gap {
        grid-row-gap: 15px
        }
    }
@media all and (min-width: 768px) {
    .cloud-grid--alternate {
        grid-column-gap: 15px;
        grid-template-columns: repeat(12, 1fr)
        }
    .cloud-grid--alternate .is-1 {
        grid-column: span 1/span 1
        }
    .cloud-grid--alternate .is-2 {
        grid-column: span 2/span 2
        }
    .cloud-grid--alternate .is-3 {
        grid-column: span 3/span 3
        }
    .cloud-grid--alternate .is-4 {
        grid-column: span 4/span 4
        }
    .cloud-grid--alternate .is-5 {
        grid-column: span 5/span 5
        }
    .cloud-grid--alternate .is-6 {
        grid-column: span 6/span 6
        }
    .cloud-grid--alternate .is-7 {
        grid-column: span 7/span 7
        }
    .cloud-grid--alternate .is-8 {
        grid-column: span 8/span 8
        }
    .cloud-grid--alternate .is-9 {
        grid-column: span 9/span 9
        }
    .cloud-grid--alternate .is-10 {
        grid-column: span 10/span 10
        }
    .cloud-grid--alternate .is-11 {
        grid-column: span 11/span 11
        }
    .cloud-grid--alternate .is-12 {
        grid-column: span 12/span 12
        }
    .cloud-grid--alternate .is-1--offset {
        grid-column-start: 2
        }
    .cloud-grid--alternate .is-2--offset {
        grid-column-start: 3
        }
    .cloud-grid--alternate .is-3--offset {
        grid-column-start: 4
        }
    .cloud-grid--alternate .is-4--offset {
        grid-column-start: 5
        }
    .cloud-grid--alternate .is-5--offset {
        grid-column-start: 6
        }
    .cloud-grid--alternate .is-6--offset {
        grid-column-start: 7
        }
    .cloud-grid--alternate .is-7--offset {
        grid-column-start: 8
        }
    .cloud-grid--alternate .is-8--offset {
        grid-column-start: 9
        }
    .cloud-grid--alternate .is-9--offset {
        grid-column-start: 10
        }
    .cloud-grid--alternate .is-10--offset {
        grid-column-start: 11
        }
    .cloud-grid--alternate .is-11--offset {
        grid-column-start: 12
        }
    .cloud-grid--alternate .is-12--offset {
        grid-column-start: 13
        }
    }
@media all and (min-width: 1024px) {
    .cloud-grid, .cloud-grid--alternate {
        grid-column-gap: 28px;
        grid-template-columns: repeat(12, 1fr)
        }
    .cloud-grid .is-1__large, .cloud-grid--alternate .is-1__large {
        grid-column: span 1/span 1
        }
    .cloud-grid .is-2__large, .cloud-grid--alternate .is-2__large {
        grid-column: span 2/span 2
        }
    .cloud-grid .is-3__large, .cloud-grid--alternate .is-3__large {
        grid-column: span 3/span 3
        }
    .cloud-grid .is-4__large, .cloud-grid--alternate .is-4__large {
        grid-column: span 4/span 4
        }
    .cloud-grid .is-5__large, .cloud-grid--alternate .is-5__large {
        grid-column: span 5/span 5
        }
    .cloud-grid .is-6__large, .cloud-grid--alternate .is-6__large {
        grid-column: span 6/span 6
        }
    .cloud-grid .is-7__large, .cloud-grid--alternate .is-7__large {
        grid-column: span 7/span 7
        }
    .cloud-grid .is-8__large, .cloud-grid--alternate .is-8__large {
        grid-column: span 8/span 8
        }
    .cloud-grid .is-9__large, .cloud-grid--alternate .is-9__large {
        grid-column: span 9/span 9
        }
    .cloud-grid .is-10__large, .cloud-grid--alternate .is-10__large {
        grid-column: span 10/span 10
        }
    .cloud-grid .is-11__large, .cloud-grid--alternate .is-11__large {
        grid-column: span 11/span 11
        }
    .cloud-grid .is-12__large, .cloud-grid--alternate .is-12__large {
        grid-column: span 12/span 12
        }
    .cloud-grid .is-1__large--offset, .cloud-grid--alternate .is-1__large--offset {
        grid-column-start: 2
        }
    .cloud-grid .is-2__large--offset, .cloud-grid--alternate .is-2__large--offset {
        grid-column-start: 3
        }
    .cloud-grid .is-3__large--offset, .cloud-grid--alternate .is-3__large--offset {
        grid-column-start: 4
        }
    .cloud-grid .is-4__large--offset, .cloud-grid--alternate .is-4__large--offset {
        grid-column-start: 5
        }
    .cloud-grid .is-5__large--offset, .cloud-grid--alternate .is-5__large--offset {
        grid-column-start: 6
        }
    .cloud-grid .is-6__large--offset, .cloud-grid--alternate .is-6__large--offset {
        grid-column-start: 7
        }
    .cloud-grid .is-7__large--offset, .cloud-grid--alternate .is-7__large--offset {
        grid-column-start: 8
        }
    .cloud-grid .is-8__large--offset, .cloud-grid--alternate .is-8__large--offset {
        grid-column-start: 9
        }
    .cloud-grid .is-9__large--offset, .cloud-grid--alternate .is-9__large--offset {
        grid-column-start: 10
        }
    .cloud-grid .is-10__large--offset, .cloud-grid--alternate .is-10__large--offset {
        grid-column-start: 11
        }
    .cloud-grid .is-11__large--offset, .cloud-grid--alternate .is-11__large--offset {
        grid-column-start: 12
        }
    .cloud-grid .is-12__large--offset, .cloud-grid--alternate .is-12__large--offset {
        grid-column-start: 13
        }
    .cloud-grid--row-gap, .cloud-grid--alternate--row-gap {
        grid-row-gap: 28px
        }
    .cloud-grid__small-gap, .cloud-grid--alternate__small-gap {
        grid-column-gap: 15px
        }
    .cloud-grid__small-gap.cloud-grid--row-gap, .cloud-grid--alternate__small-gap.cloud-grid--row-gap {
        grid-row-gap: 15px
        }
    }
@media all and (min-width: 1280px) {
    .cloud-grid, .cloud-grid--alternate {
        grid-column-gap: 28px;
        grid-template-columns: repeat(12, 1fr)
        }
    .cloud-grid .is-1__xl, .cloud-grid--alternate .is-1__xl {
        grid-column: span 1/span 1
        }
    .cloud-grid .is-2__xl, .cloud-grid--alternate .is-2__xl {
        grid-column: span 2/span 2
        }
    .cloud-grid .is-3__xl, .cloud-grid--alternate .is-3__xl {
        grid-column: span 3/span 3
        }
    .cloud-grid .is-4__xl, .cloud-grid--alternate .is-4__xl {
        grid-column: span 4/span 4
        }
    .cloud-grid .is-5__xl, .cloud-grid--alternate .is-5__xl {
        grid-column: span 5/span 5
        }
    .cloud-grid .is-6__xl, .cloud-grid--alternate .is-6__xl {
        grid-column: span 6/span 6
        }
    .cloud-grid .is-7__xl, .cloud-grid--alternate .is-7__xl {
        grid-column: span 7/span 7
        }
    .cloud-grid .is-8__xl, .cloud-grid--alternate .is-8__xl {
        grid-column: span 8/span 8
        }
    .cloud-grid .is-9__xl, .cloud-grid--alternate .is-9__xl {
        grid-column: span 9/span 9
        }
    .cloud-grid .is-10__xl, .cloud-grid--alternate .is-10__xl {
        grid-column: span 10/span 10
        }
    .cloud-grid .is-11__xl, .cloud-grid--alternate .is-11__xl {
        grid-column: span 11/span 11
        }
    .cloud-grid .is-12__xl, .cloud-grid--alternate .is-12__xl {
        grid-column: span 12/span 12
        }
    .cloud-grid .is-1__xl--offset, .cloud-grid--alternate .is-1__xl--offset {
        grid-column-start: 2
        }
    .cloud-grid .is-2__xl--offset, .cloud-grid--alternate .is-2__xl--offset {
        grid-column-start: 3
        }
    .cloud-grid .is-3__xl--offset, .cloud-grid--alternate .is-3__xl--offset {
        grid-column-start: 4
        }
    .cloud-grid .is-4__xl--offset, .cloud-grid--alternate .is-4__xl--offset {
        grid-column-start: 5
        }
    .cloud-grid .is-5__xl--offset, .cloud-grid--alternate .is-5__xl--offset {
        grid-column-start: 6
        }
    .cloud-grid .is-6__xl--offset, .cloud-grid--alternate .is-6__xl--offset {
        grid-column-start: 7
        }
    .cloud-grid .is-7__xl--offset, .cloud-grid--alternate .is-7__xl--offset {
        grid-column-start: 8
        }
    .cloud-grid .is-8__xl--offset, .cloud-grid--alternate .is-8__xl--offset {
        grid-column-start: 9
        }
    .cloud-grid .is-9__xl--offset, .cloud-grid--alternate .is-9__xl--offset {
        grid-column-start: 10
        }
    .cloud-grid .is-10__xl--offset, .cloud-grid--alternate .is-10__xl--offset {
        grid-column-start: 11
        }
    .cloud-grid .is-11__xl--offset, .cloud-grid--alternate .is-11__xl--offset {
        grid-column-start: 12
        }
    .cloud-grid .is-12__xl--offset, .cloud-grid--alternate .is-12__xl--offset {
        grid-column-start: 13
        }
    .cloud-grid--row-gap, .cloud-grid--alternate--row-gap {
        grid-row-gap: 28px
        }
    .cloud-grid__small-gap, .cloud-grid--alternate__small-gap {
        grid-column-gap: 15px
        }
    .cloud-grid__small-gap.cloud-grid--row-gap, .cloud-grid--alternate__small-gap.cloud-grid--row-gap {
        grid-row-gap: 15px
        }
    }
.cloud-elevation-z0 {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out
    }
.cloud-elevation-z1 {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.05), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
    }
.cloud-elevation-z2 {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.05), 0 2px 6px 2px rgba(60, 64, 67, 0.15)
    }
.cloud-elevation-z3 {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.05), 0 4px 8px 3px rgba(60, 64, 67, 0.15)
    }
.cloud-elevation-z4 {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 2px 3px 0 rgba(60, 64, 67, 0.05), 0 6px 10px 4px rgba(60, 64, 67, 0.15)
    }
.cloud-elevation-z5 {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 4px 4px 0 rgba(60, 64, 67, 0.05), 0 8px 12px 6px rgba(60, 64, 67, 0.15)
    }
.cloud-text-center {
    text-align: center
    }
.cloud-text-left {
    text-align: left
    }
.cloud-text-right {
    text-align: right
    }
.reversed, .reversed p {
    color: #fff
    }
.cloud-divider {
    background: #dadce0;
    height: 1px;
    margin: 8px 0
    }
.cloud-divider--no-spacing {
    margin: 0
    }
.cloud-divider--thick {
    height: 2px
    }
.cloud-background-color-blue-500 {
    background-color: #4285f4
    }
.cloud-background-color-blue-600 {
    background-color: #1a73e8
    }
.cloud-background-color-grey-50 {
    background-color: #f8f9fa
    }
.cloud-background-color-grey-100 {
    background-color: #f1f3f4
    }
.cloud-background-color-grey-200 {
    background-color: #e8eaed
    }
.cloud-background-color-grey-600 {
    background-color: #80868b
    }
.cloud-background-color-grey-700 {
    background-color: #5f6368
    }
.cloud-background-color-red-600 {
    background-color: #d93025
    }
.cloud-background-color-red-700 {
    background-color: #c5221f
    }
.cloud-color-blue, .cloud-color-blue p {
    color: #4285f4
    }
.cloud-color-green, .cloud-color-green p {
    color: #34a853
    }
.cloud-color-red, .cloud-color-red p {
    color: #ea4335
    }
.cloud-color-yellow, .cloud-color-yellow p {
    color: #fbbc04
    }
.text-shadow {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75)
    }
nobr, .nobr {
    white-space: nowrap
    }
.cloud-list--nobullet {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.cloud-list__links {
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 16px
    }
.cloud-list__links li {
    margin: 5px 0
    }
.cloud-full-bleed--bg, .cloud-full-bleed--constrained, .cloud-full-bleed {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw)
    }
@media all and (min-width: 1024px) {
    .cloud-full-bleed--constrained {
        margin-left: auto;
        margin-right: auto
        }
    }
.cloud-full-bleed--bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%)
    }
.cloud-full-bleed--color p {
    color: inherit
    }
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
    }
body #cloud-site {
    color: #202124
    }
.devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
    }
@media all and (min-width: 600px) {
    .devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
        padding-left: 32px;
        padding-right: 32px
        }
    }
@media all and (min-width: 1024px) {
    .devsite-full-width-page .devsite-main-content, .devsite-landing-page .devsite-main-content, .devsite-products-page .devsite-main-content {
        padding-left: 80px;
        padding-right: 80px
        }
    }
.cloud-section {
    padding: 80px 0
    }
.cloud-section--small {
    padding: 60px 0
    }
@media (max-width: 600px) {
    .cloud-section--small {
        padding: 48px 0
        }
    }
.cloud-section--large {
    padding: 120px 0
    }
.cloud-section--border {
    border-top: 1px solid #dadce0
    }
.cloud-section--no-padding-bottom {
    padding-bottom: 0
    }
.cloud-section--no-padding-top {
    padding-top: 0
    }
.cloud-section__header, .cloud-section__spacer {
    margin-bottom: 56px
    }
.cloud-section__header--small, .cloud-section__spacer--small {
    margin-bottom: 48px
    }
.cloud-section__header--xsmall, .cloud-section__spacer--xsmall {
    margin-bottom: 24px
    }
@media screen and (max-width: 1200px) {
    #cloud-site *:not(.code-sample):not(.data-sample):not(.kd-tabbed-horz):not(.kd-tabbed-vert) > * > h2:not(.hide-from-toc):not(#contents):not(#table-of-contents) {
        padding-right: 0
        }
    }
aside {
    background: unset;
    color: inherit;
    margin: unset;
    padding: unset
    }
aside::before {
    content: unset
    }
aside :link, aside :visited {
    background: unset;
    color: inherit
    }
aside :link:hover, aside :link:focus {
    margin: unset;
    padding: unset
    }
aside :link:focus {
    background-color: rgba(32, 33, 36, 0.05);
    text-decoration: underline
    }
#cloud-site button + button {
    margin-left: 0
    }
.cloud-block {
    border-radius: 8px;
    display: flex;
    min-height: 100px;
    overflow: hidden;
    width: 100%
    }
.cloud-block--max-width {
    max-width: 300px
    }
@media (min-width: 600px) and (max-width: 1024px) {
    .cloud-block--responsive .cloud-block__image {
        display: none
        }
    }
.cloud-block:hover {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.05), 0 4px 8px 3px rgba(60, 64, 67, 0.15)
    }
.cloud-block:hover .cloud-block__content .cloud-subhead2 {
    color: #1a73e8
    }
.cloud-block__link {
    color: inherit;
    display: flex;
    flex: 1;
    text-decoration: none
    }
.cloud-block__link:focus, .cloud-block__link:hover {
    text-decoration: none
    }
.cloud-block__chip {
    align-self: start
    }
.cloud-block__container {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: center
    }
.cloud-block__image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative
    }
.cloud-block__image--logo {
    padding: 16px
    }
.cloud-block__image--fill img {
    left: 50%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
    }
.cloud-block__image--aside {
    background: #f8f9fa;
    flex-basis: 72px
    }
.cloud-block__video-timestamp {
    bottom: 0;
    left: 0;
    line-height: 1;
    margin: 8px;
    padding: 4px;
    position: absolute
    }
.cloud-block__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 24px
    }
.cloud-block__content .cloud-subhead2 {
    color: inherit;
    margin: 0 0 -4px;
    transition: color 150ms
    }
.cloud-block__eyebrow {
    padding: 0 0 8px
    }
.cloud-breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0
    }
.cloud-breadcrumb {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.35px;
    line-height: 18px;
    color: #5f6368;
    display: inline-block;
    margin: 0
    }
.cloud-breadcrumb:not(:last-child)::after {
    content: ">";
    margin: 0 6px 0 8px
    }
.cloud-breadcrumb__link:focus, .cloud-breadcrumb__link:hover {
    text-decoration: none
    }
.cloud-button {
    align-items: center;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font: 500 14px "Google Sans", Arial, sans-serif;
    height: 44px;
    justify-content: center;
    letter-spacing: 0.25px;
    min-width: auto;
    outline: none;
    padding: 0 24px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: none;
    vertical-align: inherit
    }
.cloud-button:disabled, .cloud-button:disabled:hover, .cloud-button:disabled:focus {
    background-color: #dadce0;
    border-color: #dadce0;
    color: #fff;
    cursor: default
    }
.cloud-button:active {
    box-shadow: none
    }
.cloud-button:focus {
    text-decoration: none
    }
.cloud-button--primary {
    background-color: #1a73e8;
    color: #fff
    }
.cloud-button--primary:hover {
    background-color: #174ea6
    }
.cloud-button--primary:active, .cloud-button--primary:focus {
    background-color: #1a73e8
    }
.cloud-button--primary:active::before, .cloud-button--primary:focus::before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.24;
    position: absolute;
    width: 100%
    }
.cloud-button--primary.cloud-button--reversed {
    background-color: #fff;
    color: #000
    }
.cloud-button--primary.cloud-button--reversed:hover, .cloud-button--primary.cloud-button--reversed:focus {
    background-color: rgba(255, 255, 255, 0.7)
    }
.cloud-button--secondary {
    background-color: #fff;
    border: 1px solid #dadce0;
    color: #1a73e8;
    padding: 0 23px
    }
.cloud-button--secondary:active, .cloud-button--secondary:focus, .cloud-button--secondary:hover {
    border-color: #d2e3fc
    }
.cloud-button--secondary:hover {
    background-color: #eff5fd
    }
.cloud-button--secondary:active, .cloud-button--secondary:focus {
    background-color: #d8e7fb
    }
.cloud-button--secondary.cloud-button--reversed, .cloud-button--secondary.cloud-button--dark {
    background-clip: padding-box;
    background-color: transparent;
    padding-left: 22px;
    padding-right: 22px
    }
.cloud-button--secondary.cloud-button--reversed {
    border-color: #fff;
    border-width: 2px;
    color: #fff
    }
.cloud-button--secondary.cloud-button--reversed:active, .cloud-button--secondary.cloud-button--reversed:focus, .cloud-button--secondary.cloud-button--reversed:hover {
    background-color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.7);
    color: #000
    }
.cloud-button--flat {
    border-radius: 0;
    color: #1a73e8;
    height: auto;
    padding: 0
    }
.cloud-button--flat:visited {
    color: #7b1fa2
    }
.cloud-button--flat:hover, .cloud-button--flat:focus {
    color: #174ea6
    }
.cloud-button--flat .cloud-button__icon {
    display: inherit;
    font-size: 16px;
    padding-left: 4px
    }
.cloud-button--flat .cloud-button__icon--external {
    transform: rotate(-45deg)
    }
.cloud-button--flat .cloud-button__icon--jump {
    padding-bottom: 4px;
    padding-left: 0;
    transform: rotate(90deg)
    }
.cloud-button--flat .cloud-button__icon--jump-back {
    padding-left: 0;
    padding-top: 4px;
    transform: rotate(270deg)
    }
.cloud-button--flat__heading {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
    margin: 0;
    color: #202124;
    text-transform: none
    }
@media all and (min-width: 600px) {
    .cloud-button--flat__heading {
        font-size: 22px
        }
    }
.cloud-button--flat__heading .cloud-button__icon {
    color: #1a73e8;
    font-size: 20px
    }
.cloud-button--flat__heading:hover, .cloud-button--flat__heading:focus {
    color: #202124
    }
.cloud-button--flat__heading:hover .cloud-button__icon, .cloud-button--flat__heading:focus .cloud-button__icon {
    color: #174ea6
    }
.cloud-button--flat svg {
    fill: currentColor;
    height: 24px;
    width: 24px
    }
.cloud-button--flat.cloud-button--reversed {
    color: #fff
    }
.cloud-button--flat.cloud-button--reversed:hover {
    color: rgba(255, 255, 255, 0.7)
    }
.cloud-button--flat.cloud-button--reversed:focus {
    background-color: #f1f3f4;
    color: #202124;
    outline: 10px solid #f1f3f4;
    box-shadow: 0 0 0 10px #f1f3f4
    }
.cloud-button--flat.cloud-button--reversed .cloud-button__icon {
    color: inherit
    }
.cloud-button--flat.cloud-button--dark:focus {
    outline: 10px solid rgba(32, 33, 36, 0.2);
    box-shadow: 0 0 0 10px rgba(32, 33, 36, 0.2)
    }
.cloud-button--flat.cloud-button--dark .cloud-button__icon {
    color: inherit
    }
.cloud-button--flat-alternate {
    font-family: "Google Sans", Arial, sans-serif;
    margin-left: -10px;
    margin-top: -10px;
    padding: 10px;
    text-transform: none
    }
.cloud-button--flat-alternate::before {
    transition: none
    }
.cloud-button--flat-alternate:hover::before, .cloud-button--flat-alternate:focus::before {
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
    }
.cloud-button--flat-alternate:focus {
    outline: none
    }
.cloud-button.cloud-button--dark {
    border-color: rgba(32, 33, 36, 0.4);
    color: #202124
    }
.cloud-button.cloud-button--dark:hover {
    color: rgba(32, 33, 36, 0.7)
    }
.cloud-button.cloud-button--dark:focus {
    background-color: rgba(32, 33, 36, 0.2)
    }
.cloud-button__icon--no-wrap {
    align-items: inherit;
    display: inherit;
    justify-content: inherit;
    white-space: nowrap
    }
.cloud-button-fab {
    align-items: center;
    background-color: #1a73e8;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    display: inline-flex;
    height: 56px;
    justify-content: center;
    outline: none;
    text-decoration: none;
    transition: background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), 280ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 56px;
    will-change: box-shadow, background
    }
.cloud-button-fab:hover, .cloud-button-fab:focus {
    background-color: #174ea6;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
    text-decoration: none
    }
.cloud-button-fab--red {
    background-color: #d93025
    }
.cloud-button-fab--red:hover, .cloud-button-fab--red:focus {
    background-color: #a50e0e
    }
.cloud-button-fab .material-icons {
    background: transparent;
    color: #fff
    }
.cloud-button__set--flat .cloud-button--flat-alternate {
    margin-right: 30px;
    margin-bottom: 4px
    }
.cloud-button__set .cloud-button {
    margin-right: 16px;
    margin-top: 16px
    }
.cloud-button__set .cloud-button:first-child {
    margin-top: 24px
    }
.cloud-button__set .cloud-button:last-child {
    margin-right: 0
    }
.cloud-button__stack {
    clear: left;
    display: table
    }
.cloud-button__stack .cloud-button--flat-alternate {
    clear: left;
    float: left;
    margin-top: 4px
    }
span.cloud-button, span.cloud-button--flat, span.cloud-button--flat.cloud-button--reversed {
    cursor: inherit
    }
span.cloud-button, span.cloud-button:focus, span.cloud-button:hover, span.cloud-button--flat, span.cloud-button--flat:focus, span.cloud-button--flat:hover, span.cloud-button--flat.cloud-button--reversed, span.cloud-button--flat.cloud-button--reversed:focus, span.cloud-button--flat.cloud-button--reversed:hover {
    background-color: transparent;
    color: inherit;
    outline: none
    }
@media all and (max-width: 767px) {
    .cloud-copy .cloud-grid--alternate {
        display: block
        }
    .cloud-copy .cloud-copy__img {
        text-align: center
        }
    }
.cloud-copy .cloud-eyebrow + .cloud-headline1, .cloud-copy .cloud-eyebrow + .cloud-headline2, .cloud-copy .cloud-eyebrow + .cloud-headline3, .cloud-copy .cloud-eyebrow + .cloud-headline4 {
    padding-top: 12px
    }
.cloud-copy__text {
    margin: 24px 0 40px;
    max-width: 600px
    }
.cloud-copy__icon-row {
    width: 100%
    }
.cloud-copy__icon-row svg {
    fill: currentColor;
    height: 100%;
    width: 100%
    }
.cloud-copy__icon-row svg path {
    fill: currentColor
    }
.cloud-copy__icon-row img {
    width: 100%
    }
.cloud-copy__icon-content--large {
    height: 92px;
    margin-bottom: 16px;
    width: 92px
    }
.cloud-copy__icon-content--medium {
    height: 64px;
    margin-bottom: 16px;
    width: 64px
    }
.cloud-copy__icon-content--small {
    height: 32px;
    margin-bottom: 16px;
    width: 32px
    }
.cloud-copy--three-column--center .cloud-copy__icon-content--large, .cloud-copy--three-column--center .cloud-copy__icon-content--medium, .cloud-copy--three-column--center .cloud-copy__icon-content--small {
    margin-left: auto;
    margin-right: auto
    }
.cloud-copy__icon-2up {
    display: flex
    }
.cloud-copy__icon-2up .cloud-copy__icon-row {
    flex: 0 0 80px
    }
.cloud-copy--40-80 .cloud-copy__eyebrow {
    margin-bottom: 0
    }
.cloud-copy--50-50-column {
    line-height: 10px
    }
.cloud-copy--color-block {
    height: 100%;
    padding: 40px 16px
    }
.cloud-copy--color-block img {
    display: block;
    line-height: 10px;
    margin: 0 auto
    }
.cloud-copy--color-block__content-container img {
    height: 100%;
    width: 100%
    }
@media all and (min-width: 768px) {
    .cloud-copy--color-block {
        padding: 80px 32px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-copy--color-block {
        padding: 80px 0
        }
    }
.cloud-copy--color-block__is-full-size {
    padding: 0
    }
.cloud-copy--color-block__is-full-size img {
    height: 100%;
    width: 100%
    }
.cloud-copy--color-block__is-full-size .cloud-copy--color-block__content {
    height: 100%
    }
.cloud-copy__content {
    min-height: 180px
    }
.cloud-copy__content .cloud-footnotes {
    color: #bdc1c6
    }
.cloud-copy__content--left {
    margin-left: 0
    }
.cloud-copy__content--center {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
    }
.cloud-copy__content--center img {
    height: auto;
    max-width: 100%;
    width: auto
    }
.cloud-copy__color-block {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 180px
    }
.cloud-copy__color-block--blue {
    background-color: #4285f4
    }
.cloud-copy__color-block--green {
    background-color: #34a853
    }
.cloud-copy__color-block--grey {
    background-color: #f8f9fa
    }
.cloud-copy__color-block--height {
    min-height: inherit
    }
@media all and (min-width: 768px) {
    .cloud-copy .cloud-grid--alternate {
        grid-row-gap: 40px
        }
    .cloud-copy__text {
        margin: 0 16px 0 0
        }
    .cloud-copy__img:not(.cloud-copy--flipped) + .cloud-copy__text {
        margin-left: 16px
        }
    .cloud-copy--right {
        order: 2
        }
    .cloud-copy--one-column .cloud-copy__text {
        max-width: none
        }
    .cloud-copy--three-column .cloud-copy__text {
        max-width: 344px
        }
    .cloud-copy--40-80 .cloud-copy__text p:first-child {
        margin-top: 32px
        }
    .cloud-copy--color-block .cloud-grid__col {
        margin: 0;
        min-height: 420px
        }
    .cloud-copy--color-block .cloud-grid__col .cloud-copy__text {
        margin-bottom: 80px;
        margin-top: 80px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-copy__icon-2up .cloud-copy__icon-row {
        flex-basis: 110px
        }
    }
.cloud-customer-story__eyebrow {
    margin-bottom: 12px
    }
.cloud-customer-story__eyebrow .cloud-body-text__title {
    letter-spacing: 0.47px;
    margin: 0;
    padding: 0
    }
.cloud-customer-story__framed {
    background-color: #f8f9fa;
    padding: 60px 50px
    }
.cloud-customer-story__logo {
    margin-bottom: 24px
    }
.cloud-customer-story__logo-block {
    display: block
    }
.cloud-customer-story__hero-container {
    display: block;
    position: relative
    }
.cloud-customer-story__hero-container:hover .cloud-customer-story__video-icon--reveal {
    opacity: 1
    }
.cloud-customer-story__video-icon {
    align-items: center;
    bottom: 0;
    color: #80868b;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
    }
.cloud-customer-story__video-icon.cloud-customer-story__video-icon--reveal {
    opacity: 0;
    transition: opacity 150ms
    }
.cloud-customer-story__video-icon:hover, .cloud-customer-story__video-icon:focus {
    color: #1a73e8
    }
.cloud-customer-story__video-icon svg {
    fill: currentColor;
    height: 56px;
    width: 56px
    }
.cloud-customer-story__video-timestamp {
    bottom: 8px;
    position: absolute;
    right: 8px
    }
.cloud-customer-story__hero-img {
    border-radius: 8px;
    display: block;
    margin-bottom: 24px;
    max-width: 100%
    }
.cloud-grid .cloud-customer-story__hero-img {
    width: 100%
    }
.cloud-customer-story__headline {
    margin-bottom: 16px
    }
.cloud-customer-story__cta-note {
    margin: 0 0 16px
    }
.cloud-jump-content {
    padding-top: 94px
    }
.cloud-jump-menu {
    background-color: #fff;
    border: solid 1px #dadce0;
    border-radius: 4px;
    box-sizing: border-box;
    left: 24px;
    margin: 0 0 40px;
    overflow-x: visible;
    overflow-y: auto;
    padding: 0 16px 0 30px;
    position: absolute;
    right: 24px;
    z-index: 3
    }
.cloud-jump-menu.attached {
    border-radius: 0
    }
.cloud-jump-menu.open {
    bottom: 0
    }
.cloud-jump-menu.open .cloud-jump-menu__links {
    display: block;
    padding: 8px 0 24px
    }
.cloud-jump-menu.open .cloud-jump-menu__toggle i span::before {
    content: "keyboard_arrow_up"
    }
.cloud-jump-menu.open, .cloud-jump-menu.attached {
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 116px;
    width: 100%
    }
.cloud-jump-menu .cloud-jump-menu__toggle i span::before {
    content: "keyboard_arrow_down"
    }
#cloud-site .cloud-jump-menu .cloud-subhead {
    display: block;
    font-weight: 500;
    margin: 20px 0
    }
#cloud-site .cloud-jump-menu .cloud-subhead:first-child {
    margin-top: 0
    }
#cloud-site .cloud-jump-menu .cloud-subhead__hr-divider {
    border-top: 1px solid #dadce0;
    padding-top: 19px
    }
#cloud-site .cloud-jump-menu .cloud-subhead + .cloud-jump-menu__item {
    padding-top: 0
    }
#cloud-site .cloud-jump-menu .cloud-subhead + .cloud-jump-menu__item--active:link::before, #cloud-site .cloud-jump-menu .cloud-subhead + .cloud-jump-menu__item--active:visited::before {
    top: 0
    }
.cloud-jump-menu__item {
    border-left: 2px solid #e8eaed;
    display: block;
    padding-top: 16px;
    position: relative
    }
.cloud-jump-menu__item__main, .cloud-jump-menu__item__secondary {
    padding-left: 14px
    }
.cloud-jump-menu__item--active:link::before, .cloud-jump-menu__item--active:visited::before {
    background: #1a73e8;
    bottom: 0;
    content: "";
    left: -2px;
    position: absolute;
    top: 15px;
    width: 2px
    }
.cloud-jump-menu__item--active:link .cloud-jump-menu__item__main, .cloud-jump-menu__item--active:visited .cloud-jump-menu__item__main {
    color: #202124
    }
.cloud-jump-menu__item--active:link:first-child::before, .cloud-jump-menu__item--active:visited:first-child::before {
    top: 0
    }
.cloud-jump-menu__item:first-child {
    padding-top: 0
    }
.cloud-jump-menu__item:focus {
    text-decoration: none
    }
.cloud-jump-menu__item:link, .cloud-jump-menu__item:visited {
    color: #5f6368
    }
.cloud-jump-menu__item:link:hover .cloud-jump-menu__item__main, .cloud-jump-menu__item:link:focus .cloud-jump-menu__item__main, .cloud-jump-menu__item:visited:hover .cloud-jump-menu__item__main, .cloud-jump-menu__item:visited:focus .cloud-jump-menu__item__main {
    color: #1a73e8
    }
.cloud-jump-menu__links {
    display: none
    }
.cloud-jump-menu__links ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
.cloud-jump-menu__links li {
    margin-bottom: 0;
    margin-top: 16px
    }
.cloud-jump-menu__links li ul {
    margin-left: 16px
    }
.cloud-jump-menu__links li a, .cloud-jump-menu__links li a:link, .cloud-jump-menu__links li a:visited {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #5f6368;
    font-weight: 500;
    letter-spacing: 0.25px
    }
.cloud-jump-menu__links li a.active, .cloud-jump-menu__links li a:link.active, .cloud-jump-menu__links li a:visited.active {
    color: #202124;
    display: block;
    position: relative
    }
.cloud-jump-menu__links li a.active::before, .cloud-jump-menu__links li a:link.active::before, .cloud-jump-menu__links li a:visited.active::before {
    background: #1a73e8;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: -14px;
    position: absolute;
    top: 9px;
    width: 6px
    }
.cloud-jump-menu__links li a:hover, .cloud-jump-menu__links li a:focus, .cloud-jump-menu__links li a:link:hover, .cloud-jump-menu__links li a:link:focus, .cloud-jump-menu__links li a:visited:hover, .cloud-jump-menu__links li a:visited:focus {
    color: #1a73e8
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable li a {
    font-weight: 400
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable-text {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #5f6368;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 0.25px
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable-text::after {
    font: normal normal normal 24px/1 "Material Icons";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "keyboard_arrow_down";
    display: inline-block;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 10px;
    vertical-align: middle
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable-text:hover, .cloud-jump-menu__links .cloud-jump-menu__expandable-text:focus {
    color: #1a73e8;
    outline: 0
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable-text:focus {
    text-decoration: underline
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable.active .cloud-jump-menu__expandable-text {
    color: #202124
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable.active .cloud-jump-menu__expandable-text:hover, .cloud-jump-menu__links .cloud-jump-menu__expandable.active .cloud-jump-menu__expandable-text:focus {
    color: #1a73e8
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable--open .cloud-jump-menu__expandable-text::after {
    transform: rotate(180deg)
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable--open .cloud-jump-menu__expandable-content {
    transition: height 0.5s ease-out, visibility 0s;
    visibility: visible
    }
.cloud-jump-menu__links .cloud-jump-menu__expandable-content {
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding-left: 20px;
    transition: height 0.5s ease-out, visibility 0s 0.5s;
    visibility: hidden
    }
.cloud-jump-menu__active-page .active + .cloud-jump-menu__item {
    margin-top: 16px;
    padding-top: 0
    }
.cloud-jump-menu__active-page .active + .cloud-jump-menu__item--active:link::before, .cloud-jump-menu__active-page .active + .cloud-jump-menu__item--active:visited::before {
    top: 0
    }
.cloud-jump-menu__toggle {
    color: #3c4043;
    cursor: pointer;
    display: block;
    font: 700 12px/20px "Roboto", Arial, sans-serif;
    letter-spacing: 1.25px;
    padding: 16px 0;
    text-transform: uppercase
    }
.cloud-jump-menu__toggle i {
    color: #1a73e8;
    pointer-events: none;
    float: right
    }
.cloud-jump-menu__eyebrow {
    color: #3c4043;
    font: 700 12px/20px "Roboto", Arial, sans-serif;
    letter-spacing: 1.25px;
    text-transform: uppercase
    }
@media all and (min-width: 600px) {
    .cloud-jump-menu, .cloud-jump-menu.open {
        bottom: auto;
        left: 40px;
        right: 40px;
        position: absolute;
        width: auto
        }
    .cloud-jump-menu.attached {
        left: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 116px;
        width: 100%
        }
    .single-row .cloud-jump-menu.attached {
        top: 58px
        }
    .cloud-jump-menu.open {
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12)
        }
    .cloud-jump-menu.open:not(.attached) {
        top: auto
        }
    .cloud-jump-menu.open:not(.attached) .cloud-jump-menu__links {
        z-index: 1
        }
    }
@media all and (min-width: 1024px) {
    .cloud-jump-menu, .cloud-jump-menu.open {
        left: 80px;
        right: 80px
        }
    .cloud-jump-menu.attached {
        left: 0;
        right: 0
        }
    }
@media all and (min-width: 1280px) {
    .cloud-menu-content {
        padding-top: 5px
        }
    .cloud-jump-content {
        margin: 0 0 0 calc(15.138889% + 7.5%);
        padding-top: 0
        }
    .cloud-jump-content--narrow {
        margin-left: calc(15.138889% + 4.5%)
        }
    .cloud-jump-menu, .cloud-jump-menu.open {
        background-color: transparent;
        border: 0;
        bottom: auto;
        box-shadow: none;
        left: auto;
        margin: 0 0 0 -14px;
        max-width: 232px;
        padding: 0 0 0 14px;
        position: absolute;
        right: auto;
        top: auto;
        width: 15.138889%
        }
    .cloud-jump-menu .cloud-jump-menu__links, .cloud-jump-menu.open .cloud-jump-menu__links {
        padding: 0 0 24px;
        display: block
        }
    .cloud-jump-menu.open:not(.attached) {
        position: absolute
        }
    .cloud-jump-menu.open:not(.attached) .cloud-jump-menu__links {
        border: 0;
        left: auto;
        padding: 0 0 24px;
        position: static;
        right: auto
        }
    .cloud-jump-menu.attached, .cloud-jump-menu__prebuilt {
        left: auto;
        margin-left: -14px;
        position: fixed;
        right: auto;
        top: 209px;
        width: 15.138889%
        }
    .single-row .cloud-jump-menu.attached, .single-row .cloud-jump-menu__prebuilt {
        top: 140px
        }
    .cloud-jump-menu__prebuilt .cloud-jump-menu__toggle, .cloud-jump-menu__mixed .cloud-jump-menu__toggle {
        display: none
        }
    .cloud-jump-menu__toggle--hide-large {
        display: none
        }
    .cloud-jump-menu__toggle {
        cursor: text;
        margin-bottom: 20px;
        padding: 0;
        text-align: left
        }
    .cloud-jump-menu__toggle:focus {
        text-decoration: none
        }
    .cloud-jump-menu__toggle i {
        display: none
        }
    }
.cloud-chip {
    background-color: #e8f0fe;
    border-radius: 4px;
    color: #174ea6;
    display: inline-flex;
    font: 500 11px "Roboto", Arial, sans-serif;
    line-height: 16px;
    letter-spacing: 0.8px;
    margin-bottom: 12px;
    max-width: 100%;
    overflow: hidden;
    padding: 3px 8px 1px;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase
    }
.cloud-chip--blue-bg {
    background-color: #e8f0fe;
    color: #174ea6
    }
.cloud-chip--green-bg {
    background-color: #e6f4ea;
    color: #0d652d
    }
.cloud-chip--yellow-bg {
    background-color: #fef7e0;
    color: #b05a00
    }
.cloud-collapse__panel {
    border-top: 1px solid #e8eaed
    }
.cloud-collapse__panel .cloud-collapse__panel__label {
    color: #1a73e8
    }
.cloud-collapse__panel .cloud-collapse__panel__label:hover .cloud-collapse__panel__label__text {
    color: #174ea6
    }
.cloud-collapse__panel .cloud-collapse__panel__label:focus:focus, .cloud-collapse__panel .cloud-collapse__panel__label:focus:hover, .cloud-collapse__panel .cloud-collapse__panel__label .cloud-collapse__panel__label__text:focus, .cloud-collapse__panel .cloud-collapse__panel__label .cloud-collapse__panel__label__text:hover {
    color: #174ea6
    }
.cloud-collapse__panel.cloud-collapse-expanded {
    border-top: 1px solid #1a73e8
    }
.cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label {
    color: #202124
    }
.cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label:hover .cloud-collapse__panel__label__text {
    color: #3c4043
    }
.cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label:focus:focus, .cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label:focus:hover, .cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label .cloud-collapse__panel__label__text:focus, .cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label .cloud-collapse__panel__label__text:hover {
    color: #3c4043
    }
.cloud-collapse__panel__input {
    display: none
    }
.cloud-collapse__panel__input:checked ~ .cloud-collapse__panel__label::after {
    content: "keyboard_arrow_up"
    }
.cloud-collapse__panel__input:checked ~ .cloud-collapse__panel__content {
    max-height: 2400px;
    transition: max-height 0.3s cubic-bezier(1, 0, 1, 0), padding 0.3s cubic-bezier(1, 0, 1, 0);
    padding: 0 0 24px
    }
.cloud-collapse__panel__label {
    align-items: center;
    display: flex;
    padding: 24px 0 16px
    }
.cloud-collapse__panel__label__text {
    outline: none
    }
.cloud-collapse__panel__label::after {
    color: #1a73e8;
    content: "keyboard_arrow_down";
    font-family: "Material Icons";
    font-size: 30px;
    margin-left: auto;
    margin-right: 0;
    padding-right: 0
    }
.cloud-collapse__panel__content {
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), padding 0.3s cubic-bezier(0, 1, 0, 1)
    }
.cloud-collapse__wrapper__button-container {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 16px
    }
.cloud-collapse__wrapper__button-container .cloud-link {
    margin: 0 6px 0 0
    }
.cloud-collapse__wrapper__button-container .material-icons {
    font-size: 18px
    }
.cloud-collapse__wrapper__contents {
    border-bottom: 1px solid #e8eaed
    }
.cloud-collapse__cmd__button {
    background: none;
    box-shadow: none;
    margin: 0 20px;
    padding: 0
    }
.cloud-collapse__cmd__button:hover {
    background: none;
    text-decoration: none
    }
.cloud-collapse__cmd__button:focus {
    background: none;
    outline: none
    }
.cloud-collapse__cmd__button:active {
    background: none;
    box-shadow: none
    }
.cloud-collapse__cmd-button-icon {
    vertical-align: text-bottom
    }
.cloud-collapse__cmd--open .cloud-collapse__cmd--expand {
    display: none
    }
.cloud-collapse__cmd--open .cloud-collapse__cmd--collapse {
    display: block
    }
.cloud-collapse__cmd--expand {
    display: block
    }
.cloud-collapse__cmd--collapse {
    display: none
    }
.cloud-collapse--minimalist .cloud-collapse__wrapper__contents {
    border-bottom: 0
    }
.cloud-collapse--minimalist .cloud-collapse__wrapper__button-container {
    display: block;
    padding-bottom: 0
    }
.cloud-collapse--minimalist .cloud-collapse__panel:not(.cloud-collapse-expanded), .cloud-collapse--minimalist .cloud-collapse__panel.cloud-collapse-expanded {
    border-top: 0
    }
.cloud-collapse--minimalist .cloud-collapse__panel__input:checked ~ .cloud-collapse__panel__content {
    padding-bottom: 0
    }
.cloud-collapse--centered .cloud-collapse__wrapper__button-container {
    justify-content: center
    }
.cloud-collapse--centered .cloud-collapse__wrapper__button-container .cloud-collapse__cmd--expand, .cloud-collapse--centered .cloud-collapse__wrapper__button-container .cloud-collapse__cmd--collapse {
    background-color: #fff;
    padding: 0 8px;
    transform: translatey(-50%)
    }
.cloud-collapse--centered .cloud-collapse__panel:not(.cloud-collapse-expanded) {
    border-top: 0
    }
.cloud-collapse--centered .cloud-collapse__panel.cloud-collapse-expanded {
    border-top-color: #e8eaed
    }
.cloud-collapse--centered .cloud-collapse__panel.cloud-collapse-no-top-border {
    border-top: 0
    }
.cloud-collapse--tabby {
    position: relative
    }
.cloud-collapse--tabby .cloud-collapse__panel__input:checked ~ .cloud-collapse__panel__label .cloud-collapse__icon-wrap {
    height: 36px;
    padding-bottom: 12px;
    visibility: visible
    }
.cloud-collapse--tabby .cloud-collapse__icon-wrap {
    height: 0;
    overflow: hidden;
    transition: height 0.3s, visibility 0.3s;
    width: 100%
    }
.cloud-collapse--tabby .cloud-collapse__icon-wrap .material-icons {
    vertical-align: top
    }
.cloud-collapse--tabby .cloud-collapse__panel.cloud-collapse-expanded {
    border-top: 1px solid #e8eaed
    }
.cloud-collapse--tabby .cloud-collapse__panel.cloud-collapse-expanded .cloud-collapse__panel__label {
    padding-bottom: 0
    }
.cloud-collapse--tabby .cloud-collapse__panel__label {
    align-items: start;
    color: #5f6368;
    flex-direction: column
    }
.cloud-collapse--tabby .cloud-collapse__panel__label:hover .cloud-collapse__panel__label__text, .cloud-collapse--tabby .cloud-collapse__panel__label:focus .cloud-collapse__panel__label__text {
    color: #202124
    }
.cloud-collapse--tabby .cloud-collapse__panel__label::after {
    display: none
    }
.cloud-collapse--tabby .cloud-collapse__media {
    margin-top: 40px
    }
@media all and (min-width: 768px) {
    .cloud-collapse--tabby {
        height: 570px
        }
    .cloud-collapse--tabby .cloud-collapse__media {
        display: none;
        left: auto;
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%
        }
    .cloud-collapse--tabby .cloud-collapse-expanded .cloud-collapse__media {
        display: block
        }
    }
@media all and (min-width: 1024px) {
    .cloud-collapse--tabby .cloud-collapse__media {
        right: 8.5%;
        width: 40%
        }
    }
.pull-quote {
    background: inherit;
    font-family: "Google Sans", Arial, sans-serif;
    max-width: 680px;
    padding: 13px 0 18px
    }
.pull-quote::before {
    content: none
    }
.cloud-customer-story .pull-quote {
    max-width: 100%
    }
.pull-quote__preface {
    color: #5f6368;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 28px
    }
@media all and (min-width: 600px) {
    .pull-quote__preface {
        font-size: 20px;
        line-height: 32px;
        margin: 0 0 16px
        }
    }
.pull-quote__body {
    background-color: transparent;
    margin: 0;
    padding: 0
    }
.pull-quote__quote {
    color: #4285f4;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 22px;
    line-height: 32px;
    margin: 0 0 16px;
    position: relative;
    quotes: "“" "”" "‘" "’"
    }
[lang=hu] .pull-quote__quote {
    quotes: "„" "”" "‚" "’"
    }
[lang=pl] .pull-quote__quote {
    quotes: "„" "”" "‚" "’"
    }
@media all and (min-width: 600px) {
    .pull-quote__quote--bp {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 18px
        }
    }
.pull-quote__quote::before {
    content: open-quote;
    margin-right: -7px
    }
.pull-quote__quote::after {
    content: close-quote
    }
.pull-quote:not(.pull-quote--center-aligned) .pull-quote__quote::before {
    left: -2px;
    position: absolute;
    transform: translatex(-100%)
    }
.pull-quote__link {
    display: block
    }
.pull-quote__citation {
    font-style: normal
    }
.pull-quote__author {
    color: #3c4043;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 6px
    }
.pull-quote__author-title {
    color: #5f6368;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    line-height: 18px
    }
.pull-quote--center-aligned {
    margin-left: auto;
    margin-right: auto;
    max-width: 835px;
    text-align: center
    }
.pull-quote--color-light :link:hover, .pull-quote--color-light :link:focus, .pull-quote--color-dark :link:hover, .pull-quote--color-dark :link:focus {
    color: inherit
    }
.pull-quote--color-light .pull-quote__preface, .pull-quote--color-light .pull-quote__quote, .pull-quote--color-light .pull-quote__citation, .pull-quote--color-light .pull-quote__author, .pull-quote--color-light .pull-quote__author-title {
    color: #fff
    }
.pull-quote--color-dark .pull-quote__preface, .pull-quote--color-dark .pull-quote__quote, .pull-quote--color-dark .pull-quote__citation, .pull-quote--color-dark .pull-quote__author {
    color: #202124
    }
.cloud-card__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -24px
    }
.cloud-card__container .cloud-card {
    flex: 0 1 100%;
    margin: 0 0 24px;
    max-width: 300px;
    min-height: 272px
    }
@media all and (min-width: 600px) {
    .cloud-card__container .cloud-card {
        flex: 0 1 calc(50% - 24px);
        margin-left: 12px;
        margin-right: 12px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-card__container .cloud-card {
        flex-basis: calc(25% - 24px)
        }
    }
@media all and (min-width: 600px) {
    .cloud-card__container .cloud-card--large {
        max-width: 408px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-card__container .cloud-card--large {
        flex-basis: calc(33.3% - 24px)
        }
    }
@media all and (min-width: 600px) {
    .cloud-card__container .cloud-card--extra-large {
        max-width: 496px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-card__container .cloud-card--extra-large {
        flex-basis: calc(50% - 24px)
        }
    }
.cloud-card__container--left-aligned {
    justify-content: left
    }
.cloud-card__container--left-aligned .cloud-card {
    max-width: 100%
    }
@media all and (min-width: 600px) {
    .cloud-card__container--left-aligned {
        margin-left: -12px;
        margin-right: -12px
        }
    }
@media all and (min-width: 600px) {
    .cloud-card__container--left-aligned.cloud-card__container--3up {
        margin-left: -12px;
        margin-right: -12px
        }
    }
.cloud-card__container--2up, .cloud-card__container--3up {
    margin-left: auto;
    margin-right: auto
    }
.cloud-card__container--2up {
    max-width: 652px
    }
@media all and (min-width: 1024px) {
    .cloud-card__container--2up .cloud-card {
        flex-basis: calc(50% - 24px)
        }
    }
.cloud-card__container--3up {
    max-width: 978px
    }
@media all and (min-width: 1024px) {
    .cloud-card__container--3up .cloud-card {
        flex-basis: calc(33.3% - 24px)
        }
    }
.cloud-card__container--full-width {
    justify-content: space-between;
    max-width: 100%
    }
.cloud-card__container--full-width .cloud-card {
    margin-left: 0;
    margin-right: 0;
    max-width: none
    }
.cloud-card {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    background-color: #fff;
    background-position: center center;
    background-size: auto 100%;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 225px;
    overflow: hidden;
    position: relative
    }
.cloud-card:not(.cloud-card--no-hover) {
    transition: box-shadow 0.3s ease-out, background-size 0.3s ease-out
    }
.cloud-card:not(.cloud-card--no-hover):hover {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.05), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    background-size: auto 103%
    }
.cloud-card:hover .cloud-card__card-link--video .cloud-card__headline {
    color: #1a73e8
    }
.cloud-card:hover .cloud-card__video-icon--reveal {
    opacity: 1
    }
.cloud-card--max-width {
    max-width: 300px
    }
.cloud-card__eyebrow {
    padding-bottom: 8px
    }
.cloud-card__icon {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    height: 32px;
    margin-bottom: 12px;
    width: 32px
    }
.cloud-card__icon svg {
    fill: currentColor;
    height: 100%;
    width: 100%
    }
.cloud-card__icon svg path {
    fill: currentColor
    }
.cloud-card__logo {
    display: flex;
    justify-content: center;
    padding: 32px 8px 0
    }
.cloud-card__logo.cloud-card__logo--bg {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 160px;
    padding: 0
    }
@media all and (min-width: 1024px) {
    .cloud-card__logo.cloud-card__logo--bg {
        height: 170px
        }
    }
.cloud-card__logo.cloud-card__logo--align-left {
    justify-content: left
    }
.cloud-card__logo.cloud-card__logo--align-right {
    justify-content: right
    }
.cloud-card__media {
    display: flex;
    height: 170px;
    justify-content: center;
    overflow: hidden;
    position: relative
    }
.cloud-card__media--image {
    height: auto;
    object-fit: cover;
    width: 100%
    }
.cloud-card__media--logo {
    align-self: center;
    position: absolute;
    width: 140px
    }
.cloud-card__video {
    position: relative
    }
.cloud-card__video-icon {
    align-items: center;
    bottom: 0;
    color: #80868b;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
    }
.cloud-card__video-icon.cloud-card__video-icon--reveal {
    opacity: 0;
    transition: opacity 150ms
    }
.cloud-card__video-icon--fill {
    background-color: #fff;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: -1
    }
.cloud-card__video-icon:hover, .cloud-card__video-icon:focus {
    color: #1a73e8
    }
.cloud-card__video-icon svg {
    fill: currentColor;
    height: 56px;
    width: 56px
    }
.cloud-card__video-timestamp {
    bottom: 8px;
    position: absolute;
    right: 8px
    }
.cloud-card__top {
    padding: 32px 32px 0
    }
.cloud-card__heading {
    padding: 32px 36px 14px
    }
.cloud-card__card-link {
    cursor: pointer;
    flex: 1
    }
.cloud-card__card-link .cloud-card__headline {
    color: #202124;
    margin: 0
    }
.cloud-card__card-link:hover .cloud-card__headline {
    color: #1a73e8
    }
.cloud-card__card-link:visited .cloud-card__headline {
    color: #7b1fa2
    }
.cloud-card__card-link:focus {
    text-decoration: none
    }
.cloud-card__card-link:focus .cloud-card__headline {
    color: #174ea6
    }
.cloud-card__content {
    padding: 32px
    }
.cloud-card__content .cloud-checklist {
    padding: 10px 10px 0
    }
.cloud-card__content .cloud-checklist__item {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px
    }
.cloud-card__content .cloud-headline4 {
    padding-bottom: 8px
    }
.cloud-card__content p {
    margin: 0
    }
.cloud-card__content--featured {
    color: #1a73e8;
    margin-bottom: 24px;
    margin-top: 24px
    }
.cloud-card__content__quote-text {
    padding-left: 25px
    }
.cloud-card__content--has-footer {
    padding: 32px 32px 24px
    }
.cloud-card__footer {
    align-self: end;
    margin-right: auto;
    margin-top: auto;
    padding: 0 32px 32px
    }
.cloud-card .cloud-button:not(.cloud-button--flat-alternate) {
    display: flex;
    justify-content: flex-start
    }
.cloud-card .cloud-button:not(.cloud-button--flat-alternate) + .cloud-button {
    margin: 25px 0 0
    }
.cloud-card--large .cloud-card__top, .cloud-card--extra-large .cloud-card__top {
    padding-left: 32px;
    padding-right: 32px
    }
.cloud-card--large .cloud-card__media, .cloud-card--extra-large .cloud-card__media {
    height: 200px
    }
.cloud-card__fab {
    position: absolute;
    right: 25px;
    top: 132px
    }
@media all and (min-width: 1024px) {
    .cloud-card__fab {
        top: 142px
        }
    }
@keyframes anim-next {
    0% {
        transform: translateX(50%)
        } 100% {
        transform: translateX(-50%)
        }
    }
@keyframes anim-prev {
    0% {
        transform: translateX(-150%)
        } 100% {
        transform: translateX(-50%)
        }
    }
.cloud-carousel {
    min-width: 300px;
    padding: 26px 0 0;
    position: relative
    }
.cloud-carousel--no-transition .cloud-carousel__slide-deck {
    transition: none
    }
.cloud-carousel__slide-deck-container {
    overflow: hidden
    }
.cloud-carousel__slide-deck {
    display: flex;
    transform: translatex(0);
    transition: transform 0.8s;
    transition-timing-function: cubic-bezier(0.43, 0, 0.47, 1)
    }
.cloud-carousel__slide {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    padding: 0 45px;
    width: 100%
    }
.cloud-carousel__slide-link {
    color: inherit;
    display: inherit;
    height: 100%
    }
.cloud-carousel__slide-link:focus, .cloud-carousel__slide-link:hover {
    text-decoration: none
    }
.cloud-carousel__slide-link:focus {
    background-color: #f8f9fa
    }
.cloud-carousel__slide-link:visited .cloud-carousel__slide-cta {
    color: #7b1fa2
    }
.cloud-carousel__slide--story {
    max-height: 128px
    }
.cloud-carousel__slide--story .cloud-carousel__slide-image {
    display: none;
    flex: 0 0 100px;
    margin: 0;
    height: 100%;
    width: 100px
    }
@media all and (min-width: 600px) {
    .cloud-carousel__slide--story .cloud-carousel__slide-image {
        display: block
        }
    }
.cloud-carousel__slide--story .cloud-carousel__slide-image img {
    height: 100%
    }
.cloud-carousel__slide--story .cloud-carousel__slide-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 0 0 28px;
    padding: 4px 0
    }
.cloud-carousel__slide--story .cloud-carousel__slide-image--rounded img {
    border-radius: 8px
    }
#cloud-site .cloud-carousel__slide--story .cloud-carousel__slide-metadata {
    color: #80868b;
    font: 11px "Roboto", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.8px;
    line-height: 16px
    }
#cloud-site .cloud-carousel__slide--story .cloud-carousel__slide-description {
    color: #202124;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: 0.47px;
    line-height: 24px;
    margin: 8px 0 0
    }
#cloud-site .cloud-carousel__slide--story .cloud-carousel__slide-description > span:first-child {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 75px;
    overflow: hidden;
    text-overflow: ellipsis
    }
#cloud-site .cloud-carousel__slide--story .cloud-carousel__slide-cta {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 8px
    }
#cloud-site .cloud-carousel__slide--story .cloud-carousel__slide-cta--clickable {
    display: inherit
    }
@media all and (min-width: 600px) {
    .cloud-carousel__slide {
        flex-direction: row;
        padding: 0 73px
        }
    .cloud-carousel__slide--image-align-left-top {
        align-items: flex-start
        }
    .cloud-carousel__slide--image-align-right {
        flex-direction: row-reverse
        }
    }
@media all and (min-width: 1024px) {
    .cloud-carousel__slide {
        padding: 0 6%
        }
    }
.cloud-carousel__slide-image {
    flex: 0 0 104px;
    width: 104px;
    margin: 0 0 27px
    }
@media all and (min-width: 600px) {
    .cloud-carousel__slide-image {
        margin: 0 16px
        }
    }
@media all and (max-width: 400px) {
    .cloud-carousel__slide-image {
        display: none
        }
    }
.cloud-carousel__slide-image img {
    width: 100%
    }
.cloud-carousel__slide-image--circular img {
    border-radius: 50%
    }
.cloud-carousel__slide-image--rounded img {
    border-radius: 10px
    }
.cloud-carousel__slide-body {
    margin: 0 9%
    }
@media all and (min-width: 600px) {
    .cloud-carousel__slide-body {
        margin: 0 20px 0 36px
        }
    }
.cloud-carousel__controls--hide-nuggets .cloud-carousel__nuggets {
    display: none
    }
.cloud-carousel__controls--hide-nuggets .cloud-carousel__arrow {
    padding-bottom: 0
    }
.cloud-carousel__arrow {
    align-items: center;
    bottom: 0;
    cursor: pointer;
    display: flex;
    padding-bottom: 26px;
    position: absolute;
    top: 0
    }
.cloud-carousel__arrow::before {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    content: "";
    display: block;
    height: 48px;
    position: absolute;
    transition: background 0.2s;
    width: 48px
    }
.cloud-carousel__arrow.left-arrow {
    left: 0
    }
.cloud-carousel__arrow.right-arrow {
    right: 0
    }
.cloud-carousel__arrow img {
    height: 36px;
    margin: 0 6px;
    width: 36px;
    z-index: 1
    }
.cloud-carousel__arrow:not([disabled]):hover::before {
    background: #e8eaed
    }
.cloud-carousel__arrow[disabled] {
    cursor: default
    }
.cloud-carousel__arrow[disabled] img {
    opacity: 0.1
    }
.cloud-carousel__nuggets {
    display: flex;
    justify-content: center;
    padding: 10px 0
    }
.cloud-carousel__nugget {
    cursor: pointer;
    height: 26px;
    position: relative;
    width: 26px
    }
.cloud-carousel__nugget::after {
    background: #e8eaed;
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    left: 8px;
    top: 8px;
    transition: background 0.2s;
    width: 10px
    }
.cloud-carousel__nugget:hover::after {
    background: #dadce0
    }
.cloud-carousel__nugget[active]::after {
    background: #9aa0a6
    }
.cloud-carousel--showcase .cloud-carousel__nuggets {
    padding: 40px 0 0
    }
.cloud-carousel--showcase .cloud-carousel__nugget::after {
    height: 7px;
    width: 7px
    }
.cloud-carousel--showcase .cloud-carousel__slide-deck-container {
    overflow: hidden
    }
.cloud-carousel--showcase .cloud-carousel__slide-deck {
    display: flex;
    transform: translatex(-150%)
    }
.cloud-carousel--showcase .cloud-carousel__slide-deck.prev .cloud-carousel__slide {
    animation: anim-prev 0.4s 1;
    animation-timing-function: linear
    }
.cloud-carousel--showcase .cloud-carousel__slide-deck.next .cloud-carousel__slide {
    animation: anim-next 0.4s 1;
    animation-timing-function: linear
    }
.cloud-carousel--showcase .cloud-carousel__slide {
    align-items: flex-end;
    flex: 0 0 100%;
    flex-flow: row nowrap;
    padding: 0;
    transform: translatex(-50%)
    }
@media all and (min-width: 600px) {
    .cloud-carousel--showcase .cloud-carousel__slide-deck {
        transform: translatex(-50%)
        }
    .cloud-carousel--showcase .cloud-carousel__slide {
        align-items: stretch;
        flex: 0 0 50%;
        padding: 0 1%
        }
    }
.cloud-carousel--showcase .cloud-carousel__arrow img {
    left: -27px;
    position: relative
    }
.cloud-carousel--showcase .cloud-carousel__arrow.left-arrow {
    left: 0
    }
.cloud-carousel--showcase .cloud-carousel__arrow.left-arrow::before {
    position: relative;
    left: 20px
    }
.cloud-carousel--showcase .cloud-carousel__arrow.right-arrow {
    right: 0
    }
.cloud-carousel--showcase .cloud-carousel__arrow.right-arrow::before {
    position: relative;
    left: 20px
    }
@media all and (min-width: 600px) {
    .cloud-carousel--showcase .cloud-carousel__arrow.left-arrow {
        left: 40px
        }
    .cloud-carousel--showcase .cloud-carousel__arrow.right-arrow {
        right: 40px
        }
    }
.cloud-carousel--simple {
    background-color: #f8f9fa;
    min-width: auto;
    padding-top: 0
    }
.cloud-carousel--simple .cloud-carousel__slide-image {
    display: block;
    flex: none;
    margin-bottom: 0;
    width: 100%
    }
.cloud-carousel--simple .cloud-carousel__arrow {
    background-color: #f8f9fa;
    padding-bottom: 0
    }
.cloud-carousel--simple .cloud-carousel__arrow::before {
    display: none
    }
.no-touch .cloud-carousel--simple .cloud-carousel__arrow {
    display: none
    }
.no-touch .cloud-carousel--simple:hover .cloud-carousel__arrow {
    display: flex
    }
.cloud-carousel--simple .cloud-carousel__nuggets {
    bottom: 0;
    left: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    right: 0
    }
.cloud-carousel--simple .cloud-carousel__nugget::after {
    height: 6px;
    width: 6px
    }
.cloud-carousel--simple .cloud-carousel__slide {
    padding-left: 0;
    padding-right: 0;
    width: 100%
    }
.cloud-carousel--3up .cloud-carousel__slide {
    padding: 0
    }
@media all and (min-width: 600px) {
    .cloud-carousel--3up .cloud-carousel__slide {
        align-items: start;
        display: flex;
        flex-basis: 426px;
        margin-right: 68px
        }
    }
@media all and (min-width: 600px) {
    .cloud-carousel--3up .cloud-carousel__slide--large {
        flex-basis: 626px
        }
    }
.cloud-carousel--3up .cloud-carousel__arrow:not(.cloud-carousel--showcase)[disabled] {
    display: none
    }
.cloud-carousel--3up .cloud-carousel__arrow.right-arrow {
    right: 20px
    }
@media all and (min-width: 1024px) {
    .cloud-carousel--arrows-on-hover .cloud-carousel__arrow {
        opacity: 0;
        transition: opacity 0.3s ease-in-out
        }
    .cloud-carousel--arrows-on-hover:hover .cloud-carousel__arrow {
        opacity: 1
        }
    }
.cloud-carousel--bleed-right {
    margin-right: calc(50% - 50vw)
    }
.cloud-carousel--bleed-left {
    margin-left: calc(50% - 50vw)
    }
.cloud-checklist {
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 16px 24px
    }
.cloud-checklist--no-shadow {
    box-shadow: none
    }
@media all and (min-width: 600px) {
    .cloud-checklist {
        padding: 48px 60px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-checklist {
        padding: 36px 60px
        }
    }
.cloud-checklist__wrapper {
    margin: 0;
    padding: 0
    }
@media all and (min-width: 1024px) {
    .cloud-checklist__wrapper {
        display: flex;
        margin: 0 -36px
        }
    }
.cloud-checklist__wrapper--vertical {
    flex-direction: column
    }
.cloud-checklist__wrapper--horizontal {
    flex-direction: row
    }
.cloud-checklist__item {
    font-family: "Google Sans", Arial, sans-serif;
    list-style-type: none;
    line-height: 24px;
    padding: 12px 0 12px 36px;
    position: relative
    }
.cloud-checklist__item::before {
    content: url("data:image/svg+xml,<svg width=\"24px\" height=\"24px\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><polyline points=\"2,11 9,18, 20,7\" stroke=\"%2334a853\" stroke-width=\"4\" fill=\"none\"/></svg>");
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 24px
    }
@media all and (min-width: 1024px) {
    .cloud-checklist__item::before {
        left: 24px;
        top: -2px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-checklist__item {
        flex: 1 1 0;
        padding: 0 36px 0 60px
        }
    }
.cloud-dropdown {
    font-family: "Roboto", Arial, sans-serif;
    margin: 20px 0;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
    }
.cloud-dropdown-container {
    cursor: pointer;
    position: relative;
    width: 100%
    }
.cloud-dropdown-header {
    border: 1px solid #dadce0;
    border-radius: 4px;
    padding: 6px 25px
    }
.cloud-dropdown-header__title {
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    white-space: nowrap
    }
.cloud-dropdown-header__title::after {
    font: normal normal normal 24px/1 "Material Icons";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    content: "keyboard_arrow_down";
    display: inline-block;
    font-size: 18px;
    height: 18px;
    position: absolute;
    right: 24px;
    top: 13px
    }
.cloud-dropdown-content {
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 4px;
    display: none;
    left: 0;
    margin-top: 5px;
    overflow-y: scroll;
    position: absolute;
    top: 46px;
    transition: height 0.3s ease 0.3s, visibility 0s linear;
    width: 100%;
    z-index: 1
    }
.cloud-dropdown-content--visible {
    display: block
    }
.cloud-dropdown-content__list {
    list-style: none;
    padding: 20px 24px
    }
.cloud-dropdown-content__list li {
    color: #5f6368;
    display: flex;
    font-weight: 500;
    margin: 0
    }
.cloud-dropdown-content__list li:not(:last-child) {
    margin-bottom: 4px
    }
.cloud-dropdown-content__list .cloud-dropdown-item--selected {
    color: #dadce0
    }
.cloud-dropdown-item {
    position: relative
    }
.cloud-dropdown-item__multiple::before {
    font: normal normal normal 24px/1 "Material Icons";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    color: #bdc1c6;
    content: "check_box_outline_blank";
    font-size: 19px;
    padding-right: 8px;
    line-height: 23px
    }
.cloud-dropdown-item__multiple--selected::before {
    content: "check_box";
    color: #1a73e8
    }
.expanded > .cloud-dropdown-header__title::after {
    transform: rotate(180deg)
    }
.cloud-copy__grid .cloud-checklist {
    padding: 0 0 0 24px
    }
.cloud-copy__grid .cloud-checklist__item {
    padding: 0 0 0 36px
    }
.cloud-copy__grid .cloud-checklist__item::before {
    left: 0;
    top: 0
    }
.cloud-copy__grid .gated-form-checklist .cloud-checklist__wrapper {
    margin: 0 -20px;
    padding-top: 16px
    }
.cloud-copy__grid .gated-section-content {
    margin: 32px 0 56px
    }
.cloud-copy__grid .gated-section-content p {
    margin: 0 0 24px
    }
.cloud-copy__grid small {
    align-items: flex-end;
    display: flex;
    height: 175px
    }
.gated-section-padding-top {
    padding-top: 16px
    }
.gated-section-no-margin {
    margin: 0
    }
#cloud-site .cloud-gated-form {
    padding-left: 10%
    }
#cloud-site .cloud-gated-form__field {
    margin: 26px 0
    }
#cloud-site .cloud-gated-form__field .devsite-table-wrapper {
    margin: 0;
    overflow: hidden
    }
#cloud-site .cloud-gated-form__field table.i18n_phone_number_input {
    border: 0;
    box-shadow: none;
    margin: 0;
    position: relative
    }
#cloud-site .cloud-gated-form__field .i18n_phone_number_input-input {
    border: 0;
    padding: 0;
    width: 100%
    }
#cloud-site .cloud-gated-form__field .i18n_phone_number_input-input input[type=tel] {
    padding-left: 60px
    }
#cloud-site .cloud-gated-form__field .i18n_phone_number_input-menu {
    background-color: transparent;
    border: 0;
    float: right;
    height: 26px;
    outline: none;
    padding: 0;
    vertical-align: middle;
    width: 1%
    }
#cloud-site .cloud-gated-form__field .i18n_phone_number_input-menu .i18n-phone-select-country {
    cursor: pointer;
    height: 30px;
    outline: none;
    padding-left: 12px;
    position: absolute;
    top: -4px;
    transition: background 0.3s
    }
#cloud-site .cloud-gated-form__field .i18n_phone_number_input-loRes .i18n-phone-select-country-dropdown {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #5f6368;
    height: 0;
    left: 8px;
    vertical-align: middle;
    width: 0
    }
#cloud-site .cloud-gated-form .goog-inline-block {
    position: relative
    }
#cloud-site .cloud-gated-form .i18n-phone-select-country-disabled {
    cursor: default;
    opacity: 0.5
    }
#cloud-site .cloud-gated-form .gated-form-border {
    border: 1px solid #dbdce0;
    padding: 28px
    }
#cloud-site .cloud-gated-form .gated-form-headline {
    color: #dd3303;
    padding-bottom: 8px
    }
#cloud-site .cloud-gated-form .gated-form-subheadline {
    color: #80868b;
    font-size: 14px;
    margin-top: 8px
    }
#cloud-site .cloud-gated-form .gated-form-opt-in-text {
    color: #80868b
    }
#cloud-site .cloud-gated-form label {
    font-size: 16px;
    padding: 3px 0
    }
#cloud-site .cloud-gated-form label.contact-form__expand-question {
    color: #1a73e8;
    cursor: pointer
    }
#cloud-site .cloud-gated-form label.contact-form__expand-question input {
    display: none
    }
#cloud-site .cloud-gated-form label.contact-form__expand-question, #cloud-site .cloud-gated-form span.contact-form__expand-answer {
    font-size: 10px;
    line-height: 1.6;
    padding: 0
    }
#cloud-site .cloud-gated-form__hidden {
    display: none
    }
#cloud-site .cloud-gated-form__field__errors {
    position: absolute
    }
#cloud-site .cloud-gated-form__field__errors__error {
    color: #d93025;
    font-size: 11px;
    font-style: italic;
    padding-left: 2px
    }
#cloud-site .cloud-gated-form select, #cloud-site .cloud-gated-form input[type=email], #cloud-site .cloud-gated-form input[type=text], #cloud-site .cloud-gated-form input[type=tel] {
    border: 0;
    border-bottom: 2px solid #e8eaed;
    margin-bottom: 4px;
    padding: 0 0 5px 2px;
    width: 100%
    }
#cloud-site .cloud-gated-form__button-primary {
    background-color: #4285f4;
    padding: 4px 22px;
    font-weight: 500
    }
#cloud-site .cloud-gated-form__button-primary.disabled {
    background-color: #ddd
    }
#cloud-site .cloud-gated-form input[type=checkbox] {
    margin: 7px 14px 0 0
    }
#cloud-site .cloud-gated-form p {
    margin-bottom: 10px
    }
#cloud-site .cloud-gated-form select {
    font-size: 16px
    }
#cloud-site .cloud-gated-form__email-options {
    margin: 32px 0
    }
#cloud-site .cloud-gated-form__email-options label {
    padding-right: 20px
    }
#cloud-site .cloud-gated-form input[type=email].ng-invalid.validatable, #cloud-site .cloud-gated-form input[type=text].ng-invalid.validatable {
    border-bottom: 2px solid #d93025
    }
#cloud-site .cloud-gated-form .ng-cloak {
    display: none !important
    }
@media screen and (min-width: 320px) and (max-width: 768px) {
    #cloud-site .cloud-gated-form {
        padding-left: 0
        }
    }
.i18n-phone-flag {
    background: url(/ssl.gstatic.com/i18n/phonenumbers/phoneinputwidget/flags4.png) no-repeat 0 0;
    height: 11px;
    overflow: hidden;
    width: 16px
    }
.i18n-phone-select-country-menu {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute
    }
.i18n-phone-select-country-menu .goog-menuitem {
    color: #000;
    font: normal 13px Arial, sans-serif;
    padding: 8px
    }
.i18n-phone-select-country-menu .goog-menuitem-highlight, .i18n-phone-select-country-menu .goog-menuitem-hover {
    background-color: #dceaff
    }
.i18n-phone-select-country-flag {
    padding: 2px 0;
    vertical-align: middle
    }
.i18n-phone-select-country-name {
    margin: 0 5px 0 7px;
    vertical-align: middle
    }
.i18n-phone-select-country-caption {
    vertical-align: middle
    }
.i18n-phone-select-country-code {
    color: #666;
    vertical-align: middle
    }
.cloud-get-started {
    border-top: 1px solid #dadce0;
    padding: 60px 0 44px
    }
.cloud-get-started__eyebrow {
    padding-bottom: 12px
    }
.cloud-get-started__header {
    padding-top: 32px
    }
.cloud-get-started__introduction {
    max-width: 480px
    }
.cloud-get-started__section {
    margin-top: 40px
    }
.cloud-get-started__list {
    margin-top: 24px
    }
.cloud-get-started__list-link {
    margin: 0 0 16px
    }
@media all and (max-width: 400px) {
    .cloud-get-started {
        text-align: center
        }
    }
@media all and (min-width: 600px) {
    .cloud-get-started {
        padding: 80px 0 64px
        }
    .cloud-get-started__header {
        padding: 40px 0 15px 28px
        }
    .cloud-get-started__section {
        padding-left: 28px
        }
    .cloud-get-started__list {
        display: flex;
        flex-wrap: wrap
        }
    .cloud-get-started__list-link {
        margin-right: 16px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-get-started:not(.cloud-get-started--has-aside) .cloud-get-started__section {
        max-width: 400px;
        padding-left: 0
        }
    .cloud-get-started__aside {
        align-self: end;
        border-left: 1px solid #dadce0;
        grid-row: 1/3;
        padding-left: calc(100% / 6)
        }
    }
@media all and (min-width: 1024px) {
    .cloud-external-content {
        margin-right: 92px
        }
    }
.cloud-external-content .loading {
    align-items: center;
    display: flex;
    height: 300px;
    justify-content: center;
    padding: 16px;
    text-align: center
    }
.cloud-external-content .loading img {
    height: 32px;
    margin-right: 24px;
    width: 32px
    }
.cloud-external-content__view-all-link {
    margin-bottom: 56px
    }
@media all and (min-width: 1024px) {
    .cloud-external-content__view-all-link {
        margin-bottom: 0
        }
    }
.cloud-external-content .dynamic-content-widget .loading {
    display: none
    }
.cloud-external-content .resource-widget {
    margin: 0
    }
.cloud-external-content .dynamic-content-results {
    flex-direction: column;
    margin: 0 0 32px
    }
.cloud-external-content .dynamic-card-wrapper {
    padding: 0
    }
.cloud-external-content .dynamic-card {
    box-shadow: none;
    border-bottom: 1px solid #dadce0;
    margin: 0 0 24px
    }
.cloud-external-content .dynamic-card-content {
    display: flex;
    flex-flow: row wrap;
    padding: 0
    }
.cloud-external-content .dynamic-card-content a {
    display: unset;
    flex: 1 100%;
    margin-bottom: 24px;
    order: 3;
    text-align: left
    }
.cloud-external-content .dynamic-card-content h3 {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0;
    color: #1a73e8;
    display: inline;
    line-height: 36px;
    padding-right: 42px
    }
@media all and (min-width: 600px) {
    .cloud-external-content .dynamic-card-content h3 {
        font-size: 32px;
        line-height: 40px
        }
    }
.cloud-external-content .dynamic-card-content h3:hover {
    color: #174ea6
    }
.cloud-external-content .dynamic-card-image-bg {
    display: none
    }
.cloud-external-content .dynamic-card-summary, .cloud-external-content .dynamic-card-category {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    overflow: visible;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 8px
    }
.cloud-external-content .dynamic-card-summary {
    order: 1
    }
.cloud-external-content .dynamic-card-summary::after {
    content: "/";
    padding: 0 6px
    }
.cloud-external-content .dynamic-card-category {
    order: 2
    }
.cloud-external-content.external-content-view-all-link .dynamic-content-widget-paging {
    display: none
    }
.cloud-external-content .dynamic-content-widget-paging {
    margin-top: 40px
    }
.cloud-external-content .dynamic-content-widget-paging button {
    align-items: center;
    border: 0;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font: 500 14px "Google Sans", Arial, sans-serif;
    height: 44px;
    justify-content: center;
    letter-spacing: 0.25px;
    min-width: auto;
    outline: none;
    padding: 0 24px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    transition: none;
    vertical-align: inherit;
    background-color: #fff;
    border: 1px solid #dadce0;
    color: #1a73e8
    }
.cloud-external-content .dynamic-content-widget-paging button:hover {
    background-color: #eff5fd;
    border-color: #d2e3fc
    }
.cloud-external-content .dynamic-content-widget-paging button[hidden] {
    display: none
    }
.cloud-media-block {
    display: block;
    overflow: hidden;
    position: relative
    }
.cloud-media-block--light {
    color: #fff
    }
.cloud-media-block--dark .cloud-media-block__head, .cloud-media-block--dark .cloud-media-block__subhead {
    color: #202124
    }
.cloud-media-block__content {
    left: 24px;
    position: absolute;
    right: 24px
    }
.cloud-media-block__top .cloud-media-block__content {
    top: 24px
    }
.cloud-media-block__bottom .cloud-media-block__content {
    bottom: 24px
    }
.cloud-media-block__subhead {
    margin-top: 8px
    }
.cloud-media-block__cta {
    font-size: 14px;
    font-weight: 500;
    margin-top: 24px;
    text-transform: uppercase
    }
.cloud-media-block img, .cloud-media-block picture {
    display: flex;
    justify-content: center;
    max-width: none;
    width: auto
    }
.cloud-media-block video {
    display: block;
    margin-left: -50%;
    max-width: 200%;
    width: 200%
    }
.cloud-media-block .cloud-button.cloud-button--reversed:visited {
    color: #fff
    }
@media all and (min-width: 600px) {
    .cloud-media-block__content {
        left: 32px;
        right: 32px
        }
    .cloud-media-block__top .cloud-media-block__content {
        top: 32px
        }
    .cloud-media-block__bottom .cloud-media-block__content {
        bottom: 32px
        }
    .cloud-media-block video {
        margin-left: 0;
        max-width: 100%;
        width: 100%
        }
    }
.cloud-related-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
    }
.cloud-related-content__element {
    color: #3c4043;
    display: flex
    }
.cloud-related-content__element--2up {
    width: 100%;
    margin: 18px 0
    }
@media all and (min-width: 1024px) {
    .cloud-related-content__element--2up {
        width: 45%
        }
    }
.cloud-related-content__blurb {
    line-height: 1.3em;
    margin-top: 10px
    }
.cloud-related-content__image {
    height: 80px;
    margin-right: 28px
    }
.cloud-hero {
    clear: both
    }
.cloud-hero img {
    max-width: unset
    }
.cloud-hero img.cloud-hero__image--scaled {
    max-width: 100%
    }
@media all and (min-width: 1024px) {
    .cloud-hero img.cloud-hero__image--scaled {
        max-width: unset
        }
    }
.cloud-hero .content-set {
    margin: 40px 0
    }
@media all and (min-width: 600px) {
    .cloud-hero .content-set {
        margin: 80px 0
        }
    }
@media all and (min-width: 1024px) {
    .cloud-hero .content-set {
        margin-left: 0
        }
    }
.cloud-hero .content-set p {
    margin: 16px 0 0
    }
.cloud-hero .content-set hr {
    border-top-color: #fbbc04;
    border-top-style: solid;
    border-top-width: 2px;
    margin: 32px auto;
    width: 160px
    }
@media all and (min-width: 600px) {
    .cloud-hero .content-set hr {
        margin-top: 48px;
        width: 280px
        }
    }
.cloud-hero .content-set hr.blue {
    border-top-color: #4285f4
    }
.cloud-hero .content-set hr.green {
    border-top-color: #34a853
    }
.cloud-hero .content-set hr.red {
    border-top-color: #ea4335
    }
.cloud-hero .content-set hr.yellow {
    border-top-color: #fbbc04
    }
.cloud-hero__breadcrumbs {
    margin-bottom: 36px
    }
.cloud-hero__content--background .content-set {
    margin-left: 16px;
    margin-right: 16px
    }
@media all and (min-width: 600px) {
    .cloud-hero__content--background .content-set {
        margin-left: 32px;
        margin-right: 32px
        }
    }
.cloud-hero__1up-full {
    background: #4285f4 url(/images/hero-illustration-small.svg) no-repeat center;
    background-size: cover
    }
@media all and (min-width: 600px) {
    .cloud-hero__1up-full {
        background-image: url(/images/hero-illustration-large.svg);
        background-size: auto 100%
        }
    }
.cloud-hero__1up-content--centered {
    text-align: center
    }
@media all and (min-width: 1024px) {
    .cloud-hero__1up-content--centered .content-set {
        margin-left: 60px;
        margin-right: 60px
        }
    }
.cloud-hero__2up-content {
    align-items: center;
    overflow: unset;
    position: relative
    }
.cloud-hero__2up-content--white {
    background-color: #fff
    }
.cloud-hero__2up-content--grey {
    background-color: #f8f9fa
    }
.cloud-hero__2up-content--product-ui {
    align-self: flex-end;
    display: flex;
    justify-content: center
    }
.cloud-hero__2up-content--product-ui .cloud-hero__image {
    max-height: 420px;
    max-width: 100%
    }
@media all and (min-width: 600px) {
    .cloud-hero__2up-content {
        overflow: unset
        }
    }
@media all and (min-width: 1024px) {
    .cloud-hero__2up-content .content-set {
        margin-left: 0;
        margin-right: 11%
        }
    }
.cloud-hero__1up-content--horizontal-centered, .cloud-hero__2up-content--horizontal-centered {
    display: flex;
    justify-content: center;
    overflow: hidden
    }
.cloud-hero__image {
    max-height: 384px
    }
@media all and (min-width: 600px) {
    .cloud-hero__image {
        max-height: 478px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-hero__image {
        max-height: 500px
        }
    }
.cloud-hero__image--scaled {
    align-items: center;
    display: flex;
    max-width: 100%
    }
@media all and (min-width: 768px) {
    .cloud-hero__image--scaled {
        object-fit: cover;
        width: 100%
        }
    }
@media all and (min-width: 1024px) {
    .cloud-hero__image--scaled {
        width: auto
        }
    }
.cloud-hero__video {
    align-items: center;
    background-color: rgba(32, 33, 36, 0.7);
    border-radius: 1px;
    bottom: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    min-height: 60px;
    min-width: 160px;
    position: absolute;
    right: 0
    }
.cloud-hero__video:hover, .cloud-hero__video:focus {
    background-color: rgba(32, 33, 36, 0.9)
    }
.cloud-hero__video--caption {
    background-color: rgba(32, 33, 36, 0.7);
    bottom: 0;
    position: absolute;
    width: 100%
    }
.cloud-hero__video--caption p {
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    margin: 20px 26px;
    max-width: 490px
    }
@media all and (min-width: 600px) {
    .cloud-hero__video {
        bottom: 40px;
        min-height: 70px;
        min-width: 226px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-hero__video {
        bottom: 100px
        }
    }
.cloud-hero .cloud-button-fab {
    height: 24px;
    position: absolute;
    width: 24px
    }
.cloud-hero .cloud-button-fab .material-icons-extended {
    font-size: 80px
    }
.cloud-hero .cloud-button-fab--has-caption {
    top: calc(50% - 50px)
    }
.cloud-quote--blue .cloud-quote__quote::before, .cloud-quote--blue .cloud-quote__quote::after {
    color: #1a73e8
    }
.cloud-quote--blue .cloud-quote__resource--action__link {
    background-color: #1a73e8
    }
.cloud-quote--blue .cloud-quote__resource--action__link:hover, .cloud-quote--blue .cloud-quote__resource--action__link:focus {
    background-color: #174ea6
    }
.cloud-quote--green .cloud-quote__quote::before, .cloud-quote--green .cloud-quote__quote::after {
    color: #34a853
    }
.cloud-quote--green .cloud-quote__resource--action__link {
    background-color: #34a853
    }
.cloud-quote--green .cloud-quote__resource--action__link:hover, .cloud-quote--green .cloud-quote__resource--action__link:focus {
    background-color: #137333
    }
.cloud-quote--red .cloud-quote__quote::before, .cloud-quote--red .cloud-quote__quote::after {
    color: #d93025
    }
.cloud-quote--red .cloud-quote__resource--action__link {
    background-color: #d93025
    }
.cloud-quote--red .cloud-quote__resource--action__link:hover, .cloud-quote--red .cloud-quote__resource--action__link:focus {
    background-color: #a50e0e
    }
.cloud-quote--yellow .cloud-quote__quote::before, .cloud-quote--yellow .cloud-quote__quote::after {
    color: #f9ab00
    }
.cloud-quote--yellow .cloud-quote__resource--action__link {
    background-color: #f9ab00
    }
.cloud-quote--yellow .cloud-quote__resource--action__link:hover, .cloud-quote--yellow .cloud-quote__resource--action__link:focus {
    background-color: #e37400
    }
.cloud-quote__image {
    background-repeat: no-repeat;
    background-size: cover;
    height: 180px
    }
@media all and (min-width: 600px) {
    .cloud-quote__image {
        height: 400px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-quote__image {
        height: 550px
        }
    }
.cloud-quote .cloud-quote__tile {
    margin-left: -16px;
    margin-right: -16px
    }
.cloud-quote .cloud-quote__tile-body {
    background-color: #f8f9fa;
    margin: 0;
    padding: 32px 40px
    }
.cloud-quote .cloud-quote__tile--floating .cloud-quote__tile-body {
    padding-top: 24px
    }
.cloud-quote .cloud-quote__tile--floating .cloud-quote__resource--logo {
    background-color: #fff
    }
@media all and (min-width: 600px) {
    .cloud-quote .cloud-quote__tile {
        margin-left: 0;
        margin-right: 0
        }
    .cloud-quote .cloud-quote__tile--floating {
        margin-top: -100px
        }
    .cloud-quote .cloud-quote__tile--floating .cloud-quote__tile-body {
        padding-top: 32px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-quote .cloud-quote__tile-body {
        flex: 1;
        padding: 72px 11%
        }
    .cloud-quote .cloud-quote__tile--floating {
        margin-top: -190px
        }
    .cloud-quote .cloud-quote__tile--floating .cloud-quote__tile-body {
        padding: 72px
        }
    }
.cloud-quote__quote {
    margin-bottom: 24px;
    margin-top: 0;
    position: relative;
    quotes: "“" "”" "‘" "’"
    }
[lang=hu] .cloud-quote__quote {
    quotes: "„" "”" "‚" "’"
    }
[lang=pl] .cloud-quote__quote {
    quotes: "„" "”" "‚" "’"
    }
.cloud-quote__quote::before, .cloud-quote__quote::after {
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 50px;
    position: absolute
    }
.cloud-quote__quote:not(.cloud-quote__quote--hide-marks)::before {
    content: open-quote;
    left: -25px;
    top: 6px
    }
.cloud-quote__quote:not(.cloud-quote__quote--hide-marks)::after {
    bottom: -12px;
    content: close-quote;
    padding-left: 5px
    }
.cloud-quote__author {
    font-style: normal
    }
.cloud-quote__resources {
    display: flex;
    min-height: 100px
    }
.cloud-quote__resource {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 50%;
    justify-content: center
    }
.cloud-quote__resource--logo {
    background-color: #f1f3f4;
    padding: 24px 20px
    }
.cloud-quote__resource--action__link {
    align-items: center;
    align-self: stretch;
    color: #fff;
    display: flex;
    flex: 1;
    justify-content: center
    }
.cloud-quote__resource--action__link:focus {
    text-decoration: none
    }
@media all and (min-width: 600px) {
    .cloud-quote__resource {
        min-height: 120px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-quote__resources {
        flex-direction: column
        }
    .cloud-quote__resource--logo {
        padding: 0 60px
        }
    }
.cloud-logo-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 960px
    }
.cloud-logo-block--mixed-width .cloud-logo-block__block {
    align-items: center;
    display: flex;
    flex-basis: auto;
    justify-content: center;
    padding: 16px
    }
.cloud-logo-block__block {
    flex: 160px 0 0
    }
.cloud-logo-block__block-element {
    display: block
    }
.cloud-logo-tabs {
    margin-bottom: 20px
    }
.cloud-logo-tabs__deck {
    display: flex;
    height: 60px
    }
.cloud-logo-tabs__tab {
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    border-top: 2px solid #202124;
    box-shadow: none;
    display: flex;
    filter: saturate(0%);
    flex: 1;
    height: 100%;
    justify-content: center;
    margin-right: 20px;
    opacity: 0.4;
    padding: 10px;
    transition: none
    }
.cloud-logo-tabs__tab[aria-selected=true] {
    filter: none;
    opacity: 1
    }
.cloud-logo-tabs__tab:active, .cloud-logo-tabs__tab:focus, .cloud-logo-tabs__tab:hover {
    background-color: transparent;
    box-shadow: none;
    filter: none;
    opacity: 0.8
    }
.cloud-logo-tabs__tab:last-child {
    margin-right: 0
    }
.cloud-list {
    border-radius: 8px;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 735px
    }
.cloud-list__footer {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dadce0;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #dadce0;
    padding: 36px 24px 24px
    }
@media all and (min-width: 600px) {
    .cloud-list__footer {
        padding: 48px 36px 36px
        }
    }
.cloud-list__footer-heading {
    margin: 0
    }
.cloud-list__footer-blurb {
    margin-bottom: 0
    }
.cloud-list__footer--buttons {
    margin-top: 16px
    }
.cloud-list-item {
    border-top: 1px solid #dadce0;
    display: flex;
    flex-direction: column;
    padding: 36px 24px;
    transition: box-shadow 0.3s ease-in-out, background-size 0.3s ease-in-out, border 0.3s ease-in-out;
    z-index: 1
    }
@media all and (min-width: 600px) {
    .cloud-list-item {
        padding-left: 36px;
        padding-right: 36px
        }
    }
.cloud-list-item a:hover, .cloud-list-item a:active, .cloud-list-item a:visited, .cloud-list-item a:focus {
    text-decoration: none
    }
.cloud-list-item:first-child {
    border-radius: 8px 8px 0 0
    }
.cloud-list-item:last-child {
    border-bottom: 1px solid #dadce0;
    border-radius: 0 0 8px 8px
    }
.cloud-list-item__hover:hover, .cloud-list-item__hover:focus-within {
    background-size: auto 103%;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.05), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    cursor: pointer
    }
.cloud-list-item__hover:hover + .cloud-list-item, .cloud-list-item__hover:hover + .cloud-list__footer, .cloud-list-item__hover:focus-within + .cloud-list-item, .cloud-list-item__hover:focus-within + .cloud-list__footer {
    border-top: 1px solid transparent
    }
.cloud-list-item__hover:hover .cloud-list-item__headline, .cloud-list-item__hover:focus-within .cloud-list-item__headline {
    color: #1a73e8
    }
.cloud-list-item__eyebrow {
    padding-bottom: 4px
    }
.cloud-list-item__blurb {
    margin-bottom: 0
    }
.cloud-list-item__footer {
    margin-top: 16px
    }
.cloud-list-item__header {
    display: flex;
    justify-content: space-between
    }
.cloud-list-item__header .devsite-share-links .devsite-share-links-facebook, .cloud-list-item__header .devsite-share-links .devsite-share-links-linkedin, .cloud-list-item__header .devsite-share-links .devsite-share-links-text, .cloud-list-item__header .devsite-share-links .devsite-share-links-twitter {
    display: none
    }
.cloud-list-item__headline {
    color: #202124
    }
.cloud-list-item__icon {
    align-items: center;
    box-sizing: content-box;
    display: flex;
    height: 32px;
    padding-bottom: 32px;
    width: 32px
    }
.cloud-list-item__icon svg {
    fill: currentColor;
    height: 100%;
    width: 100%
    }
.cloud-list-item__icon svg path {
    fill: currentColor
    }
.cloud-list-aside__list {
    border-left: 8px solid #e8eaed;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 32px;
    padding: 0 0 0 24px
    }
.cloud-list-aside__list--large {
    display: block
    }
.cloud-list-aside__list--large .cloud-list-aside__list-item {
    width: auto
    }
.cloud-list-aside__list--large .cloud-list-aside__list-item-link {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 384px
    }
.cloud-list-aside__list--large .cloud-list-aside__list-item-bullet {
    height: 104px;
    margin-bottom: 0;
    margin-right: 24px;
    width: 104px
    }
.cloud-list-aside__list--large .cloud-list-aside__list-item-copy {
    margin-top: 12px;
    width: 216px
    }
@media all and (min-width: 464px) {
    .cloud-list-aside__list--large .cloud-list-aside__list-item-copy {
        margin-top: 0
        }
    }
@media all and (min-width: 1024px) {
    .cloud-list-aside__list--large .cloud-list-aside__list-item-copy {
        margin-top: 12px
        }
    }
.cloud-list-aside__list-item {
    margin-bottom: 24px;
    margin-right: 40px
    }
.cloud-list-aside__list-item:last-child {
    margin-bottom: 0
    }
.cloud-list-aside__list-item .cloud-list-aside__list-item-link {
    background-color: transparent;
    text-decoration: none
    }
.cloud-list-aside__list-item .cloud-list-aside__list-item-link:focus {
    margin: 0;
    padding: 0
    }
.cloud-list-aside__list-item .cloud-list-aside__list-item-link:hover .cloud-list-aside__list-item-title {
    text-decoration: underline
    }
.cloud-list-aside__list-item .cloud-list-aside__list-item-title {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #3c4043;
    margin: 0 0 4px
    }
.cloud-list-aside__list-item .cloud-list-aside__list-item-description {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #5f6368;
    line-height: 20px;
    margin: 0
    }
.cloud-list-aside__list-item-bullet {
    height: 32px;
    margin-bottom: 12px;
    width: 32px
    }
.cloud-list-aside__list-item-bullet--blue {
    background-color: #4285f4
    }
.cloud-list-aside__list-item-bullet--green {
    background-color: #34a853
    }
.cloud-list-aside__list-item-bullet--red {
    background-color: #ea4335
    }
.cloud-list-aside__list-item-bullet--yellow {
    background-color: #fbbc04
    }
.cloud-list-card {
    border: 1px solid #dadce0;
    transition: box-shadow 280ms ease-in-out;
    background-color: #fff;
    background-position: center center;
    background-size: auto 100%;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: 225px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: box-shadow 0.3s ease-out, background-size 0.3s ease-out;
    width: 100%
    }
.cloud-list-card a:hover, .cloud-list-card a:active, .cloud-list-card a:visited, .cloud-list-card a:focus {
    text-decoration: none
    }
.cloud-list-card--max-width {
    max-width: 300px
    }
.cloud-list-card__top {
    padding: 32px 32px 0
    }
.cloud-list-card__content {
    padding-top: 24px
    }
.cloud-list-card__subhead {
    font-family: "Google Sans", Arial, sans-serif;
    font-weight: 500;
    margin: 0
    }
.cloud-list-card__header-border {
    align-items: center;
    border-bottom: 1px solid #dadce0;
    display: flex;
    justify-content: space-between;
    margin: 0 32px 20px;
    padding-bottom: 16px
    }
.cloud-list-card__header-icon {
    flex-shrink: 0;
    height: 32px;
    width: 32px
    }
.cloud-list-card__footer {
    background: #f8f9fa;
    border-top: 1px solid #dadce0;
    padding: 24px 0 4px
    }
.cloud-list-card__footer .cloud-list-card__list-item:focus-within .cloud-list-card__link {
    background-color: #f1f3f4
    }
.cloud-list-card__list {
    list-style: none;
    padding: 0
    }
.cloud-list-card__list-item {
    margin-bottom: 24px
    }
.cloud-list-card__list-item:focus-within .cloud-list-card__link {
    background-color: #f8f9fa
    }
.cloud-list-card__list-item:focus-within .cloud-list-card__link .cloud-subhead2, .cloud-list-card__list-item:focus-within .cloud-list-card__link .cloud-body-text__title {
    color: #1a73e8
    }
.cloud-list-card__list-item:hover .cloud-list-card__link .cloud-subhead2, .cloud-list-card__list-item:hover .cloud-list-card__link .cloud-body-text__title {
    color: #1a73e8
    }
.cloud-list-card__list-item--bullet {
    list-style: disc;
    margin-left: 48px;
    padding-right: 32px
    }
.cloud-list-card__list-item .cloud-list-card__link, .cloud-list-card__list-item--static {
    display: block;
    padding: 0 32px
    }
.cloud-list-card__list-item-eyebrow {
    padding-bottom: 8px
    }
.cloud-list-card__list-item-icon {
    margin: 8px 14px 10px 0
    }
.cloud-list-card__list-item-icon img {
    display: block
    }
.cloud-list-card .cloud-subhead2 {
    color: #80868b;
    margin: 0
    }
.cloud-list-card__link {
    color: #202124
    }
.cloud-list-card__link .cloud-subhead2 {
    color: inherit
    }
.cloud-list-card__list-item-profile {
    align-items: center;
    display: flex
    }
.cloud-list-card__list-item-profile .cloud-footnotes {
    margin: 0
    }
.cloud-list-card .cloud-body-text__title {
    color: inherit;
    margin: 0
    }
#cloud-site .cloud-section-header {
    margin-bottom: 40px
    }
@media all and (max-width: 600px) {
    #cloud-site .cloud-section-header {
        margin-bottom: 32px
        }
    }
#cloud-site .cloud-section-header--heading {
    margin-bottom: 16px
    }
.cloud-search-box {
    background-color: #f1f3f4;
    border-radius: 4px;
    margin: 0;
    position: relative
    }
.cloud-search-box::before, .cloud-search-box > *::after {
    font: normal normal normal 24px/1 "Material Icons";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-transform: none;
    word-wrap: normal;
    display: inline-block;
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    margin: 0;
    position: absolute;
    right: 12px;
    top: 8px;
    vertical-align: middle
    }
.cloud-search-box__input {
    background: transparent;
    border: 0;
    color: #202124;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 36px 8px 44px;
    width: 100%
    }
.cloud-search-box__input:focus {
    outline: none
    }
.cloud-search-box__clear {
    display: none
    }
.cloud-search-box__clear.visible {
    display: inline
    }
.cloud-search-box__clear::after {
    color: #1a73e8;
    content: "close";
    cursor: pointer
    }
.cloud-search-box::before {
    color: #5f6368;
    content: "search";
    left: 10px;
    pointer-events: none
    }
.cloud-slider-instance {
    height: 100%;
    transition: 0.2s ease;
    width: 100%;
    z-index: 20000
    }
#cloud-site .cloud-subscribe-form {
    border: 1px solid #dadce0;
    display: flex;
    flex-direction: column;
    margin-left: 10%
    }
#cloud-site .cloud-subscribe-form--full-height {
    height: 100%
    }
#cloud-site .cloud-subscribe-form__container {
    display: flex;
    flex-direction: column;
    flex-grow: 1
    }
#cloud-site .cloud-subscribe-form__header {
    padding: 28px;
    text-align: center
    }
#cloud-site .cloud-subscribe-form__header__thank-you {
    padding: 96px 28px
    }
#cloud-site .cloud-subscribe-form__header__thank-you p {
    margin-bottom: 0
    }
#cloud-site .cloud-subscribe-form__header h1 {
    color: #ea4335
    }
#cloud-site .cloud-subscribe-form__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    position: relative
    }
#cloud-site .cloud-subscribe-form__form {
    padding: 0 24px 48px
    }
#cloud-site .cloud-subscribe-form__field {
    margin-bottom: 36px
    }
#cloud-site .cloud-subscribe-form__field .devsite-table-wrapper {
    margin: 0;
    overflow: hidden
    }
#cloud-site .cloud-subscribe-form__field table.i18n_phone_number_input {
    border: 0;
    box-shadow: none;
    margin: 0;
    position: relative
    }
#cloud-site .cloud-subscribe-form__field .i18n_phone_number_input-input {
    border: 0;
    padding: 0;
    width: 100%
    }
#cloud-site .cloud-subscribe-form__field .i18n_phone_number_input-input input[type=tel] {
    padding-left: 60px
    }
#cloud-site .cloud-subscribe-form__field .i18n_phone_number_input-menu {
    background-color: transparent;
    border: 0;
    float: right;
    height: 26px;
    outline: none;
    padding: 0;
    vertical-align: middle;
    width: 1%
    }
#cloud-site .cloud-subscribe-form__field .i18n_phone_number_input-menu .i18n-phone-select-country {
    cursor: pointer;
    height: 30px;
    outline: none;
    padding-left: 12px;
    position: absolute;
    top: -4px;
    transition: background 0.3s
    }
#cloud-site .cloud-subscribe-form__field .i18n_phone_number_input-loRes .i18n-phone-select-country-dropdown {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #5f6368;
    height: 0;
    left: 8px;
    vertical-align: middle;
    width: 0
    }
#cloud-site .cloud-subscribe-form .goog-inline-block {
    position: relative
    }
#cloud-site .cloud-subscribe-form .i18n-phone-select-country-disabled {
    cursor: default;
    opacity: 0.5
    }
#cloud-site .cloud-subscribe-form__error {
    color: #ea4335;
    font-style: italic
    }
#cloud-site .cloud-subscribe-form__form__hidden {
    display: none
    }
#cloud-site .cloud-subscribe-form__form select, #cloud-site .cloud-subscribe-form__form input[type=email], #cloud-site .cloud-subscribe-form__form input[type=text], #cloud-site .cloud-subscribe-form__form input[type=tel] {
    border: 0;
    border-bottom: 2px solid #e8eaed;
    font-size: 16px;
    margin-bottom: 4px;
    padding: 0 0 5px 2px;
    width: 100%
    }
#cloud-site .cloud-subscribe-form__field__errors__error {
    color: #d93025;
    font-size: 11px;
    font-style: italic;
    padding-left: 2px
    }
#cloud-site .cloud-subscribe-form input[type=email].ng-invalid.validatable, #cloud-site .cloud-subscribe-form input[type=text].ng-invalid.validatable {
    border-bottom: 2px solid #d93025
    }
#cloud-site .cloud-subscribe-form__image {
    align-self: flex-end;
    margin-right: 46px
    }
#cloud-site .cloud-subscribe-form__email-options label {
    padding-right: 20px
    }
#cloud-site .cloud-subscribe-form__footer {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    background-color: #f8f9fa;
    color: #5f6368;
    display: flex;
    justify-content: space-evenly;
    line-height: 20px;
    padding: 28px 0;
    text-align: center
    }
#cloud-site .cloud-subscribe-form__footer > * {
    padding: 0 16px
    }
.i18n-phone-flag {
    background: url(/ssl.gstatic.com/i18n/phonenumbers/phoneinputwidget/flags4.png) no-repeat 0 0;
    height: 11px;
    overflow: hidden;
    width: 16px
    }
.i18n-phone-select-country-menu {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute
    }
.i18n-phone-select-country-menu .goog-menuitem {
    color: #000;
    font: normal 13px Arial, sans-serif;
    padding: 8px
    }
.i18n-phone-select-country-menu .goog-menuitem-highlight, .i18n-phone-select-country-menu .goog-menuitem-hover {
    background-color: #dceaff
    }
.i18n-phone-select-country-flag {
    padding: 2px 0;
    vertical-align: middle
    }
.i18n-phone-select-country-name {
    margin: 0 5px 0 7px;
    vertical-align: middle
    }
.i18n-phone-select-country-caption {
    vertical-align: middle
    }
.i18n-phone-select-country-code {
    color: #666;
    vertical-align: middle
    }
.cloud-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 30px;
    margin-right: 16px;
    width: 24px
    }
.cloud-icon-gmail {
    background-image: url(/images/icons/ic_gmail_24dp.svg)
    }
.cloud-icon-calendar {
    background-image: url(/images/icons/ic_calendar_24dp.svg)
    }
.cloud-icon-chat {
    background-image: url(/images/icons/ic_chat_24dp.svg)
    }
.cloud-icon-meet {
    background-image: url(/images/icons/ic_meet_24dp.svg)
    }
.cloud-icon-google-plus {
    background-image: url(/images/icons/ic_google_plus_24dp.svg)
    }
.cloud-icon-admin {
    background-image: url(/images/icons/ic_admin_24dp.svg)
    }
.cloud-icon-vault {
    background-image: url(/images/icons/ic_vault_24dp.svg)
    }
.cloud-icon-mobile-device-management {
    background-image: url(/images/icons/ic_apps_policy_24dp.svg)
    }
.cloud-icon-docs {
    background-image: url(/images/icons/ic_docs_24dp.svg)
    }
.cloud-icon-sheets {
    background-image: url(/images/icons/ic_sheets_24dp.svg)
    }
.cloud-icon-slides {
    background-image: url(/images/icons/ic_slides_24dp.svg)
    }
.cloud-icon-forms {
    background-image: url(/images/icons/ic_forms_24dp.svg)
    }
.cloud-icon-sites {
    background-image: url(/images/icons/ic_sites_24dp.svg)
    }
.cloud-icon-keep {
    background-image: url(/images/icons/ic_keep_24dp.svg)
    }
.cloud-icon-drive {
    background-image: url(/images/icons/ic_drive_24dp.svg)
    }
.cloud-icon-cloud-search {
    background-image: url(/images/icons/ic_google_cloud_search_24dp.svg)
    }
.cloud-icon-chrome-enterprise {
    background-image: url(/images/icons/ic_chrome_24dp.svg)
    }
.cloud-icon-android-enterprise {
    background-image: url(/images/icons/ic_android_24px.svg)
    }
.cloud-icon-jamboard {
    background-image: url(/images/icons/ic_jamboard_24dp.svg)
    }
.cloud-icon-google-voice {
    background-image: url(/images/icons/ic_google_voice_24dp.svg)
    }
.cloud-color-block {
    background-color: #fff;
    border: 1px solid #dadce0;
    display: flex;
    flex-direction: column;
    padding: 32px;
    min-height: 268px
    }
.cloud-color-block.background-color-blue {
    background-color: #1a73e8;
    color: #fff
    }
.cloud-color-block.background-color-green {
    background-color: #34a853;
    color: #fff
    }
.cloud-color-block.background-color-grey {
    background-color: #f8f9fa;
    color: #202124
    }
.cloud-color-block.background-color-navy {
    background-color: #174ea6;
    color: #fff
    }
.cloud-color-block.background-color-red {
    background-color: #ea4335;
    color: #fff
    }
.cloud-color-block.background-color-blue #cloud-site .cloud-headline2.main--heading, .cloud-color-block.background-color-green #cloud-site .cloud-headline2.main--heading, .cloud-color-block.background-color-navy #cloud-site .cloud-headline2.main--heading, .cloud-color-block.background-color-red #cloud-site .cloud-headline2.main--heading, .cloud-color-block.background-color-yellow #cloud-site .cloud-headline2.main--heading {
    color: #fff
    }
.cloud-color-block.background-color-blue .cloud-button--flat.cloud-button--reversed:visited, .cloud-color-block.background-color-green .cloud-button--flat.cloud-button--reversed:visited, .cloud-color-block.background-color-navy .cloud-button--flat.cloud-button--reversed:visited, .cloud-color-block.background-color-red .cloud-button--flat.cloud-button--reversed:visited, .cloud-color-block.background-color-yellow .cloud-button--flat.cloud-button--reversed:visited {
    color: #fff
    }
.cloud-color-block.background-color-blue .cloud-button--flat.cloud-button--reversed:focus, .cloud-color-block.background-color-green .cloud-button--flat.cloud-button--reversed:focus, .cloud-color-block.background-color-navy .cloud-button--flat.cloud-button--reversed:focus, .cloud-color-block.background-color-red .cloud-button--flat.cloud-button--reversed:focus, .cloud-color-block.background-color-yellow .cloud-button--flat.cloud-button--reversed:focus {
    color: #202124
    }
.cloud-color-block.background-color-yellow {
    background-color: #fbbc04;
    color: #202124
    }
.cloud-color-block.background-color-yellow #cloud-site .cloud-headline2.main--heading {
    color: #202124
    }
.cloud-color-block .cloud-color-block__content {
    flex: 1
    }
.cloud-color-block .cloud-color-block__content .main--heading, .cloud-color-block .cloud-color-block__content .main--sub-heading, .cloud-color-block .cloud-color-block__content .main--desc {
    padding-bottom: 8px
    }
.cloud-color-block .cloud-color-block__content .main--desc {
    opacity: 0.8
    }
.cloud-color-block__image {
    margin-bottom: 24px
    }
.cloud-color-block__hero {
    border: 0
    }
.cloud-color-block p {
    color: inherit
    }
#cloud-site .cloud-color-block__content .cloud-superscript {
    color: #fff;
    top: -1.5em
    }
.cloud-image--full-width {
    display: block;
    width: 100%
    }
.cloud-image__cta {
    margin-top: 24px;
    text-align: center
    }
.cloud-popup-instance__content {
    background-color: #fff;
    border: solid #dadce0 1px;
    color: #202124;
    max-width: 150px;
    padding: 0 12px;
    position: fixed;
    text-transform: none;
    z-index: 2
    }
.cloud-popup-instance__content::after, .cloud-popup-instance__content::before {
    content: "";
    position: absolute
    }
.cloud-popup-instance__content::after {
    border: 13px solid transparent;
    border-right-color: #fff;
    border-width: 0 14px 20px 13px;
    left: 0;
    top: 0;
    margin-left: -25px;
    margin-top: 0
    }
.cloud-popup-instance__content::before {
    border: 15px solid transparent;
    border-right-color: #dadce0;
    border-width: 0 14px 20px 15px;
    left: 0;
    top: 0;
    margin-left: -29px;
    margin-top: -1px
    }
.cloud-popup-instance__content--left::after {
    border: 13px solid transparent;
    border-left-color: #fff;
    border-width: 0 14px 20px 15px;
    left: 100%;
    top: 0;
    margin-left: -1px;
    margin-top: 0
    }
.cloud-popup-instance__content--left::before {
    border: 15px solid transparent;
    border-left-color: #dadce0;
    border-width: 0 14px 20px 15px;
    left: 100%;
    top: 0;
    margin-left: 1px;
    margin-top: -1px
    }
.cloud-popup-instance__content--top::after {
    border: 13px solid transparent;
    border-top-color: #fff;
    border-width: 13px 17px 0 0;
    left: 0;
    top: 100%;
    margin-left: 0;
    margin-top: 0
    }
.cloud-popup-instance__content--top::before {
    border: 15px solid transparent;
    border-top-color: #dadce0;
    border-width: 15px 20px 0 0;
    left: 0;
    top: 100%;
    margin-left: -1px;
    margin-top: 0
    }
.cloud-popup-instance__content--bottom::after {
    border: 13px solid transparent;
    border-bottom-color: #fff;
    border-width: 13px 19px 15px 0;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: -27px
    }
.cloud-popup-instance__content--bottom::before {
    border: 15px solid transparent;
    border-bottom-color: #dadce0;
    border-width: 13px 20px 15px 0;
    left: 0;
    top: 0;
    margin-left: -1px;
    margin-top: -29px
    }
.cloud-popup-instance__content-text {
    font-family: "Google Sans", Arial, sans-serif;
    white-space: normal
    }
.cloud-popup-instance__content--show {
    visibility: visible
    }
.cloud-diagram__graph .cloud-popup-instance {
    pointer-events: none
    }
.cloud-diagram__graph .cloud-diagram__box-enabled {
    display: none
    }
.cloud-diagram__graph-image {
    margin-top: 40px;
    padding: 30px
    }
.cloud-diagram__graph-show-slider {
    height: 54px;
    position: absolute;
    right: 5%;
    width: 54px;
    z-index: 5
    }
@media all and (min-width: 1024px) {
    .cloud-diagram__graph-show-slider {
        display: none
        }
    }
@media all and (min-width: 1024px) {
    .cloud-diagram__graph .cloud-popup-instance {
        cursor: pointer;
        pointer-events: auto
        }
    .cloud-diagram__graph .cloud-diagram__box-enabled {
        display: block
        }
    }
.cloud-diagram__slider {
    background-color: #fff;
    overflow-x: auto;
    transition: left 0.7s ease, right 0.7s ease;
    visibility: visible
    }
.cloud-diagram__slider .cloud-slider-instance__header {
    box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.19);
    left: 0;
    padding: 30px;
    position: -webkit-sticky;
    position: sticky
    }
.cloud-diagram__slider .cloud-slider-instance__header .cloud-slider__icon {
    width: 28px
    }
@media all and (min-width: 1024px) {
    .cloud-diagram__slider.cloud-slider-instance {
        visibility: hidden
        }
    }
.cloud-diagram__slider .cloud-popup-instance__content {
    visibility: visible;
    width: 100%
    }
@media all and (min-width: 1024px) {
    .cloud-diagram__slider .cloud-popup-instance__content {
        visibility: hidden
        }
    }
.cloud-diagram__popup-content {
    background-color: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -2px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    height: auto;
    max-width: 330px;
    opacity: 0;
    padding: 31px;
    text-align: left;
    transition: opacity 0.7s ease, z-index 0.7s ease;
    z-index: -2
    }
.cloud-diagram__popup-content .cloud-popup-instance__content-header {
    display: flex;
    justify-content: space-between
    }
.cloud-diagram__popup-content .cloud-popup-instance__dismiss-button {
    cursor: pointer;
    min-width: 12px
    }
.cloud-diagram__popup-content.cloud-popup-instance__content--show {
    opacity: 1;
    z-index: 4
    }
.cloud-diagram__popup-content::before, .cloud-diagram__popup-content::after {
    display: none
    }
.cloud-diagram__popups-desktop .cloud-popup-instance__content {
    visibility: hidden
    }
@media all and (min-width: 1024px) {
    .cloud-diagram__popups-desktop .cloud-popup-instance__content {
        visibility: visible
        }
    }
.cloud-slider--visible {
    overflow-y: hidden
    }
@media all and (min-width: 1024px) {
    .cloud-slider--visible {
        overflow-y: auto
        }
    }
#cloud-site .cloud-slider-instance__heading {
    margin-top: 20px
    }
.cloud-select-dropdown {
    display: inline-block;
    max-width: 220px
    }
.cloud-select-dropdown__icon {
    font-size: 20px;
    height: 12px;
    margin-left: 16px;
    line-height: 12px;
    text-indent: -5px;
    transition: 0.3s ease;
    width: 12px
    }
.cloud-select-dropdown__icon--active {
    transform: rotatex(180deg)
    }
#cloud-site .cloud-select-dropdown__button:not([disabled]) .cloud-select-dropdown__icon {
    cursor: pointer
    }
.cloud-select-dropdown__items {
    background-color: #fff;
    border: #dadce0 solid 1px;
    border-radius: 4px;
    display: none;
    font: 500 14px "Roboto", Arial, sans-serif;
    line-height: 16px;
    list-style: none;
    margin: 8px 0 0;
    max-width: 220px;
    padding: 9px 0;
    position: absolute;
    z-index: 2
    }
.cloud-select-dropdown__items--active {
    display: block
    }
.cloud-select-dropdown__item {
    display: block;
    color: #5f6368;
    margin: 0;
    padding: 9px 24px;
    text-decoration: none
    }
.cloud-select-dropdown__item-link {
    color: #5f6368
    }
.cloud-select-dropdown__item-link:focus {
    text-decoration: none
    }
.cloud-select-dropdown__item-text {
    display: inline-block;
    margin-left: 30px
    }
.cloud-select-dropdown__item--disabled {
    color: #bdc1c6;
    pointer-events: none
    }
.cloud-select-dropdown__item:hover {
    background-color: #f1f3f4
    }
.cloud-select-dropdown__item:focus, .cloud-select-dropdown__item:focus-within {
    background-color: #e8eaed;
    text-decoration: none
    }
.cloud-select-dropdown .cloud-select-dropdown__button {
    padding-right: 16px
    }
#cloud-site .cloud-card--four-columns {
    padding: 0
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-card--four-columns {
        flex-basis: calc(50% - 36px);
        margin: 0 18px 36px
        }
    }
@media all and (min-width: 1440px) {
    #cloud-site .cloud-card--four-columns {
        flex-basis: calc(25% - 24px);
        margin: 0 12px 24px
        }
    }
#cloud-site .cloud-card--four-columns .cloud-card__container {
    flex-wrap: initial
    }
#cloud-site .cloud-card--four-columns .cloud-headline1 {
    font-size: 22px;
    line-height: 30px
    }
#cloud-site .cloud-card--four-columns .cloud-headline3 {
    font-size: 28px;
    line-height: 34px
    }
#cloud-site .cloud-card--four-columns .cloud-headline4 {
    font-size: 22px;
    text-transform: uppercase
    }
#cloud-site .cloud-card--four-columns .highlight-price {
    color: #202124;
    font-size: 30px;
    font-weight: 500
    }
.cloud-pricing {
    padding-bottom: 48px;
    padding-top: 48px
    }
.cloud-pricing__text-body {
    margin-bottom: 24px;
    margin-top: 16px
    }
.cloud-pricing__footer {
    margin-top: 48px
    }
.cloud-pricing__table {
    display: grid;
    margin-bottom: 48px;
    margin-top: 48px
    }
.cloud-pricing__cards {
    margin-top: 48px
    }
.cloud-pricing__cards .cloud-card__content {
    padding-bottom: 30px;
    padding-top: 56px
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    height: 100%;
    padding: 16px 24px 0;
    text-align: center
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--featured {
    align-items: center;
    color: #000;
    display: grid;
    height: 112px;
    margin: 0
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--featured h3 {
    font-size: 28px;
    padding: 0 10px
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content .cloud-button {
    display: inline-flex;
    justify-content: center;
    margin: 16px 0
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content .cloud-body-text__small {
    align-items: flex-end;
    display: inline-flex;
    font-weight: 600;
    margin-bottom: 26px
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content .cloud-body-text__small a {
    padding-left: 8px
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content p {
    font-size: 14px;
    line-height: 23px;
    min-height: 70px
    }
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content ul {
    color: #5f6368;
    margin-bottom: 16px;
    padding-left: 22px;
    text-align: left
    }
@media all and (min-width: 600px) {
    .cloud-pricing {
        padding-bottom: 80px;
        padding-top: 80px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-pricing__cards {
        margin-top: 80px
        }
    }
.cloud-nav-drawer {
    background: transparent;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    transition: background 0.25s ease-out;
    top: 113px;
    z-index: 4
    }
.cloud-nav-drawer a {
    border-width: 1px;
    display: block;
    height: auto;
    margin: 0;
    padding: 12px 0
    }
.cloud-nav-drawer a.button {
    font-size: 14px
    }
.cloud-nav-drawer .button + .button {
    margin: 8px 0 0
    }
.cloud-nav-drawer .cloud-nav-drawer-buttons {
    box-shadow: 0 2px 6px 0 #9aa0a6;
    padding: 8px 16px 24px;
    margin: 0 -16px
    }
.cloud-nav-drawer .cloud-nav-drawer-buttons:empty {
    display: none
    }
.cloud-nav-drawer .cloud-nav-drawer-content {
    background: #fff;
    overflow: hidden;
    padding: 0 16px;
    transition: transform 0.25s ease-out;
    transform: translatey(-100%)
    }
.cloud-nav-drawer .devsite-doc-set-nav-active {
    border-width: 0;
    color: #1a73e8
    }
.cloud-nav-drawer-links {
    padding: 20px 0
    }
.cloud-nav-drawer.open {
    background: rgba(0, 0, 0, 0.4)
    }
.cloud-nav-drawer.open .cloud-nav-drawer-content {
    transform: translatey(0)
    }
.cloud-nav-drawer-toggle {
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #5f6368;
    cursor: pointer;
    display: none
    }
.cloud-nav-drawer-toggle .cloud-superscript {
    font-size: 10px;
    line-height: 1
    }
.cloud-nav-drawer-toggle--active {
    display: block;
    margin-top: -40px;
    position: absolute;
    right: 16px
    }
.cloud-nav-drawer-toggle i {
    vertical-align: middle;
    transition: transform 0.25s ease-out
    }
.cloud-nav-drawer-toggle i span::after {
    color: #5f6368;
    content: "keyboard_arrow_down";
    margin-left: 4px
    }
.cloud-nav-drawer-toggle.open i {
    transform: rotate(-180deg) translate(-4px)
    }
@media all and (min-width: 721px) {
    .cloud-nav-drawer, .cloud-nav-drawer.open, .cloud-nav-drawer-toggle, .cloud-nav-drawer-toggle--active {
        display: none
        }
    }
.cloud-resource-block__item {
    margin-bottom: 35px
    }
.cloud-resource-block__item:last-child {
    margin-bottom: 0
    }
.cloud-resource-block__item-link {
    color: #1a73e8;
    text-decoration: none
    }
.cloud-resource-block__item-link:hover, .cloud-resource-block__item-link:focus {
    color: #174ea6;
    text-decoration: none
    }
.cloud-resource-block__item-link:focus .cloud-resource-block__item-text {
    text-decoration: underline
    }
.cloud-resource-block__item-title {
    color: #202124;
    padding-bottom: 10px
    }
.cloud-resource-block__item-img {
    border-radius: 4px;
    display: block;
    width: 100%
    }
.cloud-resource-block__item-text {
    line-height: 22px
    }
@media all and (min-width: 768px) {
    .cloud-resource-block__item {
        margin-bottom: 0
        }
    }
#cloud-site .cloud-table-wrapper {
    background: #f8f9fa;
    border-radius: 2px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper {
        padding-left: 24px;
        padding-right: 24px
        }
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-table-wrapper {
        padding-left: 40px;
        padding-right: 40px
        }
    }
#cloud-site .cloud-table-wrapper .devsite-table-wrapper {
    display: inline-table;
    overflow: initial
    }
#cloud-site .cloud-table-wrapper--scrollable::after {
    box-shadow: 0 0 10px 0 #000;
    content: "";
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px
    }
#cloud-site .cloud-table-wrapper--scrollable .cloud-table-wrapper__button {
    border: 0;
    display: block;
    height: 30px;
    width: 30px
    }
#cloud-site .cloud-table-wrapper__button {
    background: radial-gradient(ellipse at center, white 50%, rgba(0, 0, 0, 0) 100%);
    box-shadow: none;
    color: transparent;
    cursor: pointer;
    display: none;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 18px
    }
#cloud-site .cloud-table-wrapper__button:focus {
    outline: none
    }
#cloud-site .cloud-table-wrapper__button:focus::after {
    opacity: 0.8
    }
#cloud-site .cloud-table-wrapper__button:hover {
    outline: none
    }
#cloud-site .cloud-table-wrapper__button:hover::after {
    border-color: #185abc
    }
#cloud-site .cloud-table-wrapper__button::after {
    border: 0;
    border-right: 3px solid #4285f4;
    border-top: 3px solid #4285f4;
    content: "";
    height: 12px;
    left: 50%;
    margin-left: -9px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 12px
    }
#cloud-site .cloud-table-wrapper .cloud-table {
    background: transparent;
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
    border-spacing: 0;
    box-shadow: none;
    margin: 0;
    table-layout: fixed;
    width: 100%
    }
#cloud-site .cloud-table-wrapper .cloud-table tr {
    background: transparent;
    border-bottom: 1px solid #dadce0;
    border-top: 0
    }
#cloud-site .cloud-table-wrapper .cloud-table tr:last-of-type:not(:only-of-type) {
    border-bottom: 0
    }
#cloud-site .cloud-table-wrapper .cloud-table td, #cloud-site .cloud-table-wrapper .cloud-table th {
    background: transparent;
    border: 0;
    padding: 28px 0;
    width: 184px
    }
#cloud-site .cloud-table-wrapper .cloud-table td:first-child, #cloud-site .cloud-table-wrapper .cloud-table th:first-child {
    width: 160px
    }
#cloud-site .cloud-table-wrapper .cloud-table td:not(:first-child), #cloud-site .cloud-table-wrapper .cloud-table th:not(:first-child) {
    padding-left: 24px
    }
#cloud-site .cloud-table-wrapper .cloud-table td[colspan], #cloud-site .cloud-table-wrapper .cloud-table th[colspan] {
    padding-left: 0;
    text-align: center
    }
#cloud-site .cloud-table-wrapper .cloud-table th {
    color: #000;
    vertical-align: top
    }
#cloud-site .cloud-table-wrapper .cloud-table td {
    color: #5f6368;
    font-size: 14px
    }
#cloud-site .cloud-table-wrapper .cloud-table thead th {
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    overflow: visible;
    text-transform: uppercase
    }
#cloud-site .cloud-table-wrapper--alternate {
    background-color: transparent;
    border: 1px solid #e8eaed;
    border-radius: 2px;
    margin: 0;
    overflow: hidden;
    padding: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper--alternate {
        padding: 0
        }
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-table-wrapper--alternate {
        padding: 0
        }
    }
#cloud-site .cloud-table-wrapper--alternate .devsite-table-wrapper {
    display: block;
    margin: 0;
    overflow: auto;
    scroll-behavior: smooth
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table {
    font: 400 14px/24px "Google Sans", Arial, sans-serif;
    table-layout: auto
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper--alternate .cloud-table {
        font-size: 16px;
        line-height: 26px
        }
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table tr {
    background-color: transparent;
    border: 0
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table tr:nth-child(odd) {
    background-color: #f8f9fa
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header {
    background-color: #e8eaed
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th, #cloud-site .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th[colspan] {
    background-color: #e8eaed;
    border: 0;
    font: 400 11px/14px "Google Sans", Arial, sans-serif;
    height: 32px;
    max-height: inherit;
    min-width: inherit;
    padding-bottom: 0;
    padding-left: 20px;
    padding-top: 0;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th, #cloud-site .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th[colspan] {
        font-size: 13px;
        height: 37px;
        line-height: 17px;
        padding-left: 24px;
        padding-right: 24px
        }
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table th, #cloud-site .cloud-table-wrapper--alternate .cloud-table td {
    background-color: transparent;
    border: 0;
    border-left: 1px solid #f1f3f4;
    min-width: 160px;
    padding: 12px 20px
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table th:first-child, #cloud-site .cloud-table-wrapper--alternate .cloud-table td:first-child {
    border-left: 0
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper--alternate .cloud-table th, #cloud-site .cloud-table-wrapper--alternate .cloud-table td {
        padding: 16px 24px
        }
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-table-wrapper--alternate .cloud-table th, #cloud-site .cloud-table-wrapper--alternate .cloud-table td {
        min-width: 250px
        }
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table th.cloud-text-center, #cloud-site .cloud-table-wrapper--alternate .cloud-table td.cloud-text-center {
    text-align: center
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table td {
    width: auto
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table thead tr {
    border-bottom: 2px solid #e8eaed
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table thead th {
    background-color: #fff;
    border-left: 1px solid #f1f3f4;
    color: #3c4043;
    font: 400 14px/24px "Google Sans", Arial, sans-serif;
    height: auto;
    letter-spacing: inherit;
    padding-bottom: 20px;
    padding-top: 20px;
    text-transform: none
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper--alternate .cloud-table thead th {
        font-size: 18px;
        line-height: 26px;
        padding-left: 24px;
        padding-right: 24px
        }
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table thead th:first-child {
    border-left: 0
    }
#cloud-site .cloud-table-wrapper--alternate .cloud-table tbody th, #cloud-site .cloud-table-wrapper--alternate .cloud-table tbody td, #cloud-site .cloud-table-wrapper--alternate .cloud-table tbody p {
    color: #3c4043;
    font: 400 14px/24px "Google Sans", Arial, sans-serif
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-table-wrapper--alternate .cloud-table tbody th, #cloud-site .cloud-table-wrapper--alternate .cloud-table tbody td, #cloud-site .cloud-table-wrapper--alternate .cloud-table tbody p {
        font-size: 16px;
        line-height: 26px
        }
    }
.cloud-tabs__controls-wrapper {
    height: 50px;
    margin-bottom: 20px;
    overflow: auto;
    position: relative
    }
.cloud-tabs__controls-wrapper--border {
    border-bottom: 1px solid #e8eaed
    }
.cloud-tabs__controls {
    clear: both;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative
    }
.cloud-tabs__controls--center {
    margin: 0 auto;
    text-align: center
    }
.cloud-tabs__controls--wide .cloud-tabs__cta {
    padding-left: 20px;
    padding-right: 20px
    }
.cloud-tabs__controls--wide .cloud-tabs__cta:nth-child(n+2) {
    margin-left: 0
    }
.cloud-tabs__cta {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #9aa0a6;
    cursor: pointer;
    display: block;
    float: left;
    font: 500 14px "Roboto", Arial, sans-serif;
    height: 100%;
    line-height: 24px;
    margin: 0;
    min-width: auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: none
    }
.cloud-tabs__cta:focus, .cloud-tabs__cta:hover {
    background-color: #fff;
    box-shadow: none;
    color: #000
    }
.cloud-tabs__cta:focus {
    outline: none
    }
.cloud-tabs__cta[aria-selected=true] {
    color: #000;
    cursor: default
    }
.cloud-tabs__bar {
    background-color: #4285f4;
    bottom: 0;
    height: 2px;
    left: 100%;
    position: absolute;
    right: 0;
    width: auto
    }
.cloud-tabs__bar--left {
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1)
    }
.cloud-tabs__bar--right {
    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1)
    }
.cloud-tabs__content[hidden=hidden] {
    display: none
    }
#cloud-site .cloud-tabs__cta:nth-child(n+2) {
    margin-left: 25px
    }
#cloud-site .cloud-devices__tabs {
    border-bottom: 1px solid #dadce0;
    margin-bottom: 32px
    }
#cloud-site .cloud-devices__item:not(:last-child) {
    padding-bottom: 60px
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-devices__item:not(:last-child) {
        padding-bottom: 80px
        }
    }
#cloud-site .cloud-devices__item .device-description {
    margin: 24px 0
    }
#cloud-site .cloud-devices__item .device-use-cases {
    margin: 12px 0 24px
    }
#cloud-site .cloud-devices__item .device-cross-sells {
    line-height: 30px;
    margin: 24px 0 0
    }
#cloud-site .cloud-devices__item .device-more-details {
    margin: 32px 0 0
    }
#cloud-site .cloud-devices__item .cloud-devices__content {
    order: 2
    }
#cloud-site .cloud-devices__item .cloud-devices__media {
    margin: 0 -24px 40px;
    order: 1
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-devices__item .cloud-devices__media {
        margin: 0
        }
    #cloud-site .cloud-devices__item:nth-of-type(odd) .cloud-devices__content {
        order: 1
        }
    #cloud-site .cloud-devices__item:nth-of-type(odd) .cloud-devices__media {
        order: 2
        }
    }
#cloud-site .cloud-devices__item .cloud-checklist {
    padding: 0 0 24px
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-devices__item .cloud-checklist {
        padding: 0 10px 24px
        }
    }
#cloud-site .cloud-devices__item .cloud-checklist .cloud-checklist__item {
    line-height: 28px;
    padding: 0 0 0 36px
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-devices__item .cloud-checklist .cloud-checklist__item {
        margin: 4px 0;
        padding: 0 0 0 60px
        }
    #cloud-site .cloud-devices__item .cloud-checklist .cloud-checklist__item::before {
        top: -2px
        }
    }
#cloud-site .cloud-devices__item .cloud-checklist .cloud-checklist__item::before {
    top: 2px
    }
#cloud-site .cloud-devices__item .cloud-checklist .cloud-checklist__wrapper:not(.cloud-checklist__wrapper--vertical) {
    flex-wrap: wrap
    }
#cloud-site .cloud-devices__item .cloud-checklist .cloud-checklist__wrapper:not(.cloud-checklist__wrapper--vertical) .cloud-checklist__item {
    flex: 1 1 50%
    }
#cloud-site .cloud-devices .cloud-carousel__arrow {
    background-color: transparent;
    bottom: unset;
    display: flex;
    padding: 0 20px;
    top: 50%;
    transform: translatey(-50%)
    }
#cloud-site .cloud-devices .cloud-carousel__arrow::before {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 48px;
    position: absolute;
    transition: background 0.2s;
    width: 48px
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-devices .cloud-carousel:not(:hover) .cloud-carousel__arrow {
        display: none
        }
    }
#cloud-site .cloud-devices .cloud-carousel__slide-media {
    max-height: 256px;
    object-fit: cover;
    width: 100%
    }
@media all and (min-width: 600px) {
    #cloud-site .cloud-devices .cloud-carousel__slide {
        padding: 0 6%
        }
    #cloud-site .cloud-devices .cloud-carousel__slide-media {
        max-height: 400px
        }
    }
@media all and (min-width: 1024px) {
    #cloud-site .cloud-devices .cloud-carousel__slide-media {
        max-height: unset
        }
    }
#cloud-site .cloud-devices .device-slide-tooltip {
    color: #4285f4;
    position: relative
    }
#cloud-site .cloud-devices .device-slide-tooltip:hover .device-slide-tooltip__target {
    visibility: visible
    }
#cloud-site .cloud-devices .device-slide-tooltip__target {
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    border: solid #dadce0 1px;
    left: 30px;
    min-width: 211px;
    padding: 12px;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: 2
    }
#cloud-site .cloud-devices .device-slide-tooltip__target::after, #cloud-site .cloud-devices .device-slide-tooltip__target::before {
    content: "";
    position: absolute
    }
#cloud-site .cloud-devices .device-slide-tooltip__target::after {
    border: 13px solid transparent;
    border-right-color: #fff;
    border-width: 0 14px 20px 13px;
    left: 0;
    top: 0;
    margin-left: -25px;
    margin-top: 0
    }
#cloud-site .cloud-devices .device-slide-tooltip__target::before {
    border: 15px solid transparent;
    border-right-color: #dadce0;
    border-width: 0 14px 20px 15px;
    left: 0;
    top: 0;
    margin-left: -29px;
    margin-top: -1px
    }
.cloud-section__filters-header {
    margin-bottom: 40px
    }
.filtering {
    margin: 0 auto;
    max-width: 753px
    }
.filtering__filters {
    clear: both
    }
.filtering__filters-instruction {
    color: #5f6368;
    display: block;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 16px;
    text-transform: uppercase
    }
@media all and (min-width: 600px) {
    .filtering__filters-instruction {
        float: left;
        margin-bottom: 0;
        margin-right: 20px;
        margin-top: 11px
        }
    }
.filters-events {
    display: flex;
    flex-direction: column
    }
@media all and (min-width: 600px) {
    .filters-events {
        flex-direction: row;
        justify-content: space-between
        }
    }
.filters-events .filter {
    margin-top: 8px
    }
@media all and (min-width: 600px) {
    .filters-events .filter {
        margin-top: 0;
        width: 32%
        }
    }
.filters-events .filter:first-child {
    margin-top: 0
    }
.filters-events .zippy-container {
    border: 1px solid #dadce0;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 25px;
    position: relative
    }
.filters-events .zippy-container.expanded .zippy-title::after {
    transform: rotatex(180deg)
    }
.filters-events .zippy-title {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
    }
.filters-events .zippy-title::after {
    background: url(/images/support/down_arrow.svg) no-repeat;
    background-size: 70%;
    background-position: 50% 50%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    transition: transform 0.278s linear;
    top: 0;
    width: 40px
    }
.filters-events .zippy-content {
    background-color: #fff;
    border: 1px solid #dadce0;
    border-radius: 4px;
    left: 0;
    min-width: 180px;
    overflow: hidden;
    position: absolute;
    top: 48px;
    transition: height 0.3s ease 0.3s, visibility 0s linear;
    width: 100%;
    z-index: 1
    }
.filters-events .dropdown-menu {
    list-style-type: none;
    padding: 20px 24px
    }
.filters-events .dropdown-menu__option {
    color: #5f6368;
    display: flex;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 18px
    }
.filters-events .dropdown-menu__option:first-child {
    margin-top: 0
    }
.filters-events .dropdown-menu__check[type=checkbox] {
    margin-top: 3px
    }
.pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin-bottom: 24px;
    margin-top: 24px;
    padding-left: 0
    }
.pills__pill {
    background-color: #f1f3f4;
    border-radius: 20px;
    box-shadow: none;
    height: 32px;
    margin: 4px 8px;
    padding-bottom: 0;
    padding-top: 0
    }
.pills__pill:focus, .pills__pill:hover {
    background-color: #e8eaed
    }
.pills__pill:active {
    background-color: #e8eaed;
    box-shadow: none
    }
.pills__pill--selection {
    background-color: #e8f0fe;
    color: #185abc;
    padding-right: 42px;
    position: relative
    }
.pills__pill--selection:focus, .pills__pill--selection:hover {
    background-color: #d2e3fc
    }
.pills__pill--selection:active {
    background-color: #e8f0fe
    }
.pills__pill--selection::after {
    content: "close";
    direction: ltr;
    font-family: "Material Icons";
    font-size: 18px;
    text-transform: none;
    margin-top: -10px;
    position: absolute;
    right: 16px;
    top: 50%;
    white-space: nowrap;
    word-wrap: normal
    }
.cloud-events {
    border-top: 1px solid #dadce0
    }
.cloud-event {
    border-top: 1px solid #dadce0;
    margin: 0 auto;
    padding-bottom: 32px;
    padding-top: 40px;
    position: relative
    }
@media all and (min-width: 600px) {
    .cloud-event {
        padding: 40px 50px 32px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-event {
        border-top: 0;
        box-sizing: content-box;
        margin-top: 16px;
        padding: 52px 36px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-event:hover {
        border-radius: 10px;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
        cursor: default;
        transition: 0.2s
        }
    }
.cloud-event:first-child {
    border-top: 0
    }
.cloud-event__media {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #dadce0;
    border-radius: 10px;
    height: 140px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%
    }
@media all and (min-width: 600px) {
    .cloud-event__media {
        height: 180px
        }
    }
@media all and (min-width: 768px) {
    .cloud-event__media {
        height: 220px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-event__media {
        bottom: 36px;
        height: auto;
        margin-bottom: 0;
        max-height: none;
        position: absolute;
        right: 36px;
        top: 36px;
        width: 425px
        }
    }
@media all and (min-width: 1280px) {
    .cloud-event__media {
        width: 400px
        }
    }
.cloud-event__media span {
    visibility: hidden
    }
.cloud-event__thumbnail {
    display: block;
    margin: 0 auto
    }
@media all and (min-width: 1024px) {
    .cloud-event__info {
        padding-right: 60px;
        margin-right: 425px
        }
    }
@media all and (min-width: 1280px) {
    .cloud-event__info {
        margin-right: 400px
        }
    }
.cloud-event__info-list {
    margin-top: 20px;
    overflow: hidden;
    padding-left: 0
    }
@media all and (min-width: 1024px) {
    .cloud-event__info-list {
        margin-top: 15px
        }
    }
.cloud-event__info-data {
    align-items: center;
    display: flex;
    font-family: "Google Sans", Arial, sans-serif;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 8px
    }
@media all and (min-width: 600px) {
    .cloud-event__info-data {
        float: left;
        margin-right: 28px;
        margin-top: 0
        }
    }
.cloud-event__info-data:first-child {
    margin-top: 0
    }
.cloud-event__info-data:last-child {
    margin-left: 0
    }
.cloud-event__info-data .cloud-i18n-date {
    white-space: nowrap
    }
.cloud-event__info-data img {
    margin-right: 12px;
    width: 16px
    }
.cloud-event__description {
    font-family: "Google Sans", Arial, sans-serif
    }
.cloud-event__end-date {
    margin-left: 4px
    }
.cloud-event__end-date::before {
    content: "- "
    }
.no-results {
    color: #202124;
    margin: 40px auto 0;
    max-width: 1050px
    }
@media all and (min-width: 600px) {
    .no-results {
        padding: 0 50px
        }
    }
@media all and (min-width: 1024px) {
    .no-results {
        border-top: 0;
        margin-top: 50px;
        padding: 20px 0
        }
    }
.no-results .cloud-headline3, .no-results p {
    color: inherit
    }
.no-results a {
    cursor: pointer
    }
.paginator-events {
    margin: 0 auto
    }
@media all and (min-width: 600px) {
    .paginator-events {
        padding: 0 50px
        }
    }
@media all and (min-width: 1024px) {
    .paginator-events {
        border-top: 0;
        margin-top: 50px;
        padding: 50px 0
        }
    }
.paginator-events .paginator-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin-top: 8px;
    padding-left: 0
    }
@media all and (min-width: 600px) {
    .paginator-events .paginator-container {
        margin-top: 30px
        }
    }
.paginator-events .page-item-number {
    margin: 0
    }
.paginator-events .page-item-number a {
    border-radius: 20px;
    cursor: pointer;
    display: block;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    text-align: center
    }
.paginator-events .page-item-number.active a {
    background-color: #1a73e8;
    color: #fff;
    cursor: default
    }
.paginator-events .page-item-number:first-child, .paginator-events .page-item-number:last-child {
    color: transparent;
    position: relative
    }
.paginator-events .page-item-number:first-child a::after, .paginator-events .page-item-number:last-child a::after {
    bottom: 0;
    color: #5f6368;
    content: "chevron_left";
    direction: ltr;
    font-family: "Material Icons";
    font-size: 26px;
    left: 0;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 0;
    word-wrap: normal
    }
.paginator-events .page-item-number:first-child a[disabled], .paginator-events .page-item-number:last-child a[disabled] {
    cursor: default
    }
.paginator-events .page-item-number:first-child a[disabled]::after, .paginator-events .page-item-number:last-child a[disabled]::after {
    color: #dadce0
    }
.paginator-events .page-item-number:last-child a::after {
    content: "chevron_right"
    }
.cloud-section--featured {
    margin-bottom: 56px;
    padding-bottom: 0
    }
.cloud-carousel--loading {
    display: none
    }
.cloud-carousel--featured-events {
    min-width: 232px;
    padding: 0 20px
    }
@media all and (min-width: 768px) {
    .cloud-carousel--featured-events {
        margin: 0 auto;
        padding: 0
        }
    }
@media all and (min-width: 1024px) {
    .cloud-carousel--featured-events {
        max-width: 1062px
        }
    }
@media all and (min-width: 1280px) {
    .cloud-carousel--featured-events {
        max-width: none
        }
    }
.cloud-carousel--featured-events .cloud-carousel__slide {
    flex-direction: column;
    justify-content: start;
    padding: 0
    }
@media all and (min-width: 768px) {
    .cloud-carousel--featured-events .cloud-carousel__slide {
        flex-direction: row
        }
    }
.cloud-carousel--featured-events .cloud-carousel__slide-body {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 24px 18px;
    width: 100%
    }
@media all and (min-width: 600px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-body {
        margin: 0 15px 0 40px
        }
    }
@media all and (min-width: 768px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-body {
        display: block;
        height: auto;
        margin: 0 26px 0 52px;
        padding: 0
        }
    }
.cloud-carousel--featured-events .cloud-carousel__slide-body .cloud-button {
    margin-top: auto
    }
.cloud-carousel--featured-events .cloud-carousel__slide-date, .cloud-carousel--featured-events .cloud-carousel__slide-metadata {
    font-family: "Google Sans", Arial, sans-serif
    }
.cloud-carousel--featured-events .cloud-carousel__slide-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    flex: 0 0 auto;
    height: 240px;
    margin: 0;
    width: 100%
    }
@media all and (min-width: 768px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-image {
        min-height: 300px;
        width: 50%
        }
    }
.cloud-carousel--featured-events .cloud-carousel__slide-metadata {
    margin: 0 0 24px
    }
@media all and (min-width: 1024px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-metadata {
        margin-bottom: 40px;
        margin-top: 17px
        }
    }
@media all and (min-width: 1024px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-location::before {
        content: "- "
        }
    }
.cloud-carousel--featured-events .cloud-carousel__slide-date {
    display: block
    }
@media all and (min-width: 1024px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-date {
        display: inline
        }
    }
.cloud-carousel--featured-events .cloud-carousel__arrow {
    padding-bottom: 63px
    }
.cloud-carousel--featured-events .cloud-carousel__arrow::before {
    background-color: transparent;
    box-shadow: none
    }
.cloud-carousel--featured-events .cloud-carousel__arrow.left-arrow {
    left: -24px
    }
@media all and (min-width: 768px) {
    .cloud-carousel--featured-events .cloud-carousel__arrow.left-arrow {
        left: -48px
        }
    }
.cloud-carousel--featured-events .cloud-carousel__arrow.right-arrow {
    right: -24px
    }
@media all and (min-width: 768px) {
    .cloud-carousel--featured-events .cloud-carousel__arrow.right-arrow {
        right: -48px
        }
    }
.cloud-carousel--featured-events .cloud-carousel__slide-deck-container {
    border: 1px #dadce0 solid;
    border-radius: 8px;
    margin-bottom: 5px
    }
@media all and (min-width: 600px) {
    .cloud-carousel--featured-events .cloud-carousel__slide-deck-container {
        margin-bottom: 17px
        }
    }
.dropdown-menu__label {
    color: #5f6368;
    display: flex;
    font-size: 14px
    }
.cloud-products-and-solutions .flex {
    display: flex
    }
.cloud-products-and-solutions .flex.flex--row {
    flex-direction: row
    }
.cloud-products-and-solutions .flex.flex--col {
    flex-direction: column
    }
.cloud-products-and-solutions .flex.flex-1 {
    flex: 1
    }
.cloud-products-and-solutions .cloud-superscript {
    color: #9aa0a6;
    font: 700 10px/12px "Roboto Mono", monospace;
    letter-spacing: 0.75px;
    position: relative;
    top: -0.5em;
    vertical-align: baseline
    }
.cloud-products-and-solutions .cloud-product-section {
    margin-bottom: 60px
    }
.cloud-products-and-solutions .margin-bottom-60 {
    margin-bottom: 60px
    }
.cloud-products-and-solutions .margin-bottom-120 {
    margin-bottom: 120px
    }
.cloud-products-and-solutions .padding-bottom-32 {
    padding-bottom: 32px
    }
.cloud-products-and-solutions .margin-top-24 {
    margin-top: 24px
    }
.cloud-products-and-solutions .has-border {
    border: 1px solid #dadce0
    }
.cloud-products-and-solutions .is-right {
    margin-left: -1px
    }
.cloud-products-and-solutions .cloud-product-card {
    padding: 32px;
    border: 1px solid #dadce0;
    display: flex
    }
.cloud-products-and-solutions .cloud-product-card.no--border-top {
    border-top-width: 0
    }
.cloud-products-and-solutions .cloud-product-card.no--border {
    border: 0
    }
.cloud-products-and-solutions .cloud-product-card__2up {
    padding-top: 8px
    }
.cloud-products-and-solutions .cloud-product-card__desc {
    color: #80868b;
    color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.35px;
    line-height: 18px
    }
.cloud-products-and-solutions .cloud-product-card__section--with-icon {
    background-position: 0 28px;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 50px
    }
.cloud-products-and-solutions .cloud-product-card__title {
    display: block;
    margin-bottom: 32px
    }
.cloud-products-and-solutions .cloud-product-card__title strong {
    color: #4285f4;
    font-weight: inherit
    }
.cloud-products-and-solutions .cloud-product-card__title:visited, .cloud-products-and-solutions .cloud-product-card__title:link, .cloud-products-and-solutions .cloud-product-card__title:active {
    color: #202124;
    text-decoration: none
    }
.cloud-products-and-solutions .cloud-product-card__title i {
    color: #1a73e8;
    font-size: 18px;
    line-height: 30px;
    vertical-align: middle
    }
.cloud-products-and-solutions .cloud-product-card__title i:visited {
    color: #7b1fa2
    }
.cloud-products-and-solutions .cloud-product-card__title i:hover, .cloud-products-and-solutions .cloud-product-card__title i:focus {
    color: #174ea6
    }
.cloud-products-and-solutions .cloud-product-card__headline {
    color: #1a73e8;
    display: inline-block;
    font: 400 16px/30px "Google Sans", Arial, sans-serif;
    margin-top: 22px;
    padding: 2px 0
    }
.cloud-products-and-solutions .cloud-product-card__headline:visited {
    color: #7b1fa2
    }
.cloud-products-and-solutions .cloud-product-card__headline:hover, .cloud-products-and-solutions .cloud-product-card__headline:focus {
    color: #174ea6
    }
.cloud-products-and-solutions .cloud-product-card__headline.no-pad {
    padding-top: 0
    }
.cloud-products-and-solutions .cloud-product-card__sub-headline {
    color: #202124;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 2px
    }
.cloud-products-and-solutions .cloud-product-card__title--full-width {
    margin-bottom: -32px;
    padding: 32px 32px 0
    }
.cloud-products-and-solutions .cloud-related-section {
    margin-bottom: 120px
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .cloud-related-section .margin-bottom-40 {
        margin-bottom: 40px
        }
    }
.cloud-products-and-solutions .cloud-related-section .cloud-title {
    padding-bottom: 32px
    }
.cloud-products-and-solutions .card-cta-image {
    border: 1px solid #dadce0;
    padding: 32px 40px 32px 32px
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .card-cta-image .margin-bottom-40 {
        margin-bottom: 40px
        }
    }
.cloud-products-and-solutions .card-cta-image.grey {
    background-color: #f8f9fa
    }
.cloud-products-and-solutions .card-cta-image__heading {
    margin-bottom: 8px
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .card-cta-image__links {
        display: flex;
        flex-direction: column;
        align-items: flex-start
        }
    }
.cloud-products-and-solutions .card-cta-image__secondary-link {
    color: #1a73e8;
    display: inline-block;
    font: 500 16px/22px "Roboto", Arial, sans-serif;
    margin-left: 16px
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .card-cta-image__secondary-link {
        margin-left: 0;
        margin-top: 16px
        }
    }
.cloud-products-and-solutions .card-cta-image__secondary-link i {
    font-size: 16px;
    line-height: 22px
    }
.cloud-products-and-solutions .card-cta-image__image {
    display: flex;
    justify-content: flex-end
    }
.cloud-products-and-solutions .card-cta-image__image div {
    display: flex;
    align-items: flex-end
    }
.cloud-products-and-solutions .card-cta-image.no--pad-btm {
    padding-bottom: 0
    }
.cloud-products-and-solutions .card-cta-image.no--pad-rgt-btm {
    padding-right: 0;
    padding-bottom: 0
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .card-cta-image .mobile-pad-right {
        padding-right: 32px
        }
    }
.cloud-products-and-solutions .card-cta-image.no--border-btm {
    border-bottom-width: 0
    }
.cloud-products-and-solutions .card-cta-image.blue {
    background-color: #1a73e8
    }
.cloud-products-and-solutions .card-cta-image.blue, .cloud-products-and-solutions .card-cta-image.blue .card-cta-image__heading {
    color: #fff
    }
.cloud-products-and-solutions .card-cta-image.blue .card-cta-image__secondary-link {
    margin-left: 0;
    color: #fff
    }
.cloud-products-and-solutions .card-cta-image.blue .card-cta-image__secondary-link:hover, .cloud-products-and-solutions .card-cta-image.blue .card-cta-image__secondary-link:active, .cloud-products-and-solutions .card-cta-image.blue .card-cta-image__secondary-link:visited, .cloud-products-and-solutions .card-cta-image.blue .card-cta-image__secondary-link:focus {
    color: #fff
    }
.cloud-products-and-solutions .card-cta-image .cloud-button__set {
    margin-bottom: 24px
    }
.cloud-products-and-solutions .cloud-product-banner {
    padding: 32px;
    background-color: #34a853;
    color: #fff
    }
.cloud-products-and-solutions .cloud-product-banner__heading {
    font-family: Google Sans, Arial, sans-serif;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 40px;
    margin: 0
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .cloud-product-banner__heading {
        padding-bottom: 8px
        }
    }
.cloud-products-and-solutions .cloud-product-banner__right {
    padding-left: 32px
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .cloud-product-banner__right {
        padding-left: 0
        }
    }
.cloud-products-and-solutions .cloud-product-banner__text {
    padding-bottom: 24px
    }
.cloud-products-and-solutions .cloud-product-banner__link {
    color: #fff
    }
.cloud-products-and-solutions .cloud-product-banner__link:hover, .cloud-products-and-solutions .cloud-product-banner__link:visited, .cloud-products-and-solutions .cloud-product-banner__link:active, .cloud-products-and-solutions .cloud-product-banner__link:focus {
    color: #fff
    }
.cloud-hero__products-and-solutions {
    margin-bottom: 40px
    }
@media all and (min-width: 600px) {
    .cloud-hero__products-and-solutions {
        margin-bottom: 80px
        }
    }
@media all and (max-width: 600px) {
    .cloud-products-and-solutions .margin-bottom-40 {
        margin-bottom: 40px
        }
    .cloud-products-and-solutions .no-pad-top {
        padding-top: 0
        }
    .cloud-products-and-solutions .no-pad-bottom {
        padding-bottom: 0
        }
    }
.devsite-article-body .cloud-product-card__title .material-icons {
    vertical-align: middle
    }
.cloud-products-home-page .cloud-inner-content {
    width: 100%
    }
.cloud-products-home-page .cloud-grid.margin-bottom-40 {
    margin-bottom: 40px
    }
.cloud-products-home-page .cloud-icon-appmaker {
    background-image: url(/images/icons/ic_appmaker_24dp.svg)
    }
.cloud-products-home-page .cloud-icon-hire {
    background-image: url(/images/icons/ic_hire_24dp.svg)
    }
.cloud-products-home-page #google-cloud-platform .cloud-product-card .cloud-icon {
    margin-top: 2px
    }
.cloud-products-home-page .no--border-btm {
    border-bottom-width: 0
    }
.cloud-products-home-page#cloud-site .card-cta-image__heading.cloud-headline3 {
    margin-bottom: 8px
    }
@media (max-width: 599px) {
    .cloud-products-home-page .cloud-inner-content .cloud-grid, .cloud-products-home-page .cloud-inner-content .cloud-footnotes, .cloud-products-home-page #featured-products .cloud-product-card__title {
        margin-left: -40px
        }
    .cloud-products-home-page .flex {
        margin-left: 40px
        }
    .cloud-products-home-page .flex.flex--col {
        margin-left: 0
        }
    }
.story-header__subtitle, .story-content__main-content p {
    color: #5f6368;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px
    }
@media all and (min-width: 1024px) {
    .story-header__subtitle, .story-content__main-content p {
        font-size: 20px;
        line-height: 32px
        }
    }
.cloud-hero--story .cloud-button--flat.cloud-button--reversed:focus {
    background-color: transparent;
    color: #fff;
    outline: none
    }
.cloud-hero--story .cloud-hero__content--background {
    height: 53vh;
    align-items: center
    }
.story-content a {
    text-decoration: none
    }
.story-content__aside-content .aside-description {
    color: #5f6368;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    max-width: 200px
    }
.story-content__aside-content .list-aside__logo-main .cloud-list-aside__list-item-bullet--logo {
    height: auto;
    width: auto
    }
.story-content__image {
    overflow-x: scroll
    }
.story-content__image--scroll {
    height: 56vh;
    max-height: 510px;
    max-width: unset
    }
.story-content__image-message {
    color: #5f6368;
    font-family: "Google Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    width: 100%
    }
.story-content__intro {
    border-bottom: 1px solid #bdc1c6;
    margin-bottom: 80px;
    padding-bottom: 24px
    }
.story-content__intro p {
    color: #3c4043
    }
.story-content__video {
    position: relative;
    text-align: right
    }
.story-content__video-placeholder {
    opacity: 0.7
    }
.story-content__video-button {
    align-items: center;
    background-color: rgba(32, 33, 36, 0.7);
    border-radius: 1px;
    bottom: 38px;
    color: #fff;
    display: flex;
    justify-content: center;
    min-height: 70px;
    min-width: 226px;
    position: absolute;
    right: 0
    }
.story-content__double-image {
    margin: 64px auto 48px;
    max-width: 1352px;
    position: relative
    }
@media all and (min-width: 600px) {
    .story-content__double-image--left {
        margin-top: 104px;
        width: 40%
        }
    }
@media all and (min-width: 600px) {
    .story-content__double-image--right {
        position: absolute;
        width: 60%
        }
    }
@media all and (min-width: 1024px) {
    .story-content__double-image--right {
        right: 0
        }
    }
.story-solutions__card-content {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 0 32px
    }
@media all and (min-width: 600px) {
    .story-solutions__card-content {
        flex-flow: row-reverse
        }
    }
.story-solutions__card-image {
    padding: 0 32px
    }
/*# sourceMappingURL=sass_binary.css.map */