@charset "UTF-8";

devsite-a11y-announce {
       background: transparent;
       color: transparent;
       display: block;
       left: -500vw;
       position: absolute;
       top: -500vh;
       z-index: -1
}

devsite-analytics>iframe {
       display: none
}

devsite-anselm {
       display: block;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

devsite-anselm .anselm-loading {
       display: none
}

devsite-anselm .anselm-loading devsite-spinner {
       margin: 0 auto
}

devsite-anselm[loading] .anselm-loading {
       display: block
}

devsite-anselm[type=playlist] .anselm-results {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: start;
       -webkit-justify-content: flex-start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       margin: 0 -12px
}

devsite-anselm h3:first-child {
       margin-bottom: 4px
}

devsite-anselm[active] .anselm-suggest-container input {
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color)
}

devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-suggest-search-icon {
       opacity: 0
}

devsite-anselm[pending-suggestions] .anselm-suggest-container .anselm-suggest-spinner {
       opacity: 1
}

devsite-anselm[has-query] .anselm-suggest-container .anselm-suggest-close-icon {
       opacity: 1;
       pointer-events: all
}

devsite-anselm[has-suggestions][active] .anselm-suggest-container input {
       border-radius: 2px 2px 0
}

devsite-anselm .anselm-suggest-container {
       max-width: 492px;
       margin-bottom: 36px
}

devsite-anselm .anselm-suggest-container form {
       position: relative
}

devsite-anselm .anselm-suggest-container input {
       border: 0 !important;
       border-radius: 4px;
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       color: #3c4043;
       line-height: 26px;
       padding: 8px 46px;
       width: 100%
}

devsite-anselm .anselm-suggest-container input:hover {
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color)
}

devsite-anselm .anselm-suggest-container input:focus {
       border: 0 !important;
       padding-bottom: 8px
}

devsite-anselm .anselm-suggest-container .anselm-suggestions {
       background: var(--devsite-background-1);
       border-top: 1px solid #ccc;
       border-radius: 0 0 4px 4px;
       box-shadow: 0 2px 3px 0 var(--devsite-elevation-key-shadow-color), 0 6px 10px 4px var(--devsite-elevation-ambient-shadow-color);
       position: absolute;
       width: 100%;
       z-index: 100
}

devsite-anselm .anselm-suggest-container .anselm-suggestions:empty {
       box-shadow: none
}

devsite-anselm .anselm-suggest-container .anselm-suggest-result {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       line-height: 56px;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

devsite-anselm .anselm-suggest-container .anselm-suggest-result a {
       color: #3c4043;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       padding: 0 16px
}

devsite-anselm .anselm-suggest-container .anselm-suggest-result.highlight a,
devsite-anselm .anselm-suggest-container .anselm-suggest-result a:focus,
devsite-anselm .anselm-suggest-container .anselm-suggest-result a:hover {
       text-decoration: none;
       background: #f1f3f4
}

devsite-anselm .anselm-suggest-input-container {
       position: relative
}

devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon,
devsite-anselm .anselm-suggest-input-container .anselm-suggest-search-icon,
devsite-anselm .anselm-suggest-input-container .anselm-suggest-spinner {
       color: #5f6368;
       opacity: 0;
       pointer-events: none;
       position: absolute;
       -webkit-transition: opacity .3s cubic-bezier(0, .795, 0, 1);
       transition: opacity .3s cubic-bezier(0, .795, 0, 1)
}

devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon,
devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon:focus {
       text-decoration: none
}

devsite-anselm .anselm-suggest-input-container .anselm-suggest-search-icon {
       opacity: 1
}

devsite-anselm .anselm-suggest-input-container .anselm-suggest-search-icon,
devsite-anselm .anselm-suggest-input-container .anselm-suggest-spinner {
       top: 8px;
       left: 16px
}

devsite-anselm .anselm-suggest-input-container .anselm-suggest-close-icon {
       top: 8px;
       right: 16px
}

devsite-anselm .anselm-more {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 20px 0 32px
}

devsite-anselm .anselm-cell {
       opacity: 0;
       -webkit-transition: opacity .3s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .3s cubic-bezier(.4, 0, 1, 1)
}

devsite-anselm .anselm-cell[show] {
       opacity: 1
}

devsite-anselm .anselm-cell .bull {
       padding: 0 4px
}

devsite-anselm .anselm-cell .anselm-meta {
       font-family: var(--devsite-primary-font-family);
       font-size: 12px;
       color: #6a6e74;
       letter-spacing: .3px;
       text-align: left;
       line-height: 16px
}

devsite-anselm .anselm-cell .anselm--tags span {
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font-family: var(--devsite-primary-font-family);
       font-size: 12px;
       color: #5f6368;
       letter-spacing: .3px;
       text-align: left;
       line-height: 16px;
       border: var(--devsite-primary-border);
       border-radius: 16px;
       height: 30px;
       padding: 12px;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

devsite-anselm .anselm-cell--list p {
       font-family: var(--devsite-primary-font-family);
       font-size: 14px;
       color: #3c4043;
       letter-spacing: .2px;
       line-height: 20px;
       margin: 8px 0;
       text-align: left
}

devsite-anselm .anselm-card {
       background: var(--devsite-card-background);
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       box-shadow: var(--devsite-card-box-shadow);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: 100%
}

devsite-anselm .anselm-card .anselm-card--top {
       border-radius: var(--devsite-card-content-border-radius, 1px 1px 0 0);
       height: 158px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: relative
}

devsite-anselm .anselm-card .anselm-card--top .badge-icon {
       width: 110px;
       height: 110px;
       position: relative;
       z-index: 2;
       opacity: 0;
       -webkit-transform: scale(0);
       transform: scale(0)
}

@-webkit-keyframes bounce {
       0% {
              opacity: 0;
              -webkit-transform: scale(.2);
              transform: scale(.2)
       }

       50% {
              opacity: 1;
              -webkit-transform: scale(1.3);
              transform: scale(1.3)
       }

       to {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 1
       }
}

@keyframes bounce {
       0% {
              opacity: 0;
              -webkit-transform: scale(.2);
              transform: scale(.2)
       }

       50% {
              opacity: 1;
              -webkit-transform: scale(1.3);
              transform: scale(1.3)
       }

       to {
              -webkit-transform: scale(1);
              transform: scale(1);
              opacity: 1
       }
}

devsite-anselm .anselm-card .anselm-card--top .badge-icon.bounce {
       -webkit-animation-duration: 1s;
       animation-duration: 1s;
       -webkit-animation-fill-mode: forwards;
       animation-fill-mode: forwards;
       -webkit-animation-name: bounce;
       animation-name: bounce;
       opacity: 1;
       -webkit-transform: scale(1);
       transform: scale(1)
}

devsite-anselm .anselm-card devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-2,
devsite-anselm .anselm-card devsite-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-4 {
       background: #dadce0
}

devsite-anselm .anselm-card .anselm-card--progress {
       overflow: hidden;
       height: 2px;
       background: #dadce0
}

devsite-anselm .anselm-card .anselm-card--progress .anselm-card--progress--bar {
       background: #fbbc04;
       height: 2px;
       -webkit-transform: translateX(-101%);
       transform: translateX(-101%);
       -webkit-transition: background .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: background .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), background .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), background .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1)
}

devsite-anselm .anselm-card .anselm-card--progress .anselm-card--progress--bar.completed {
       background: #34a853
}

devsite-anselm .anselm-card .anselm-card--progress--info:empty:before {
       content: " "
}

devsite-anselm .anselm-card .anselm-card--progress--info {
       font-size: 12px;
       font-weight: 700;
       color: #45494c;
       padding: 0 16px;
       opacity: 0;
       -webkit-transform: translateY(12px);
       transform: translateY(12px);
       -webkit-transition: opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1);
       transition: transform .213s cubic-bezier(.4, 0, 1, 1), opacity .213s cubic-bezier(.4, 0, 1, 1);
       transition: transform .213s cubic-bezier(.4, 0, 1, 1), opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1)
}

devsite-anselm .anselm-card .anselm-card--progress--info.show {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
       -webkit-transition: opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), opacity .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1)
}

devsite-anselm .anselm-card .anselm-card--body {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       padding: 0 16px
}

devsite-anselm .anselm-card .anselm--tags:not(:empty) {
       border-bottom: var(--devsite-primary-border);
       margin: 0 16px;
       padding: 0 0 16px
}

devsite-anselm .anselm-card .anselm-card--bottom {
       margin: 16px
}

devsite-anselm .anselm-card .anselm-card--summary {
       font-family: var(--devsite-primary-font-family);
       font-size: 12px;
       color: #6a6e74;
       letter-spacing: .3px;
       text-align: left;
       line-height: 16px
}

devsite-anselm .anselm-card .anselm-card--actions {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

devsite-anselm .anselm-cell--card {
       -webkit-flex-basis: calc(33.33% - 24px);
       -ms-flex-preferred-size: calc(33.33% - 24px);
       flex-basis: calc(33.33% - 24px);
       margin: 12px
}

devsite-anselm .anselm-cell--list {
       margin-bottom: 32px
}

devsite-anselm .anselm-cell--list a {
       color: #346cf2
}

devsite-anselm .anselm-no-results-found {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       width: 100%;
       margin-top: 36px
}

devsite-anselm .anselm-no-results-found .no-results-text {
       -webkit-flex-basis: 50%;
       -ms-flex-preferred-size: 50%;
       flex-basis: 50%;
       padding: 0 12px
}

devsite-anselm .anselm-no-results-found .no-results-text h3 {
       font-size: 28px;
       color: #3c4043;
       line-height: 36px;
       margin: 0
}

devsite-anselm .anselm-no-results-found .no-results-text p {
       margin: 0;
       padding: 8px 0 0;
       font-size: 14px;
       color: #5f6368;
       line-height: 20px
}

devsite-anselm .anselm-no-results-found .no-results-img {
       margin: 0 12px;
       padding: 0 12px;
       -webkit-flex-basis: 50%;
       -ms-flex-preferred-size: 50%;
       flex-basis: 50%;
       background-image: url(../../images/not-found.svg);
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       background-repeat: no-repeat;
       background-size: contain;
       background-position: 50% 50%;
       height: 206px
}

devsite-anselm .anselm-results-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

devsite-anselm .anselm-results-container .anselm-results-cell {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

devsite-anselm .anselm-results-container .anselm-featured-cell {
       display: none;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 292px;
       padding-left: 18px
}

devsite-anselm .anselm-results-container .anselm-featured-cell h4 {
       font-size: 10px;
       font-weight: 500;
       color: #666;
       line-height: 16px;
       text-transform: uppercase
}

devsite-anselm.has-featured .anselm-no-results-found {
       display: block
}

devsite-anselm.has-featured .anselm-no-results-found .no-results-img {
       margin: 48px 12px;
       height: 295px
}

devsite-anselm.has-featured .anselm-no-results-found .no-results-text {
       text-align: center
}

devsite-anselm.has-featured .anselm-results-container .anselm-results-cell {
       max-width: 491px
}

devsite-anselm.has-featured .anselm-results-container .anselm-featured-cell {
       display: block
}

devsite-anselm .anselm--featured {
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       box-shadow: var(--devsite-card-box-shadow);
       margin-bottom: 12px;
       padding: 16px
}

devsite-anselm .anselm--featured .topic__meta {
       border-top: 1px solid #d8d8d8;
       color: #3c4043;
       font-size: 12px;
       line-height: 16px;
       margin: 16px 0 8px;
       padding: 16px 0 0
}

devsite-anselm .anselm--featured .topic__updated {
       padding-top: 4px
}

@media screen and (max-width:840px) {
       devsite-anselm .anselm-cell--card {
              -webkit-flex-basis: calc(50% - 24px);
              -ms-flex-preferred-size: calc(50% - 24px);
              flex-basis: calc(50% - 24px)
       }

       devsite-anselm.has-featured .anselm-results-container .anselm-featured-cell {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }

       devsite-anselm .anselm-results-container {
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
              -webkit-flex-direction: column-reverse;
              -moz-box-orient: vertical;
              -moz-box-direction: reverse;
              -ms-flex-direction: column-reverse;
              flex-direction: column-reverse
       }

       devsite-anselm .anselm-results-container .anselm-featured-cell {
              -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
              overflow-x: auto;
              min-width: 100%;
              margin: 0 0 24px;
              padding: 24px 0 0;
              position: relative
       }

       devsite-anselm .anselm-results-container .anselm-featured-cell h4 {
              position: absolute;
              top: 0;
              left: 0
       }

       devsite-anselm .anselm-results-container .anselm--featured {
              min-width: 200px;
              margin-right: 8px;
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              max-width: 300px
       }

       devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-description {
              position: relative
       }

       devsite-anselm .anselm-results-container .anselm--featured a {
              position: absolute;
              right: 8px;
              top: 8px;
              padding: 0;
              height: 30px;
              width: 30px
       }

       devsite-anselm .anselm-results-container .anselm--featured a .devsite-landing-row-item-icon-container {
              width: 30px;
              height: 30px
       }

       devsite-anselm .anselm-results-container .anselm--featured a .devsite-landing-row-item-icon-container img {
              width: 30px;
              height: 30px;
              margin: 0
       }

       devsite-anselm .anselm-results-container .anselm--featured h3 {
              margin: 0
       }

       devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body a {
              position: static;
              text-overflow: ellipsis;
              margin: 12px 54px 12px 12px;
              width: auto;
              height: auto
       }

       devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body .topic__meta {
              margin-top: 0
       }

       devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body .devsite-landing-row-item-buttons,
       devsite-anselm .anselm-results-container .anselm--featured .devsite-landing-row-item-body p {
              display: none
       }
}

@media screen and (max-width:600px) {
       devsite-anselm .anselm-cell--card {
              -webkit-flex-basis: calc(100% - 24px);
              -ms-flex-preferred-size: calc(100% - 24px);
              flex-basis: calc(100% - 24px)
       }

       devsite-anselm .anselm-no-results-found {
              margin-top: 12px;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap
       }

       devsite-anselm .anselm-no-results-found .no-results-img,
       devsite-anselm .anselm-no-results-found .no-results-text {
              -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%
       }

       devsite-anselm .anselm-no-results-found .no-results-img {
              margin-top: 32px;
              height: 163px
       }
}

devsite-dialog[open].devsite-henhouse-dialog {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding: 0
}

.devsite-henhouse-inner {
       background: var(--devsite-background-1);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       margin-top: 2px;
       overflow: hidden
}

.devsite-henhouse-spinner-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-height: 240px
}

.devsite-credentials-spinner-region {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.devsite-henhouse-cross-container {
       height: 160px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
       -webkit-align-items: start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: start;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

.devsite-henhouse-cross {
       margin: 16px;
       float: right;
       cursor: pointer
}

.devsite-apix-error {
       padding: 32px
}

.devsite-apix-controls {
       position: absolute;
       right: 8px;
       z-index: 1001
}

.devsite-apix-controls .button-flat {
       cursor: pointer !important
}

.devsite-apix-controls .devsite-dock-apix:before,
.devsite-apix-controls .devsite-fullscreen-apix:before,
.devsite-apix-controls .devsite-hide-apix:before {
       color: var(--devsite-primary-text-color)
}

.devsite-apix-controls .devsite-hide-apix:before {
       content: "close"
}

.devsite-apix-controls .devsite-fullscreen-apix:before {
       content: "fullscreen"
}

.devsite-apix-controls .devsite-dock-apix:before {
       content: "fullscreen_exit"
}

.apis-explorer {
       background: var(--devsite-background-3)
}

.devsite-apix {
       background: var(--devsite-background-3);
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       will-change: height, transform
}

.devsite-apix:not(.dialog) .devsite-apix-controls {
       top: 24px
}

.devsite-apix:not(.dialog) .devsite-apix-controls .devsite-dock-apix {
       display: none
}

.devsite-apix.dialog {
       border-radius: 2px;
       box-shadow: 0 17px 17px rgba(0, 0, 0, .15), 0 27px 55px rgba(0, 0, 0, .3);
       font: 14px/20px var(--devsite-primary-font-family);
       max-width: calc(100% - 48px);
       overflow: auto;
       padding: 8px;
       position: fixed;
       z-index: 10012;
       max-height: none !important
}

.devsite-apix.dialog .apis-explorer {
       height: 100%;
       min-height: 100%
}

.devsite-apix.dialog .devsite-fullscreen-apix,
.devsite-apix.dialog .devsite-hide-apix {
       display: none
}

.devsite-has-apix .devsite-main-content {
       z-index: auto
}

.devsite-has-apix .devsite-main-content devsite-googler-buttons {
       z-index: 1003
}

@media screen and (min-width:1201px) {
       .devsite-apix:not(.dialog) {
              box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
              display: none;
              max-height: 100vh;
              overflow: auto;
              position: fixed;
              right: 0;
              top: 96px;
              width: 400px;
              z-index: 1001
       }

       .devsite-apix.dialog {
              bottom: 20px;
              left: calc((100% - 1200px)/2 + 24px);
              margin: 0;
              top: 50px;
              width: 1152px
       }

       .devsite-has-apix .devsite-apix {
              display: block
       }
}

@media screen and (max-width:1200px) {
       .devsite-apix {
              display: block
       }

       .devsite-apix:not(.dialog) {
              margin-top: 32px;
              max-height: none !important;
              position: relative;
              -webkit-transform: none !important;
              transform: none !important;
              top: auto !important;
              height: auto !important
       }

       .devsite-apix.dialog {
              bottom: 20px;
              left: 24px;
              margin: 0;
              top: 50px;
              width: calc(100% - 48px)
       }

       .devsite-hide-apix {
              display: none
       }
}

.devsite-page-insights-dialog {
       width: 100%;
       height: 100%
}

.dashboard-container {
       height: 100%
}

.dashboard-analytics {
       width: 100%;
       height: 100%
}

devsite-badger {
       display: none
}

.static-badge-awarded-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.static-badge-awarded-container .devsite-badger-award-inner {
       padding: 10px
}

.static-badge-awarded-container .dismiss {
       display: none
}

.devsite-badger-award {
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       left: 0;
       pointer-events: none;
       position: fixed;
       right: 0;
       z-index: 99999
}

.devsite-badger-award .devsite-badger-award-inner {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       max-width: 670px;
       width: 670px;
       margin-bottom: 16px;
       pointer-events: all;
       position: absolute;
       -webkit-transform: translateY(150%);
       transform: translateY(150%);
       -webkit-transition: bottom .2s, margin-right .2s, -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: bottom .2s, margin-right .2s, -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: bottom .2s, margin-right .2s, transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: bottom .2s, margin-right .2s, transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1)
}

@media screen and (max-width:600px) {
       .devsite-badger-award .devsite-badger-award-inner {
              width: calc(100% - 20px);
              margin-bottom: 10px
       }
}

.devsite-badger-award .devsite-badger-award-inner[show] {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       -webkit-transition: bottom .2s, margin-right .2s, -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: bottom .2s, margin-right .2s, -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: bottom .2s, margin-right .2s, transform .2s cubic-bezier(0, 0, .2, 1);
       transition: bottom .2s, margin-right .2s, transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

.devsite-badger-award .devsite-badger-award-inner[show] .devsite-badger-award-actions,
.devsite-badger-award .devsite-badger-award-inner[show] .devsite-badger-award-details {
       opacity: 1
}

.devsite-badger-award .devsite-badger-award-inner:first-child {
       bottom: 10px;
       z-index: 15
}

.devsite-badger-award .devsite-badger-award-inner:nth-child(2) {
       bottom: 5px;
       margin-right: -10px;
       z-index: 14;
       -webkit-filter: grayscale(100%) brightness(110%);
       filter: grayscale(100%) brightness(110%)
}

.devsite-badger-award .devsite-badger-award-inner:nth-child(3) {
       bottom: 0;
       margin-right: -20px;
       z-index: 13;
       -webkit-filter: grayscale(100%) brightness(110%);
       filter: grayscale(100%) brightness(110%)
}

.devsite-badger-award .devsite-badger-award-inner:nth-child(4) {
       bottom: -5px;
       margin-right: -30px;
       z-index: 12;
       -webkit-filter: grayscale(100%) brightness(110%);
       filter: grayscale(100%) brightness(110%)
}

.devsite-badger-award .devsite-badger-award-inner:nth-child(n+5) {
       bottom: -5px;
       margin-right: -30px;
       display: none
}

@media screen and (max-width:600px) {
       .devsite-badger-award .devsite-badger-award-inner:first-child {
              bottom: 0;
              z-index: 15
       }

       .devsite-badger-award .devsite-badger-award-inner:nth-child(2) {
              bottom: 0;
              margin-right: 0
       }

       .devsite-badger-award .devsite-badger-award-inner:nth-child(n+3) {
              display: none
       }
}

.devsite-badger-award .devsite-badger-award-actions {
       -webkit-box-align: end;
       -webkit-align-items: flex-end;
       -moz-box-align: end;
       -ms-flex-align: end;
       align-items: flex-end;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       opacity: 0;
       -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       border-top: 1px solid #d8d8d8;
       padding: 8px
}

@-webkit-keyframes badgeGrowIn {
       0% {
              -webkit-transform: scale(0);
              transform: scale(0)
       }

       to {
              -webkit-transform: scale(1.3);
              transform: scale(1.3)
       }
}

@-webkit-keyframes badgeGrowOut {
       0% {
              -webkit-transform: scale(1.3);
              transform: scale(1.3)
       }

       to {
              -webkit-transform: scale(1);
              transform: scale(1)
       }
}

@-webkit-keyframes badgeFadeIn {
       0% {
              opacity: 0
       }

       12% {
              opacity: 0
       }

       87% {
              opacity: 100%
       }
}

@-webkit-keyframes counterHide {
       0% {
              opacity: 0
       }

       to {
              opacity: 0
       }
}

.devsite-claim-badge-dialog.devsite-claim-badge-dialog,
devsite-badge-awarded.devsite-claim-badge-dialog {
       padding: 0
}

.devsite-claim-badge-dialog .card,
devsite-badge-awarded .card {
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
       border-radius: 5px;
       background: var(--devsite-background-1);
       display: block;
       max-width: 856px;
       border-top: 5px solid #1a73e8;
       position: relative;
       overflow: hidden;
       margin: 0 auto
}

.devsite-claim-badge-dialog .card .card-content,
devsite-badge-awarded .card .card-content {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-height: calc(100vh - 32px);
       overflow: visible
}

.devsite-claim-badge-dialog .card .illustration-container,
.devsite-claim-badge-dialog .card .text-container,
devsite-badge-awarded .card .illustration-container,
devsite-badge-awarded .card .text-container {
       width: 50%
}

@media screen and (max-width:600px) {

       .devsite-claim-badge-dialog .card .illustration-container,
       .devsite-claim-badge-dialog .card .text-container,
       devsite-badge-awarded .card .illustration-container,
       devsite-badge-awarded .card .text-container {
              width: 100%
       }
}

.devsite-claim-badge-dialog .card .profile-creation-container,
devsite-badge-awarded .card .profile-creation-container {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       overflow: auto;
       max-height: 50vh;
       border-top: 1px solid #e8eaed;
       padding: 16px 24px
}

.devsite-claim-badge-dialog .card .profile-creation-container p,
devsite-badge-awarded .card .profile-creation-container p {
       margin: 8px 0;
       color: #3c4043;
       font-size: 14px;
       line-height: 22px
}

.devsite-claim-badge-dialog .card .profile-creation-container-email-options,
devsite-badge-awarded .card .profile-creation-container-email-options {
       margin-top: 8px
}

.devsite-claim-badge-dialog .card .profile-creation-container-email-options .profile-creation-container-email-option,
devsite-badge-awarded .card .profile-creation-container-email-options .profile-creation-container-email-option {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

.devsite-claim-badge-dialog .card .profile-creation-container-email-options .profile-creation-container-email-option input,
devsite-badge-awarded .card .profile-creation-container-email-options .profile-creation-container-email-option input {
       margin-top: 0
}

.devsite-claim-badge-dialog .card .profile-creation-container-email-options .profile-creation-container-email-option label,
devsite-badge-awarded .card .profile-creation-container-email-options .profile-creation-container-email-option label {
       font-size: 14px
}

.devsite-claim-badge-dialog .card .spinner-container,
devsite-badge-awarded .card .spinner-container {
       position: absolute;
       width: 100%;
       height: 100%;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       background: hsla(0, 0%, 100%, .8);
       z-index: 100;
       pointer-events: none;
       opacity: 0;
       -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       transition: opacity .3s cubic-bezier(.4, 0, .2, 1)
}

.devsite-claim-badge-dialog .card .content-container,
devsite-badge-awarded .card .content-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

@media screen and (max-width:600px) {

       .devsite-claim-badge-dialog .card .content-container,
       devsite-badge-awarded .card .content-container {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }
}

.devsite-claim-badge-dialog .card .text-container,
devsite-badge-awarded .card .text-container {
       padding: 36px 24px;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

@media screen and (max-width:600px) {

       .devsite-claim-badge-dialog .card .text-container,
       devsite-badge-awarded .card .text-container {
              padding: 24px
       }
}

.devsite-claim-badge-dialog .illustration-container,
devsite-badge-awarded .illustration-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-height: 164px;
       min-width: 303px;
       height: 164px;
       width: 303px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       position: relative;
       background-image: url(../images/badge-award-background.svg);
       background-size: 100% calc(100% + 2px);
       background-position: 1px -1px;
       background-repeat: no-repeat
}

.devsite-claim-badge-dialog .illustration-container.show .badge-icon,
devsite-badge-awarded .illustration-container.show .badge-icon {
       opacity: 1;
       -webkit-transform: scale(1);
       transform: scale(1)
}

.devsite-claim-badge-dialog .illustration-container.animate .badge-icon,
devsite-badge-awarded .illustration-container.animate .badge-icon {
       -webkit-animation: badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97), badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) .33s, badgeFadeIn .5s linear;
       animation: badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97), badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) .33s, badgeFadeIn .5s linear
}

.devsite-claim-badge-dialog .illustration-container .badge-icon,
devsite-badge-awarded .illustration-container .badge-icon {
       width: 124px;
       height: 124px;
       z-index: 1000;
       opacity: 0;
       -webkit-transform: scale(0);
       transform: scale(0);
       -webkit-animation-fill-mode: forwards;
       animation-fill-mode: forwards
}

.devsite-claim-badge-dialog .illustration-container .badge-icon.incomplete,
devsite-badge-awarded .illustration-container .badge-icon.incomplete {
       -webkit-filter: grayscale(100%);
       filter: grayscale(100%)
}

.devsite-claim-badge-dialog .illustration-container .badge-animation,
devsite-badge-awarded .illustration-container .badge-animation {
       position: absolute;
       width: 195px;
       height: 170px;
       background-image: url(../images/badge-award-animation.gif);
       background-size: 100% 100%
}

.devsite-claim-badge-dialog .completed-title,
devsite-badge-awarded .completed-title {
       font-size: 20px;
       margin-bottom: 8px;
       line-height: 28px;
       color: #000;
       font-family: var(--devsite-headline-font-family)
}

.devsite-claim-badge-dialog .claim-badge-text,
.devsite-claim-badge-dialog .completed-text,
.devsite-claim-badge-dialog .create-profile-text,
.devsite-claim-badge-dialog .error-text,
.devsite-claim-badge-dialog .not-eligible-text,
.devsite-claim-badge-dialog .sign-in-text,
devsite-badge-awarded .claim-badge-text,
devsite-badge-awarded .completed-text,
devsite-badge-awarded .create-profile-text,
devsite-badge-awarded .error-text,
devsite-badge-awarded .not-eligible-text,
devsite-badge-awarded .sign-in-text {
       font-size: 14px
}

.devsite-claim-badge-dialog .buttons-container,
devsite-badge-awarded .buttons-container {
       border-top: 1px solid #e8eaed;
       padding: 0 8px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.devsite-claim-badge-dialog .buttons-container .buttons,
devsite-badge-awarded .buttons-container .buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

.devsite-claim-badge-dialog .buttons-container .dismiss,
devsite-badge-awarded .buttons-container .dismiss {
       position: relative;
       overflow: visible
}

@media screen and (max-width:600px) {

       .devsite-claim-badge-dialog .buttons-container,
       devsite-badge-awarded .buttons-container {
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
              -webkit-flex-direction: column-reverse;
              -moz-box-orient: vertical;
              -moz-box-direction: reverse;
              -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
              padding-top: 0;
              text-align: center;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center
       }

       .devsite-claim-badge-dialog .buttons-container .button,
       devsite-badge-awarded .buttons-container .button {
              margin: 10px auto 0
       }

       .devsite-claim-badge-dialog .buttons-container .buttons,
       devsite-badge-awarded .buttons-container .buttons {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-direction: row;
              -moz-box-orient: horizontal;
              -moz-box-direction: normal;
              -ms-flex-direction: row;
              flex-direction: row;
              margin-top: 5px
       }
}

.devsite-claim-badge-dialog[loading] .card .spinner-container,
devsite-badge-awarded[loading] .card .spinner-container {
       opacity: 1;
       pointer-events: all
}

.devsite-claim-badge-dialog .qr-code-container,
devsite-badge-awarded .qr-code-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 225px;
       background-image: url(../images/claim-badge-dialog-background.png);
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-position: 50%;
       background-size: 700px
}

.devsite-claim-badge-dialog .qr-code-container canvas,
devsite-badge-awarded .qr-code-container canvas {
       display: none
}

.devsite-claim-badge-dialog .qr-code-container img,
devsite-badge-awarded .qr-code-container img {
       height: 150px;
       width: 150px;
       padding: 10px;
       background: var(--devsite-background-1)
}

.devsite-claim-badge-dialog .redeem-code-section,
devsite-badge-awarded .redeem-code-section {
       padding: 18px 24px 0;
       margin-bottom: -15px
}

.devsite-claim-badge-dialog .redeem-code-title,
devsite-badge-awarded .redeem-code-title {
       text-transform: uppercase;
       font-size: 10.5px;
       font-weight: 600;
       color: #80868b;
       margin-bottom: 3px
}

.devsite-claim-badge-dialog .redeem-code,
devsite-badge-awarded .redeem-code {
       display: inline-block;
       font-size: 18px;
       font-weight: 500;
       letter-spacing: 12px;
       color: #000;
       padding: 8px 2px 8px 12px;
       border: 2px solid #1a73e8;
       border-radius: 4px;
       background-color: rgba(227, 242, 253, .6)
}

.devsite-claim-badge-dialog .illustration-container.animate .badge-icon-counter,
devsite-badge-awarded .illustration-container.animate .badge-icon-counter {
       -webkit-animation: counterHide 1s, badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97) 1s, badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) 1.33s, badgeFadeIn .5s linear 1s;
       animation: counterHide 1s, badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97) 1s, badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) 1.33s, badgeFadeIn .5s linear 1s;
       opacity: 1;
       -webkit-transform: scale(1);
       transform: scale(1)
}

.devsite-claim-badge-dialog .illustration-container .badge-icon-counter,
devsite-badge-awarded .illustration-container .badge-icon-counter {
       padding: 3px 10px;
       font-size: 14px;
       border-radius: 19px;
       color: #fff;
       font-weight: 500;
       background-color: #1976d2;
       position: absolute;
       bottom: 17px;
       z-index: 10001;
       opacity: 0;
       -webkit-transform: scale(0);
       transform: scale(0);
       box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .1490196078), 0 1px 3px 0 rgba(60, 64, 67, .3019607843)
}

.devsite-claim-badge-dialog .badge-name,
devsite-badge-awarded .badge-name {
       font-weight: 500
}

.devsite-claim-badge-dialog .buttons-container .more-badges-marker,
devsite-badge-awarded .buttons-container .more-badges-marker {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       position: absolute;
       top: -12px;
       right: -12px;
       background: #e53935;
       min-width: 24px;
       min-height: 24px;
       border-radius: 50px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       text-align: center;
       color: #fff;
       font-weight: 700;
       max-height: 24px;
       max-width: 24px;
       line-height: 24px;
       font-size: 12px
}

@media screen and (max-width:600px) {

       .devsite-claim-badge-dialog .buttons-container .sharing,
       devsite-badge-awarded .buttons-container .sharing {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-direction: row;
              -moz-box-orient: horizontal;
              -moz-box-direction: normal;
              -ms-flex-direction: row;
              flex-direction: row;
              padding: 2px 0 20px
       }
}

.devsite-claim-badge-dialog .buttons-container .actions .button,
.devsite-claim-badge-dialog .buttons-container .actions button,
devsite-badge-awarded .buttons-container .actions .button,
devsite-badge-awarded .buttons-container .actions button {
       margin: 8px
}

.devsite-claim-badge-dialog .buttons-container .sharing,
devsite-badge-awarded .buttons-container .sharing {
       font-size: 14px;
       color: #3c4043;
       padding-left: 16px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

.devsite-claim-badge-dialog .buttons-container .sharing .share-buttons-container,
devsite-badge-awarded .buttons-container .sharing .share-buttons-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

.devsite-claim-badge-dialog .buttons-container .sharing span,
devsite-badge-awarded .buttons-container .sharing span {
       margin: 0 8px
}

.devsite-claim-badge-dialog .buttons-container .sharing .button,
.devsite-claim-badge-dialog .buttons-container .sharing button,
devsite-badge-awarded .buttons-container .sharing .button,
devsite-badge-awarded .buttons-container .sharing button {
       box-shadow: none;
       margin: 0 8px;
       padding: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       border: 0;
       height: auto;
       min-width: 0;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0
}

.devsite-claim-badge-dialog .buttons-container .sharing .button:focus,
.devsite-claim-badge-dialog .buttons-container .sharing .button:hover,
.devsite-claim-badge-dialog .buttons-container .sharing button:focus,
.devsite-claim-badge-dialog .buttons-container .sharing button:hover,
devsite-badge-awarded .buttons-container .sharing .button:focus,
devsite-badge-awarded .buttons-container .sharing .button:hover,
devsite-badge-awarded .buttons-container .sharing button:focus,
devsite-badge-awarded .buttons-container .sharing button:hover {
       background: none
}

.devsite-claim-badge-dialog .buttons-container .sharing .button:active,
.devsite-claim-badge-dialog .buttons-container .sharing button:active,
devsite-badge-awarded .buttons-container .sharing .button:active,
devsite-badge-awarded .buttons-container .sharing button:active {
       box-shadow: none
}

.devsite-claim-badge-dialog .buttons-container .sharing a:active,
.devsite-claim-badge-dialog .buttons-container .sharing a:focus,
.devsite-claim-badge-dialog .buttons-container .sharing a:hover,
devsite-badge-awarded .buttons-container .sharing a:active,
devsite-badge-awarded .buttons-container .sharing a:focus,
devsite-badge-awarded .buttons-container .sharing a:hover {
       text-decoration: none
}

.devsite-claim-badge-dialog .buttons-container .sharing .material-icons,
devsite-badge-awarded .buttons-container .sharing .material-icons {
       color: #5f6368;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0 8px
}

devsite-badge-redeemer {
       display: block;
       opacity: 1;
       -webkit-transition: opacity .7s ease-in;
       transition: opacity .7s ease-in
}

devsite-badge-redeemer .redeem-code-page-subtitle {
       margin-bottom: 50px;
       margin-top: -28px;
       font-size: 18px;
       color: #202124;
       font-family: var(--devsite-headline-font-family)
}

devsite-badge-redeemer devsite-badge-awarded {
       display: block
}

devsite-badge-redeemer.redeem-success {
       opacity: 0
}

devsite-badge-redeemer .waiting-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

devsite-badge-redeemer .waiting-container devsite-spinner {
       margin-top: 15px;
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

devsite-badge-redeemer .change-account-button,
devsite-badge-redeemer .create-profile-button,
devsite-badge-redeemer .sign-in-button {
       margin-top: 10px
}

devsite-badge-redeemer .enter-button {
       margin-top: 15px
}

devsite-badge-redeemer .redeem-code-title {
       text-transform: uppercase;
       font-size: 10.5px;
       font-weight: 600;
       color: #80868b;
       letter-spacing: 1px
}

devsite-badge-redeemer .redeem-code-error-icon,
devsite-badge-redeemer .redeem-code-error-message,
devsite-badge-redeemer .redeem-code-success-icon {
       display: none
}

devsite-badge-redeemer.redeem-success .redeem-code-input {
       border-color: #1e8e3e !important;
       color: default !important
}

devsite-badge-redeemer.redeem-success .redeem-code-success-icon {
       display: inline;
       font-size: 25px;
       color: #1e8e3e;
       margin-left: 10px;
       line-height: 44px
}

devsite-badge-redeemer.redeem-error .redeem-code-input {
       border-color: #d93025
}

devsite-badge-redeemer.redeem-error .redeem-code-error-message {
       display: block;
       font-size: 12px;
       color: #80868b;
       font-style: italic;
       font-weight: 600
}

devsite-badge-redeemer.redeem-error .redeem-code-error-icon {
       display: inline;
       font-size: 25px;
       color: #d93025;
       margin-left: 10px;
       line-height: 44px
}

devsite-badge-redeemer .redeem-code-spinner {
       display: inline-block;
       margin-left: 10px;
       top: 6px
}

devsite-badge-redeemer .redeem-code-input {
       display: inline-block;
       font-size: 18px;
       font-weight: 500;
       letter-spacing: 12px;
       color: #000;
       padding: 8px 2px 8px 12px;
       border: 2px solid #1a73e8;
       border-radius: 4px;
       background-color: rgba(227, 242, 253, .6);
       width: 450px;
       height: 45px
}

devsite-badge-redeemer .redeem-code-input:disabled {
       border-color: #80868b;
       color: #80868b
}

devsite-carousel>:where(ul, ol, [role=list]) {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: var(--devsite-carousel-item-gap);
       list-style: none;
       padding: 0
}

devsite-carousel:not(:defined) :where(ul, ol, [role=list]) {
       display: none
}

devsite-carousel>:where(ul, ol, [role=list])>:where(li, [role=listitem]) {
       -webkit-box-align: start;
       -webkit-align-items: start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: start;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: var(--devsite-carousel-item-flex);
       -webkit-flex: var(--devsite-carousel-item-flex);
       -moz-box-flex: var(--devsite-carousel-item-flex);
       -ms-flex: var(--devsite-carousel-item-flex);
       flex: var(--devsite-carousel-item-flex);
       margin: 0;
       scroll-snap-align: start
}

devsite-carousel[data-items-per-slide=auto]>:is(ul, ol, [role=list])>:is(li, [role=listitem]):last-child:empty {
       border: 0;
       padding: 0;
       padding-block: 0;
       padding-inline: 0;
       visibility: hidden;
       width: var(--devsite-carousel-ghost-item-width)
}

devsite-catalog {
       display: block;
       margin: 20px 0;
       width: 100%
}

devsite-catalog>* {
       display: none
}

devsite-catalog>.catalog-container {
       -webkit-box-align: start;
       -webkit-align-items: start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: start;
       display: grid;
       gap: 30px;
       grid: var(--devsite-catalog-grid)
}

devsite-catalog .catalog-sidebar {
       grid-area: sidebar
}

devsite-catalog .catalog-main {
       grid-area: main
}

devsite-catalog .catalog-checkbox-controls-container,
devsite-catalog .catalog-checkbox-controls-group,
devsite-catalog .catalog-main-filter-controls {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-catalog .catalog-checkbox-controls-container,
devsite-catalog .catalog-checkbox-controls-group {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

devsite-catalog .catalog-checkbox-controls-group,
devsite-catalog .catalog-checkbox-controls-subtitle,
devsite-catalog .catalog-checkbox-controls-title,
devsite-catalog .catalog-checkbox-label,
devsite-catalog .catalog-filter-bar {
       text-align: var(--devsite-catalog-text-align, start);
       width: 100%
}

devsite-catalog .catalog-checkbox-controls-container {
       border: var(--devsite-primary-border);
       border-radius: var(--devsite-card-border-radius);
       color: var(--devsite-secondary-text-color)
}

devsite-catalog .catalog-filter-chips {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: var(--devsite-chips-gap)
}

devsite-catalog .catalog-checkbox-controls-filter-chips-container {
       display: none
}

devsite-catalog .catalog-main-filter-chips>:only-child {
       margin-bottom: 24px
}

devsite-catalog .catalog-main-filter-chips>div {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: 16px 8px
}

devsite-catalog .catalog-main-filter-chips>div:empty {
       display: none
}

devsite-catalog .catalog-filter-chip {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 16px;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       height: 32px
}

devsite-catalog .catalog-filter-chip:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       content: var(--devsite-button-icon-content);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-size: 18px;
       height: 18px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-margin-end: var(--devsite-button-icon-margin-x-end);
       -moz-margin-end: var(--devsite-button-icon-margin-x-end);
       margin-inline-end: var(--devsite-button-icon-margin-x-end);
       -webkit-margin-start: var(--devsite-button-icon-margin-x-start);
       -moz-margin-start: var(--devsite-button-icon-margin-x-start);
       margin-inline-start: var(--devsite-button-icon-margin-x-start);
       width: 18px
}

devsite-catalog .catalog-checkbox-controls-group {
       -webkit-box-align: start;
       -webkit-align-items: flex-start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       padding: 0 20px 20px
}

devsite-catalog .catalog-container .catalog-clear-group-checkboxes-button,
devsite-catalog .catalog-container .catalog-select-group-checkboxes-button {
       -webkit-margin-start: -8px;
       -moz-margin-start: -8px;
       margin-inline-start: -8px
}

devsite-catalog .catalog-checkbox-controls-group>devsite-pagination {
       margin: 0
}

devsite-catalog .catalog-checkbox-controls-group>devsite-pagination .button {
       border: 0;
       -webkit-margin-start: -10px;
       -moz-margin-start: -10px;
       margin-inline-start: -10px
}

devsite-catalog .catalog-checkbox-controls-buttons-container {
       display: none
}

devsite-catalog .catalog-checkbox-controls-title {
       border-bottom: var(--devsite-primary-border);
       color: var(--devsite-catalog-title-color);
       font: var(--devsite-catalog-title-font, 500 13px/20px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-catalog-title-letter-spacing, 1.5px);
       margin: var(--devsite-catalog-title-margin, 0 0 20px);
       padding: var(--devsite-catalog-title-padding, 15px 20px 11px);
       text-transform: var(--devsite-catalog-title-text-transform, uppercase)
}

devsite-catalog .catalog-checkbox-controls-subtitle {
       color: var(--devsite-primary-text-color);
       font: var(--devsite-catalog-subtitle-font, 16px/24px var(--devsite-headline-font-family));
       padding: var(--devsite-catalog-subtitle-padding)
}

devsite-catalog .catalog-checkbox-container {
       margin: 6px 0
}

devsite-catalog .catalog-checkbox-label {
       color: var(--devsite-catalog-label-color, --devsite-secondary-text-color);
       font: var(--devsite-catalog-label-font, 500 14px/20px var(--devsite-primary-font-family))
}

devsite-catalog .catalog-main-filter-controls {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: 24px;
       -webkit-box-pack: start;
       -webkit-justify-content: flex-start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start
}

devsite-catalog .catalog-filter-bar-container {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       position: relative;
       width: 100%
}

devsite-catalog .catalog-filter-bar-container:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: var(--devsite-catalog-filter-bar-container-color);
       content: var(--devsite-catalog-filter-bar-container-content);
       position: var(--devsite-catalog-filter-bar-container-position);
       top: var(--devsite-catalog-filter-bar-container-top)
}

[dir=ltr] devsite-catalog .catalog-filter-bar-container:before {
       left: var(--devsite-catalog-filter-bar-container-x-start)
}

[dir=rtl] devsite-catalog .catalog-filter-bar-container:before {
       right: var(--devsite-catalog-filter-bar-container-x-start)
}

devsite-catalog .catalog-filter-bar {
       margin: 0 0 24px;
       max-width: var(--devsite-catalog-filter-bar-max-width, 725px);
       min-width: 150px
}

devsite-catalog .catalog-show-sidebar-button {
       display: var(--devsite-catalog-sidebar-button-display);
       margin: var(--devsite-catalog-sidebar-button-margin, 0)
}

devsite-catalog .catalog-filter-bar-container+.catalog-show-sidebar-button {
       margin: 4px 0 auto
}

devsite-catalog devsite-pagination {
       margin-top: 20px
}

devsite-catalog devsite-dynamic-content .devsite-dynamic-content-no-results {
       border: 0;
       padding: 0;
       width: auto
}

devsite-catalog devsite-dynamic-content .devsite-dynamic-content-no-results-image {
       width: 425px
}

@media screen and (max-width:1253px) {
       devsite-catalog .catalog-sidebar {
              border-radius: var(--devsite-catalog-sidebar-border-radius);
              box-shadow: var(--devsite-card-box-shadow);
              height: calc(100vh - var(--devsite-js-header-height, 0) - 4px);
              margin-block: calc(var(--devsite-js-header-height, 0) + 4px) 0;
              -webkit-margin-end: 0;
              -moz-margin-end: 0;
              margin-inline-end: 0;
              position: fixed;
              top: 0;
              -webkit-transition: width .2s;
              transition: width .2s;
              visibility: hidden;
              width: 0;
              z-index: 1007
       }

       [dir=ltr] devsite-catalog .catalog-sidebar {
              right: 0
       }

       [dir=rtl] devsite-catalog .catalog-sidebar {
              left: 0
       }

       devsite-catalog .catalog-sidebar[expanded] {
              max-width: 90%;
              visibility: visible;
              width: 340px
       }

       devsite-catalog .catalog-sidebar:before {
              background-color: rgba(0, 0, 0, .4);
              bottom: 0;
              content: "";
              left: 0;
              margin: -200px;
              opacity: 0;
              pointer-events: none;
              position: fixed;
              right: 0;
              -webkit-tap-highlight-color: transparent;
              top: 0;
              -webkit-transition: opacity .2s cubic-bezier(.4, 0, .2, 1), visibility .2s linear;
              transition: opacity .2s cubic-bezier(.4, 0, .2, 1), visibility .2s linear;
              visibility: hidden;
              z-index: -1
       }

       devsite-catalog .catalog-sidebar[expanded]:before {
              content: "";
              cursor: pointer;
              opacity: 1;
              pointer-events: auto;
              -webkit-transition: opacity .2s ease;
              transition: opacity .2s ease;
              visibility: visible
       }

       devsite-catalog .catalog-checkbox-controls-title {
              margin-bottom: 10px
       }

       devsite-catalog .catalog-checkbox-controls-buttons-container {
              border-top: var(--devsite-primary-border);
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: end;
              -webkit-justify-content: flex-end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end;
              margin-top: auto;
              padding: 16px 20px
       }

       devsite-catalog .catalog-checkbox-controls-container {
              background: var(--devsite-card-background, var(--devsite-background-1));
              height: 100%;
              overflow-y: scroll
       }

       devsite-catalog .catalog-checkbox-controls-filter-chips-container {
              display: block;
              margin-block: 0 2px;
              margin-inline: 16px 12px
       }

       devsite-catalog .catalog-main {
              width: 100%
       }
}

cloudx-catalog-innovators .loading,
devsite-catalog-body-badges .loading {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 36px 0
}

cloudx-catalog-innovators p,
devsite-catalog-body-badges p {
       margin: 0
}

cloudx-catalog-innovators .no-results,
devsite-catalog-body-badges .no-results {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 64px 0;
       gap: 8px;
       opacity: .5
}

cloudx-catalog-innovators .profile-cards-grid,
devsite-catalog-body-badges .profile-cards-grid {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
       grid-gap: 22px
}

cloudx-catalog-innovators .profile-cards-controls,
devsite-catalog-body-badges .profile-cards-controls {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       gap: 8px;
       margin-top: 20px
}

@media screen and (max-width:1253px) {

       cloudx-catalog-innovators .profile-cards-grid,
       devsite-catalog-body-badges .profile-cards-grid {
              grid-template-columns: 1fr 1fr
       }
}

@media screen and (max-width:600px) {

       cloudx-catalog-innovators .profile-cards-grid,
       devsite-catalog-body-badges .profile-cards-grid {
              grid-template-columns: 1fr
       }
}

cloudx-catalog-innovators .transparent,
devsite-catalog-body-badges .transparent {
       opacity: 0;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
}

cloudx-catalog-innovators .profile-card,
devsite-catalog-body-badges .profile-card {
       border-radius: 8px;
       border: var(--devsite-primary-border);
       padding: 32px 16px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       text-align: center
}

cloudx-catalog-innovators .profile-card-image,
cloudx-catalog-innovators .profile-card-image-placeholder,
devsite-catalog-body-badges .profile-card-image,
devsite-catalog-body-badges .profile-card-image-placeholder {
       width: 118px;
       height: 118px;
       min-width: 118px;
       min-height: 118px;
       border-radius: 118px
}

cloudx-catalog-innovators .profile-card-image-placeholder,
devsite-catalog-body-badges .profile-card-image-placeholder {
       background: var(--devsite-background-5)
}

cloudx-catalog-innovators .profile-card-name,
devsite-catalog-body-badges .profile-card-name {
       font-family: var(--devsite-headline-font-family);
       font-size: 24px;
       line-height: 32px;
       color: var(--devsite-secondary-color);
       margin-top: 20px
}

cloudx-catalog-innovators .profile-card-details,
cloudx-catalog-innovators .profile-card-location,
devsite-catalog-body-badges .profile-card-details,
devsite-catalog-body-badges .profile-card-location {
       font-family: var(--devsite-primary-font-family);
       font-size: 16px;
       line-height: 24px
}

cloudx-catalog-innovators .profile-card-location,
devsite-catalog-body-badges .profile-card-location {
       color: #3c4043;
       margin-top: 8px
}

cloudx-catalog-innovators .profile-card-details,
devsite-catalog-body-badges .profile-card-details {
       color: var(--devsite-secondary-color);
       margin-top: 8px;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

cloudx-catalog-innovators .profile-card-button,
devsite-catalog-body-badges .profile-card-button {
       margin-top: 20px
}

devsite-checkbox:not([ready]) {
       background: 0;
       visibility: hidden
}

devsite-checkbox[ready] {
       visibility: visible
}

devsite-code {
       border: var(--devsite-code-border, 0);
       border-radius: var(--devsite-code-border-radius, 0);
       clear: both;
       direction: ltr !important;
       display: block;
       margin: var(--devsite-code-margin, 16px 0);
       overflow: hidden;
       position: relative
}

devsite-code .devsite-code-buttons-container {
       position: absolute;
       right: var(--devsite-code-buttons-container-right, 0);
       top: 0;
       z-index: 1
}

devsite-code .devsite-code-buttons-container button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: 0;
       border: 0;
       border-radius: 0;
       box-shadow: none;
       color: #202124;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font-size: 18px;
       height: var(--devsite-code-button-size, 24px);
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0;
       min-width: auto;
       padding: 0;
       -webkit-transition: color .2s;
       transition: color .2s;
       width: var(--devsite-code-button-size, 24px)
}

devsite-code .devsite-code-buttons-container button:focus,
devsite-code .devsite-code-buttons-container button:hover {
       color: #5f6368
}

devsite-code .devsite-code-buttons-container button.material-icons,
devsite-code .devsite-code-buttons-container button.material-icons:hover {
       cursor: pointer
}

devsite-code .devsite-code-buttons-container button {
       color: var(--devsite-code-buttons-color)
}

devsite-code .devsite-code-buttons-container button:focus,
devsite-code .devsite-code-buttons-container button:hover {
       color: var(--devsite-code-buttons-hover)
}

devsite-code .devsite-code-buttons-container .devsite-toggle-dark {
       display: var(--devsite-code-buttons-toggle-dark-display)
}

devsite-code .devsite-code-buttons-container .devsite-toggle-light {
       display: var(--devsite-code-buttons-toggle-light-display)
}

devsite-code pre {
       margin: 0;
       padding-block: var(--devsite-code-padding-block, 24px);
       padding-inline: var(--devsite-code-padding-inline, 24px)
}

devsite-code pre::-webkit-scrollbar-thumb {
       background: var(--devsite-scrollbar-thumb-background)
}

devsite-code pre .com,
devsite-code pre .devsite-syntax-c,
devsite-code pre .devsite-syntax-c1,
devsite-code pre .devsite-syntax-ch,
devsite-code pre .devsite-syntax-cm,
devsite-code pre .devsite-syntax-cp,
devsite-code pre .devsite-syntax-cpf,
devsite-code pre .devsite-syntax-cs {
       color: var(--devsite-code-comments-color)
}

devsite-code pre .dec,
devsite-code pre .devsite-syntax-il,
devsite-code pre .devsite-syntax-m,
devsite-code pre .devsite-syntax-mb,
devsite-code pre .devsite-syntax-mf,
devsite-code pre .devsite-syntax-mh,
devsite-code pre .devsite-syntax-mi,
devsite-code pre .devsite-syntax-mo,
devsite-code pre .lit {
       color: var(--devsite-code-numbers-color)
}

devsite-code pre .devsite-syntax-k,
devsite-code pre .devsite-syntax-kc,
devsite-code pre .devsite-syntax-kd,
devsite-code pre .devsite-syntax-kn,
devsite-code pre .devsite-syntax-kp,
devsite-code pre .devsite-syntax-kr,
devsite-code pre .devsite-syntax-kt,
devsite-code pre .devsite-syntax-nt,
devsite-code pre .devsite-syntax-ow,
devsite-code pre .kwd,
devsite-code pre .tag {
       color: var(--devsite-code-keywords-color)
}

devsite-code pre .atv,
devsite-code pre .cpf,
devsite-code pre .devsite-syntax-dl,
devsite-code pre .devsite-syntax-s,
devsite-code pre .devsite-syntax-s1,
devsite-code pre .devsite-syntax-s2,
devsite-code pre .devsite-syntax-sa,
devsite-code pre .devsite-syntax-sb,
devsite-code pre .devsite-syntax-sc,
devsite-code pre .devsite-syntax-sd,
devsite-code pre .devsite-syntax-se,
devsite-code pre .devsite-syntax-sh,
devsite-code pre .devsite-syntax-si,
devsite-code pre .devsite-syntax-sr,
devsite-code pre .devsite-syntax-ss,
devsite-code pre .devsite-syntax-sx,
devsite-code pre .str {
       color: var(--devsite-code-strings-color)
}

devsite-code pre .atn,
devsite-code pre .devsite-syntax-bp,
devsite-code pre .devsite-syntax-fm,
devsite-code pre .devsite-syntax-gh,
devsite-code pre .devsite-syntax-go,
devsite-code pre .devsite-syntax-gp,
devsite-code pre .devsite-syntax-gr,
devsite-code pre .devsite-syntax-gt,
devsite-code pre .devsite-syntax-gu,
devsite-code pre .devsite-syntax-na,
devsite-code pre .devsite-syntax-nb,
devsite-code pre .devsite-syntax-nc,
devsite-code pre .devsite-syntax-nd,
devsite-code pre .devsite-syntax-ne,
devsite-code pre .devsite-syntax-nf,
devsite-code pre .devsite-syntax-ni,
devsite-code pre .devsite-syntax-nl,
devsite-code pre .devsite-syntax-nn,
devsite-code pre .devsite-syntax-no,
devsite-code pre .devsite-syntax-nv,
devsite-code pre .devsite-syntax-vc,
devsite-code pre .devsite-syntax-vg,
devsite-code pre .devsite-syntax-vi,
devsite-code pre .devsite-syntax-vm,
devsite-code pre .typ {
       color: var(--devsite-code-types-color)
}

devsite-code .prettyprint :not(.devsite-github-link)>a:not(.devsite-github-link),
devsite-code a,
devsite-code a :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .typ),
devsite-code a [class^=devsite-syntax-] {
       -moz-osx-font-smoothing: auto;
       -webkit-font-smoothing: auto;
       font-weight: 700
}

devsite-code[dark-code] .prettyprint :not(.devsite-github-link)>a:not(.devsite-github-link),
devsite-code[dark-code] a,
devsite-code[dark-code] a :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .typ),
devsite-code[dark-code] a [class^=pygments\=] {
       color: #669df6
}

devsite-code .prettyprint a:focus,
devsite-code .prettyprint a:hover,
devsite-code a:focus :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .typ),
devsite-code a:focus [class^=devsite-syntax-],
devsite-code a:hover :is(.atn, .atv, .com, .dec, .kwd, .lit, .pln, .pun, .str, .tag, .typ),
devsite-code a:hover [class^=devsite-syntax-] {
       text-decoration: underline
}

devsite-code .devsite-terminal:before {
       color: #bdc1c6;
       content: "$";
       padding-right: 8px
}

devsite-code .devsite-terminal[data-terminal-prefix]:before {
       content: attr(data-terminal-prefix)
}

devsite-code .devsite-github-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

devsite-code a.devsite-github-link:focus,
devsite-code a.devsite-github-link:hover {
       text-decoration: none
}

devsite-code .devsite-github-link:after {
       background: no-repeat var(--devsite-github-link-icon);
       content: "";
       display: block;
       height: 18px;
       margin-left: 8px;
       width: 18px
}

devsite-code[dark-code] .devsite-github-link>a {
       color: #669df6
}

devsite-code[highlight] .prettyprint>span {
       opacity: .54
}

devsite-code devsite-selector pre {
       margin: 0
}

body[layout=full] devsite-code {
       overflow: visible
}

body[layout=full] devsite-code:after {
       background: var(--devsite-code-background);
       content: "";
       display: block;
       height: 100%;
       left: calc(50% - 50vw);
       position: absolute;
       top: 0;
       width: 100vw;
       z-index: -1
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) devsite-code pre {
       background: var(--devsite-code-background)
}

devsite-codelab-catalog .controls {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

devsite-codelab-catalog .catalog-selector,
devsite-codelab-catalog .category-selector,
devsite-codelab-catalog .sort-controls {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

devsite-codelab-catalog .controls {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

devsite-codelab-catalog .catalog-selector,
devsite-codelab-catalog .category-selector {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-codelab-catalog .catalog-selector {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0;
       width: auto
}

devsite-codelab-catalog .category-selector {
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

devsite-codelab-catalog[sortorder=-timestamp] .button[sortorder=-timestamp],
devsite-codelab-catalog[sortorder=displaytitle] .button[sortorder=displaytitle],
devsite-codelab-catalog[sortorder=durationminutes] .button[sortorder=durationminutes] {
       border-bottom: 2px solid;
       border-radius: 4px 4px 0 0
}

@media screen and (max-width:840px) {
       devsite-codelab-catalog .sort-controls {
              -webkit-box-flex: 0;
              -webkit-flex: 0 1 auto;
              -moz-box-flex: 0;
              -ms-flex: 0 1 auto;
              flex: 0 1 auto;
              padding-bottom: 16px;
              width: 100%
       }

       devsite-codelab-catalog .catalog-selector {
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start
       }
}

@media screen and (max-width:600px) {
       devsite-codelab-catalog .catalog-selector {
              padding-bottom: 16px
       }

       devsite-codelab-catalog .category-selector {
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start
       }
}

devsite-content-footer {
       clear: both;
       color: var(--devsite-secondary-text-rgba);
       display: block;
       font: 13px/20px var(--devsite-primary-font-family)
}

devsite-content-footer :link,
devsite-content-footer :visited {
       color: var(--devsite-contrast-link-color)
}

devsite-credentials-dialog {
       border: 1px dashed #f439a0;
       cursor: pointer;
       padding: 2px
}

.devsite-credentials-dialog .devsite-credentials-dialog-credentials,
.devsite-credentials-dialog .devsite-credentials-dialog-oauth-message,
.devsite-credentials-dialog .devsite-credentials-dialog-projects {
       margin-top: 16px
}

.devsite-credentials-dialog devsite-spinner {
       margin: auto
}

.devsite-credentials-dialog .devsite-credentials-dialog-selector {
       width: 100%
}

devsite-cse {
       display: block
}

devsite-cse table {
       border-collapse: inherit;
       margin: 0
}

devsite-cse tr {
       background: var(--devsite-background-1);
       border: 0
}

devsite-cse td {
       padding: 0
}

devsite-cse .gsc-control-cse,
devsite-cse .gsc-control-cse .gsc-table-result {
       background: 0;
       border: 0;
       font: 400 16px/24px var(--devsite-primary-font-family);
       padding: 0
}

devsite-cse .gsc-above-wrapper-area {
       display: none
}

devsite-cse .gsc-results {
       width: 100%
}

devsite-cse .gsc-results .gsc-imageResult,
devsite-cse .gsc-webResult.gsc-result,
devsite-cse .gsc-webResult.gsc-result:hover {
       background: 0
}

devsite-cse .gsc-results .gsc-cursor-box {
       margin: 8px 0
}

devsite-cse .gsc-table-result,
devsite-cse .gsc-thumbnail-inside,
devsite-cse .gsc-url-top {
       padding-left: 0;
       padding-right: 0
}

devsite-cse .gs-error-result .gs-snippet,
devsite-cse .gs-no-results-result .gs-snippet,
devsite-cse .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet {
       color: var(--devsite-primary-text-color)
}

devsite-cse .gs-error-result .gs-snippet,
devsite-cse .gs-no-results-result .gs-snippet {
       background: 0;
       border: 0;
       margin: 0;
       padding: 0
}

devsite-cse .gcsc-find-more-on-google {
       margin: 0
}

devsite-cse .gcsc-find-more-on-google,
devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:link,
devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:link b,
devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:visited,
devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:visited b,
devsite-cse .gsc-control-cse .gs-result .gs-title,
devsite-cse .gsc-control-cse .gs-result .gs-title *,
devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:link,
devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:link b,
devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited,
devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:visited b {
       color: var(--devsite-link-color);
       font: 500 16px/24px var(--devsite-primary-font-family);
       height: auto;
       text-decoration: none
}

devsite-cse .gcsc-find-more-on-google-magnifier {
       fill: var(--devsite-link-color)
}

devsite-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
       background: 0;
       border-color: transparent;
       color: var(--devsite-link-color)
}

devsite-cse .gsc-control-cse .gs-imageResult a.gs-title:focus,
devsite-cse .gsc-control-cse .gs-result .gs-title:focus,
devsite-cse .gsc-control-cse .gs-webResult.gs-result a.gs-title:focus {
       text-decoration: underline
}

devsite-cse .gsc-control-cse .gs-result .gs-title b {
       font-weight: 700
}

devsite-cse .gs-imageResult div.gs-visibleUrl,
devsite-cse .gs-webResult div.gs-visibleUrl {
       color: var(--devsite-search-results-breadcrumb-color);
       font-size: 14px
}

devsite-cse .gcsc-branding {
       display: none
}

devsite-device {
       display: block;
       margin: 16px 0
}

devsite-device>.devsite-device-options {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 12px;
       margin: 0 0 24px
}

devsite-device .devsite-device-input {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0 0 24px
}

devsite-device .devsite-device-input>input {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       margin-inline: 0 16px
}

devsite-device [type=radio],
devsite-device [type=radio]:after,
devsite-device [type=radio]:before {
       display: none
}

devsite-device [type=radio]+label {
       border: var(--devsite-primary-border);
       box-shadow: none;
       font: 500 14px/36px var(--devsite-headline-font-family);
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 16px;
       color: var(--devsite-link-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 32px;
       padding: 0 16px;
       -webkit-transition: background .2s, border .2s, box-shadow .2s, color .2s;
       transition: background .2s, border .2s, box-shadow .2s, color .2s
}

devsite-device [type=radio]+label:focus,
devsite-device [type=radio]+label:hover {
       background: var(--devsite-link-background-active)
}

devsite-device [type=radio]:checked+label {
       background: var(--devsite-link-color);
       border-color: var(--devsite-link-color);
       color: var(--devsite-inverted-text-color)
}

devsite-device>.devsite-device {
       overflow: hidden;
       position: relative
}

devsite-device[device=desktop]>.devsite-device {
       max-width: 100%;
       padding-bottom: 62.5%
}

devsite-device[device=tablet]>.devsite-device {
       max-width: 60%;
       padding-bottom: 80%
}

devsite-device[device=mobile]>.devsite-device {
       max-width: 32.109375%;
       padding-bottom: 57.109375%
}

devsite-device iframe {
       background: var(--devsite-background-1);
       border: solid var(--devsite-device-border-color);
       height: 166.6666666667%;
       position: absolute;
       -webkit-transform: scale(.6);
       transform: scale(.6);
       width: 166.6666666667%
}

[dir=ltr] devsite-device iframe {
       -webkit-transform-origin: 0 0;
       transform-origin: 0 0
}

[dir=rtl] devsite-device iframe {
       -webkit-transform-origin: 100% 0;
       transform-origin: 100% 0
}

devsite-device[device=desktop] iframe {
       border-radius: 16px;
       border-width: 32px 16px
}

devsite-device[device=tablet] iframe {
       border-radius: 24px;
       border-width: 60px 16px
}

devsite-device[device=mobile] iframe {
       border-radius: 36px;
       border-width: 60px 12px
}

devsite-dropdown-list:not([ready]) {
       background: 0;
       visibility: hidden;
       position: relative;
       z-index: 2
}

devsite-dropdown-list[ready] {
       visibility: visible
}

devsite-dynamic-content {
       display: block;
       margin: var(--devsite-dynamic-content-margin, 20px 0);
       width: 100%
}

.devsite-dynamic-content-display-tag-container {
       list-style: none;
       padding: 12px 0
}

.devsite-dynamic-content-display-tag-container:empty {
       display: none
}

devsite-dynamic-content .devsite-card-progress {
       background: var(--devsite-progress-background);
       height: 2px;
       margin: 0 -16px;
       overflow: hidden;
       width: auto
}

devsite-dynamic-content .devsite-card-progress-bar {
       background: var(--devsite-progress-bar-color);
       height: 2px;
       -webkit-transform: translateX(-101%);
       transform: translateX(-101%);
       -webkit-transition: background .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: background .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), background .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), background .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1)
}

devsite-dynamic-content .devsite-card-progress-info {
       font: 13px/20px var(--devsite-primary-font-family);
       margin-top: 2px;
       opacity: 0;
       -webkit-transform: translateY(12px);
       transform: translateY(12px);
       -webkit-transition: opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1);
       transition: transform .213s cubic-bezier(.4, 0, 1, 1), opacity .213s cubic-bezier(.4, 0, 1, 1);
       transition: transform .213s cubic-bezier(.4, 0, 1, 1), opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1)
}

devsite-dynamic-content .devsite-card-progress-info.show {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
       -webkit-transition: opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), opacity .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1)
}

devsite-dynamic-content .devsite-card-progress-info:empty:before {
       content: " "
}

.devsite-dynamic-content-display-tag {
       background: var(--devsite-background-3);
       border-radius: var(--devsite-display-tag-border-radius);
       color: var(--devsite-display-tag-color, var(--devsite-secondary-text-color));
       display: inline-block;
       font: var(--devsite-display-tag-font, 500 14px/20px var(--devsite-primary-font-family));
       margin-block: 0 12px;
       margin-inline: 0 4px;
       padding: var(--devsite-display-tag-padding, 1px 8px)
}

devsite-dynamic-content .devsite-dynamic-content-no-results {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-background-1);
       border: var(--devsite-secondary-border);
       border-radius: var(--devsite-card-border-radius);
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: 32px;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       max-width: 100%;
       padding: 25px 55px;
       width: 100%
}

devsite-dynamic-content .devsite-dynamic-content-no-results-image {
       display: var(--devsite-dynamic-content-no-results-image-display, block);
       max-width: 100%;
       width: 250px
}

devsite-dynamic-content devsite-pagination {
       margin-top: 20px
}

.dgc-dynamic-hero {
       display: none;
       position: absolute;
       top: 0
}

devsite-expandable {
       display: block;
       min-height: 24px
}

devsite-expandable:not([expanded])>:not(.showalways):not(.expand-control):not(.exw-control) {
       display: none
}

devsite-expandable .exw-control>h2.showalways {
       margin: 40px 0 20px;
       padding-bottom: 7px
}

devsite-expandable .exw-control>h3.showalways {
       margin: 34px 0 20px
}

devsite-expandable .exw-control>h4.showalways {
       margin: 36px 0 20px
}

devsite-expandable .expand-control:not(button):not(.button) {
       color: var(--devsite-link-color);
       cursor: pointer
}

devsite-expandable a.exw-control:active,
devsite-expandable a.exw-control:focus,
devsite-expandable a.exw-control:hover {
       color: var(--devsite-link-color);
       cursor: pointer;
       outline: 0;
       text-decoration: none
}

devsite-expandable a.exw-control>.showalways:before {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-secondary-text-color);
       content: "add_circle";
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       height: 20px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-margin-end: 12px;
       -moz-margin-end: 12px;
       margin-inline-end: 12px;
       -webkit-transform: translate3d(0, -1px, 0);
       transform: translate3d(0, -1px, 0);
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       vertical-align: middle;
       width: 20px
}

devsite-expandable.arrow-icon a.exw-control>.showalways:before {
       content: "chevron_right"
}

[dir=rtl] devsite-expandable.arrow-icon a.exw-control>.showalways:before {
       content: "chevron_left"
}

devsite-expandable .exw-control>h2.showalways:before {
       -webkit-transform: translate3d(0, -2px, 0);
       transform: translate3d(0, -2px, 0)
}

devsite-expandable[expanded]>a.exw-control>.showalways:before {
       content: "remove_circle"
}

devsite-expandable.arrow-icon[expanded]>a.exw-control>.showalways:before {
       content: "keyboard_arrow_down"
}

devsite-expandable a.exw-control:focus>.showalways:before,
devsite-expandable a.exw-control:hover>.showalways:before {
       color: var(--devsite-link-color)
}

devsite-content devsite-expandable devsite-expandable {
       margin-left: 40px
}

devsite-extradory {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

devsite-extradory .devsite-extra-dory-iframe {
       width: 100%;
       height: 100%;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-extradory .devsite-extra-dory-iframe iframe {
       width: 100%;
       height: 100%;
       border: 0
}

devsite-extradory h2 {
       font-size: 24px;
       color: #424242;
       text-align: center;
       line-height: 32px;
       margin: 0;
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

devsite-extradory .devsite-extradory-create-profile {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

devsite-extradory .devsite-extradory-step1,
devsite-extradory .devsite-extradory-step2,
devsite-extradory .devsite-extradory-wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: start;
       -webkit-align-items: start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: start;
       width: 100%;
       padding: 20px
}

devsite-extradory .devsite-extradory-create-profile {
       margin-top: 26px
}

devsite-extradory p {
       font-size: 16px;
       color: #424242;
       line-height: 24px
}

devsite-extradory .devsite-extradory-cta label,
devsite-extradory .devsite-extradory-cta p {
       font-size: 14px;
       color: #424242;
       line-height: 29px;
       margin: 0
}

devsite-extradory .devsite-extradory-buttons,
devsite-extradory .devsite-extradory-join-group,
devsite-extradory .devsite-extradory-try-again-buttons {
       margin-top: 36px
}

devsite-extradory .devsite-extradory-spinner {
       padding: 64px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 100%
}

devsite-extradory .devsite-extradory-try-again-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 100%
}

devsite-extradory .devsite-extradory-authorize,
devsite-extradory .devsite-extradory-change-account,
devsite-extradory .devsite-extradory-join-group,
devsite-extradory .devsite-extradory-not-eligible,
devsite-extradory .devsite-extradory-sign-in,
devsite-extradory .devsite-extradory-try-again {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

devsite-feature-tooltip:not([ready])>[slot] {
       display: none
}

devsite-feature-tooltip {
       display: block
}

devsite-feature-tooltip [slot].step {
       display: none
}

devsite-feature-tooltip [slot].step.current {
       display: block
}

devsite-dialog.devsite-feedback .devsite-dialog-contents {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       padding: 0
}

devsite-dialog.devsite-feedback h3 {
       margin: 0 0 20px;
       padding: 16px 16px 0
}

devsite-dialog.devsite-feedback .devsite-feedback-items {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding: 0 6px
}

devsite-dialog.devsite-feedback .devsite-feedback-item {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-secondary-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0 0px;
       flex: 1 0 0;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       text-decoration: none
}

devsite-dialog.devsite-feedback .devsite-feedback-item-type {
       color: var(--devsite-link-color)
}

devsite-dialog.devsite-feedback .devsite-feedback-item:focus>.devsite-feedback-item-type {
       text-decoration: underline
}

devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 48px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 8px 0;
       width: 48px
}

devsite-dialog.devsite-feedback .devsite-feedback-item-icon-color {
       background-color: var(--devsite-feedback-icon-background, var(--devsite-primary-color, var(--devsite-primary-text-color)));
       border-radius: 50%;
       color: var(--devsite-inverted-text-color)
}

devsite-dialog.devsite-feedback .devsite-feedback-item-icon {
       font-size: 32px
}

devsite-dialog.devsite-feedback .devsite-feedback-item-icon-container img {
       max-width: 100%
}

devsite-dialog.devsite-feedback .devsite-feedback-notice,
devsite-dialog.devsite-feedback .devsite-feedback-support {
       padding: 16px 16px 0;
       text-align: center
}

devsite-dialog.devsite-feedback .devsite-feedback-support-icon {
       font-size: 18px;
       margin-right: 4px;
       vertical-align: middle
}

devsite-dialog.devsite-feedback .devsite-feedback-support-icon+span {
       vertical-align: middle
}

devsite-dialog.devsite-feedback .devsite-feedback-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       padding: var(--devsite-feedback-buttons-padding, 16px 0 0)
}

devsite-filter {
       display: block
}

.devsite-filter-input,
devsite-filter input[type=text] {
       width: 100%
}

devsite-filter>.devsite-table-wrapper:first-child>table {
       margin-top: 0
}

devsite-filter [results-count-container] {
       color: var(--devsite-filter-results-count-color);
       font-family: var(--devsite-filter-results-count-font-family);
       margin: var(--devsite-filter-results-count-margin, 16px 0)
}

devsite-filter[sortable] th:hover {
       cursor: pointer
}

devsite-filter th[sort-ascending],
devsite-filter th[sort-descending] {
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
}

devsite-filter th[sort-ascending]:after,
devsite-filter th[sort-descending]:after {
       content: "arrow_drop_down";
       display: inline-block;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       margin: -2px 0 0;
       position: absolute;
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       -webkit-transition: -webkit-transform .2s;
       transition: -webkit-transform .2s;
       transition: transform .2s;
       transition: transform .2s, -webkit-transform .2s;
       vertical-align: middle
}

devsite-filter th[sort-descending]:after {
       -webkit-transform: rotate(-180deg);
       transform: rotate(-180deg)
}

devsite-filter[hide-if-empty][empty] {
       display: none
}

devsite-filter[highlight] mark {
       background-color: #ffe168
}

devsite-filter[highlight] mark:after,
devsite-filter[highlight] mark:before {
       -webkit-clip-path: inset(100%);
       clip-path: inset(100%);
       clip: rect(1px, 1px, 1px, 1px);
       height: 1px;
       overflow: hidden;
       position: absolute;
       white-space: nowrap;
       width: 1px
}

devsite-filter[highlight] mark:before {
       content: " [highlight start] "
}

devsite-filter[highlight] mark:after {
       content: " [highlight end] "
}

devsite-filter .devsite-filter-input-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       position: relative
}

devsite-filter .devsite-filter-clear-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color));
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: normal normal normal 14px/1 Material Icons;
       height: var(--devsite-input-height, 36px);
       inset-inline: auto 0;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       outline: 0;
       position: absolute;
       width: var(--devsite-input-height, 36px)
}

devsite-filter .devsite-filter-clear-button:before {
       content: "close"
}

devsite-filter .devsite-filter-clear-button:focus:before,
devsite-filter .devsite-filter-clear-button:hover:before {
       background: var(--devsite-background-5);
       border-radius: 50%;
       padding: 4px
}

devsite-footer-linkboxes {
       background: var(--devsite-footer-background, var(--devsite-background-1));
       color: var(--devsite-footer-color);
       display: block;
       font: var(--devsite-footer-linkboxes-font, 400 14px/16px var(--devsite-primary-font-family));
       padding: var(--devsite-footer-linkboxes-padding)
}

devsite-footer-linkboxes .devsite-footer-linkboxes-list {
       border-bottom: var(--devsite-primary-border);
       display: grid;
       grid-gap: 24px;
       grid-template-columns: var(--devsite-footer-linkboxes-grid-template-columns);
       list-style: none;
       padding: 24px 0
}

devsite-footer-linkboxes .devsite-footer-linkbox {
       margin: 0
}

devsite-footer-linkboxes .devsite-footer-linkbox-heading {
       font: var(--devsite-footer-heading-font, 500 14px/16px var(--devsite-primary-font-family));
       margin: var(--devsite-footer-heading-margin, 0 0 8px);
       text-transform: var(--devsite-footer-heading-text-transform)
}

devsite-footer-linkboxes .devsite-footer-linkbox-list .devsite-footer-linkbox-heading {
       margin: var(--devsite-footer-list-heading-margin, 40px 0 0)
}

devsite-footer-linkboxes .devsite-footer-linkbox-list {
       list-style-type: none;
       padding: 0
}

devsite-footer-linkboxes .devsite-footer-linkbox-item {
       margin: 0
}

devsite-footer-linkboxes .devsite-footer-linkbox-link {
       color: var(--devsite-footer-link-color, var(--devsite-primary-text-color));
       display: inline-block;
       padding: 8px 0
}

devsite-footer-linkboxes .devsite-footer-linkbox-link:focus,
devsite-footer-linkboxes .devsite-footer-linkbox-link:hover {
       color: var(--devsite-footer-link-hover, var(--devsite-link-color));
       font-weight: var(--devsite-footer-link-font-weight-hover);
       text-decoration: none
}

devsite-footer-linkboxes .devsite-footer-linkbox-description {
       color: var(--devsite-secondary-text-color);
       font: var(--devsite-footer-description-font, 14px/20px var(--devsite-primary-font-family));
       margin: 0 0 16px
}

devsite-footer-linkboxes .devsite-footer-linkbox-icon {
       margin-block: 0 4px
}

devsite-footer-promos {
       background: var(--devsite-footer-background, var(--devsite-background-1));
       border-top: var(--devsite-footer-border, var(--devsite-primary-border));
       color: var(--devsite-footer-color);
       display: block;
       font: 14px/20px var(--devsite-primary-font-family);
       padding: 0 24px
}

devsite-footer-promos .devsite-footer-promos-list {
       border-bottom: var(--devsite-primary-border);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 0 24px;
       list-style: none;
       -webkit-justify-content: space-around;
       -ms-flex-pack: distribute;
       justify-content: space-around;
       padding: 18px 0
}

devsite-footer-promos .devsite-footer-promo {
       -webkit-box-flex: 0;
       -webkit-flex: 0 1 192px;
       -moz-box-flex: 0;
       -ms-flex: 0 1 192px;
       flex: 0 1 192px;
       margin: 20px 0;
       text-align: center
}

devsite-footer-promos .devsite-footer-promo-icon {
       color: var(--devsite-text-color, var(--devsite-primary-text-rgba));
       display: block;
       font-size: 48px;
       height: 48px;
       margin-block: 0 8px;
       margin-inline: auto;
       width: 48px
}

devsite-footer-promos .devsite-footer-promo-title {
       color: var(--devsite-footer-heading-color, var(--devsite-primary-text-rgba));
       display: block;
       font: var(--devsite-footer-heading-font);
       font-weight: var(--devsite-footer-heading-font-weight, 500)
}

devsite-footer-promos .devsite-footer-promo-title:focus,
devsite-footer-promos .devsite-footer-promo-title:hover {
       color: var(--devsite-footer-link-hover, var(--devsite-link-color));
       font-weight: var(--devsite-footer-link-font-weight-hover);
       text-decoration: none
}

@media screen and (max-width:1253px) {
       .devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promos-list {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              gap: unset;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start
       }

       .devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promo {
              -webkit-box-flex: 0;
              -webkit-flex: 0 0 50%;
              -moz-box-flex: 0;
              -ms-flex: 0 0 50%;
              flex: 0 0 50%;
              padding-block: 0;
              padding-inline: 20px
       }
}

@media screen and (max-width:840px) {

       .devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promos-list,
       devsite-footer-promos .devsite-footer-promos-list {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              padding: 12px 0
       }

       .devsite-main-content[has-book-nav]~devsite-footer-promos .devsite-footer-promo,
       devsite-footer-promos .devsite-footer-promo {
              -webkit-box-flex: 0;
              -webkit-flex: 0 0 50%;
              -moz-box-flex: 0;
              -ms-flex: 0 0 50%;
              flex: 0 0 50%;
              margin: 0;
              padding-block: 8px;
              padding-inline: 0;
              text-align: start
       }

       devsite-footer-promos .devsite-footer-promo-icon {
              height: 32px;
              margin-block: 0;
              margin-inline: 0 8px;
              width: 32px
       }

       devsite-footer-promos .devsite-footer-promo-title {
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              font-weight: 400
       }

       devsite-footer-promos .devsite-footer-promo-description {
              display: none
       }
}

@media screen and (max-width:600px) {
       devsite-footer-promos {
              padding: 0 16px
       }

       devsite-footer-promos .devsite-footer-promos-list {
              display: block
       }
}

devsite-footer-utility {
       background: var(--devsite-footer-background, var(--devsite-background-1));
       color: var(--devsite-footer-color);
       display: block;
       font: 400 14px/16px var(--devsite-primary-font-family);
       padding: 0 24px
}

devsite-footer-utility .devsite-footer-sites-list,
devsite-footer-utility .devsite-footer-sites-logo-link,
devsite-footer-utility .devsite-footer-utility-button,
devsite-footer-utility .devsite-footer-utility-item,
devsite-footer-utility .devsite-footer-utility-list,
devsite-footer-utility nav {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-footer-utility .devsite-footer-utility-button,
devsite-footer-utility .devsite-footer-utility-list,
devsite-footer-utility nav {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

devsite-footer-utility nav {
       gap: 16px;
       padding: 24px 0
}

devsite-footer-utility .devsite-footer-sites,
devsite-footer-utility .devsite-footer-sites-list {
       gap: 0 40px
}

devsite-footer-utility .devsite-footer-sites {
       -webkit-border-after: var(--devsite-primary-border);
       border-block-end: var(--devsite-primary-border);
       padding: 24px 0 23px
}

devsite-footer-utility .devsite-footer-sites-list,
devsite-footer-utility .devsite-footer-utility-list {
       list-style: none;
       padding: 0
}

devsite-footer-utility .devsite-footer-sites-item,
devsite-footer-utility .devsite-footer-utility-item {
       margin: 0
}

devsite-footer-utility .devsite-footer-sites-link {
       color: var(--devsite-primary-text-color);
       display: block;
       padding: 8px 0
}

devsite-footer-utility .devsite-footer-sites-link:focus,
devsite-footer-utility .devsite-footer-sites-link:hover {
       color: var(--devsite-link-color);
       text-decoration: none
}

devsite-footer-utility .devsite-footer-sites-logo {
       height: 32px;
       margin-top: -4px;
       width: 185px
}

devsite-footer-utility .devsite-footer-utility-links,
devsite-footer-utility .devsite-footer-utility-list {
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

devsite-footer-utility .devsite-footer-utility-list {
       gap: 16px 8px;
       -webkit-box-flex: var(--devsite-footer-utility-list-flex, 1);
       -webkit-flex: var(--devsite-footer-utility-list-flex, 1);
       -moz-box-flex: var(--devsite-footer-utility-list-flex, 1);
       -ms-flex: var(--devsite-footer-utility-list-flex, 1);
       flex: var(--devsite-footer-utility-list-flex, 1);
       min-height: 36px
}

devsite-footer-utility .devsite-footer-utility-link {
       color: var(--devsite-footer-link-color, var(--devsite-primary-text-color))
}

devsite-footer-utility .devsite-footer-utility-link:focus,
devsite-footer-utility .devsite-footer-utility-link:hover {
       color: var(--devsite-footer-link-hover, var(--devsite-link-color))
}

devsite-footer-utility a:focus,
devsite-footer-utility a:hover {
       font-weight: var(--devsite-footer-link-font-weight-hover)
}

devsite-footer-utility .devsite-footer-utility-item {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
}

devsite-footer-utility .devsite-footer-utility-item-centered {
       margin: 0 auto
}

devsite-footer-utility .devsite-footer-utility-button {
       gap: 0 16px;
       line-height: 20px;
       margin-inline: auto 0
}

devsite-footer-utility .devsite-footer-utility-button>a:focus {
       text-decoration: none
}

devsite-footer-utility .devsite-footer-utility-item:before {
       content: "|";
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px
}

devsite-footer-utility .devsite-footer-utility-button:before,
devsite-footer-utility .devsite-footer-utility-item-centered:before,
devsite-footer-utility .devsite-footer-utility-item-no-marker:before,
devsite-footer-utility .devsite-footer-utility-item:first-child:before {
       content: "";
       -webkit-margin-end: 0;
       -moz-margin-end: 0;
       margin-inline-end: 0
}

devsite-footer-utility devsite-language-selector {
       -webkit-align-self: flex-end;
       -ms-flex-item-align: end;
       align-self: flex-end;
       margin: var(--devsite-language-selector-margin, 0)
}

@media screen and (max-width:1253px) {

       [has-book-nav]~devsite-footer-utility .devsite-footer-sites,
       [has-book-nav]~devsite-footer-utility .devsite-footer-sites-list {
              -webkit-box-align: start;
              -webkit-align-items: start;
              -moz-box-align: start;
              -ms-flex-align: start;
              align-items: start;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       [has-book-nav]~devsite-footer-utility .devsite-footer-sites {
              gap: 16px 0
       }
}

@media screen and (max-width:840px) {

       devsite-footer-utility .devsite-footer-sites,
       devsite-footer-utility .devsite-footer-sites-list {
              -webkit-box-align: start;
              -webkit-align-items: start;
              -moz-box-align: start;
              -ms-flex-align: start;
              align-items: start;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       devsite-footer-utility .devsite-footer-sites {
              gap: 16px 0
       }

       devsite-footer-utility .devsite-footer-utility-list {
              -webkit-box-flex: 100%;
              -webkit-flex: 100%;
              -moz-box-flex: 100%;
              -ms-flex: 100%;
              flex: 100%
       }

       devsite-footer-utility .devsite-footer-utility-button {
              -webkit-box-flex: 100%;
              -webkit-flex: 100%;
              -moz-box-flex: 100%;
              -ms-flex: 100%;
              flex: 100%;
              margin-inline: 0
       }

       devsite-footer-utility .devsite-footer-utility-button:before {
              display: none
       }
}

@media screen and (max-width:600px) {
       devsite-footer-utility {
              padding: 0 16px
       }

       devsite-footer-utility .devsite-footer-utility-item-centered {
              margin: 12px 0
       }
}

devsite-googler-buttons {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       bottom: calc(var(--devsite-panel-height, 0px) + 24px);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       position: fixed;
       z-index: 1009
}

[dir=ltr] devsite-googler-buttons {
       right: 24px
}

[dir=rtl] devsite-googler-buttons {
       left: 24px
}

devsite-googler-buttons>a:focus {
       text-decoration: none
}

devsite-googler-buttons .devsite-googler-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-background-1);
       border-radius: 50%;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 40px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: -48px auto;
       outline: 0;
       position: relative;
       -webkit-transition: background .2s, box-shadow .2s, margin .2s;
       transition: background .2s, box-shadow .2s, margin .2s;
       width: 40px
}

devsite-googler-buttons[active] .devsite-googler-button {
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       margin: 4px auto
}

devsite-googler-buttons .devsite-googler-button:focus,
devsite-googler-buttons .devsite-googler-button:hover,
devsite-googler-buttons a:focus>.devsite-googler-button {
       background: #e3f2fd
}

devsite-googler-buttons .devsite-googler-button:active,
devsite-googler-buttons a:active>.devsite-googler-button {
       background: #bbdefb
}

devsite-googler-buttons .devsite-googler-admin:before {
       color: #80868b;
       content: "storage"
}

devsite-googler-buttons .devsite-googler-page-insights:before {
       color: #12b5cb;
       content: "insights"
}

devsite-googler-buttons .devsite-googler-analytics:before {
       color: #e8710a;
       content: "timeline"
}

devsite-googler-buttons .devsite-googler-bug:before {
       color: #e52592;
       content: "bug_report"
}

devsite-googler-buttons .devsite-googler-cache {
       background: #689f38
}

devsite-googler-buttons .devsite-googler-cache:hover {
       background: #7cb342
}

devsite-googler-buttons .devsite-googler-cache:active,
devsite-googler-buttons .devsite-googler-cache:focus {
       background: #8bc34a
}

devsite-googler-buttons .devsite-googler-cache[active] {
       background: #d93025
}

devsite-googler-buttons .devsite-googler-cache[active]:hover {
       background: #ea4335
}

devsite-googler-buttons .devsite-googler-cache[active]:active,
devsite-googler-buttons .devsite-googler-cache[active]:focus {
       background: #ee675c
}

devsite-googler-buttons .devsite-googler-cache:before {
       color: var(--devsite-inverted-text-color);
       content: "cached"
}

devsite-googler-buttons .devsite-googler-cache[active]:after {
       background: var(--devsite-background-1);
       border-bottom: 2px solid #d93025;
       content: "";
       display: block;
       height: 4px;
       position: absolute;
       -webkit-transform: rotate(45deg) translateY(1px);
       transform: rotate(45deg) translateY(1px);
       width: 28px
}

devsite-googler-buttons .devsite-googler-cache[active]:active:after,
devsite-googler-buttons .devsite-googler-cache[active]:focus:after {
       border-color: #ee675c
}

devsite-googler-buttons .devsite-googler-devrel:before {
       color: #607d8b;
       content: "build"
}

devsite-googler-buttons .devsite-googler-edit:before {
       color: #689f38;
       content: "edit"
}

devsite-googler-buttons .devsite-googler-source:before {
       color: #1e88e5;
       content: "code"
}

devsite-googler-buttons .devsite-googler-env:before {
       color: #673ab7;
       content: "swap_horiz"
}

devsite-googler-buttons .devsite-googler-speed-dial {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       height: 56px;
       margin: 0;
       width: 56px
}

devsite-googler-buttons[active] .devsite-googler-speed-dial {
       margin: 16px 0 0
}

devsite-googler-buttons .devsite-googler-speed-dial:before {
       content: url(../../images/fab.svg);
       -webkit-transition: -webkit-transform .2s;
       transition: -webkit-transform .2s;
       transition: transform .2s;
       transition: transform .2s, -webkit-transform .2s
}

devsite-googler-buttons[active] .devsite-googler-speed-dial:before {
       content: "close";
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg)
}

[layout=docs] h2:not(.no-link),
[layout=docs] h3:not(.no-link),
[layout=docs] h4:not(.no-link),
[layout=docs] h5:not(.no-link),
[layout=docs] h6:not(.no-link),
h1.add-link {
       -webkit-margin-end: -40px;
       -moz-margin-end: -40px;
       margin-inline-end: -40px;
       -webkit-padding-end: 40px;
       -moz-padding-end: 40px;
       padding-inline-end: 40px
}

.devsite-heading-link.material-icons {
       color: var(--devsite-icon-color, var(--devsite-secondary-text-color));
       height: 24px;
       opacity: 0
}

.devsite-heading-link.material-icons:focus,
.devsite-heading-link.material-icons:hover {
       color: var(--devsite-icon-color-hover, var(--devsite-link-color));
       cursor: pointer !important
}

.devsite-landing-row-item-list h4>.devsite-heading-link.material-icons,
h1>.devsite-heading-link.material-icons,
h2>.devsite-heading-link.material-icons,
h3>.devsite-heading-link.material-icons {
       vertical-align: middle
}

.devsite-landing-row-item-list h4>.devsite-heading-link.material-icons,
th>h2>.devsite-heading-link.material-icons,
th>h3>.devsite-heading-link.material-icons {
       margin: -4px 0
}

.devsite-heading-link.material-icons:focus,
.devsite-heading-link.material-icons:hover,
:focus>.devsite-heading-link.material-icons,
:hover>.devsite-heading-link.material-icons {
       opacity: 1
}

.devsite-heading-link:after {
       content: "link"
}

devsite-iframe {
       display: block;
       width: 100%
}

devsite-iframe+* {
       position: relative
}

devsite-iframe+devsite-iframe {
       margin-top: 16px
}

devsite-iframe iframe {
       height: 100%;
       width: 100%
}

devsite-iframe iframe[src*=\.frame] {
       height: calc(100% + 32px);
       margin: -16px;
       width: calc(100% + 32px)
}

devsite-info-popout:not(:defined) {
       visibility: hidden
}

devsite-jump-to {
       display: block;
       margin: 40px 0 0 !important;
       opacity: 0;
       padding-bottom: 96px;
       pointer-events: none;
       position: relative;
       -webkit-transition: opacity .5s;
       transition: opacity .5s
}

devsite-jump-to[visible] {
       opacity: 1;
       pointer-events: auto
}

devsite-jump-to .devsite-jump-to-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-link-background, var(--devsite-link-color)) !important;
       border-radius: 50%;
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       color: var(--devsite-link-color, var(--devsite-inverted-text-color)) !important;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-size: 24px;
       height: 56px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: hidden;
       position: absolute;
       -webkit-transition: background .2s, box-shadow .2s, color .2s;
       transition: background .2s, box-shadow .2s, color .2s;
       width: 56px
}

devsite-jump-to .devsite-jump-to-link:focus,
devsite-jump-to .devsite-jump-to-link:hover {
       background: var(--devsite-link-background-hover, var(--devsite-background-1)) !important;
       color: var(--devsite-link-color) !important;
       text-decoration: none
}

devsite-jump-to .devsite-jump-to-link:active {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)
}

[dir=ltr] devsite-jump-to .devsite-jump-to-link {
       right: 0
}

[dir=rtl] devsite-jump-to .devsite-jump-to-link {
       left: 0
}

devsite-jump-to[pinned] .devsite-jump-to-link {
       bottom: 40px;
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       position: fixed
}

devsite-jump-to[pinned] .devsite-jump-to-link:active {
       box-shadow: 0 2px 3px 0 var(--devsite-elevation-key-shadow-color), 0 6px 10px 4px var(--devsite-elevation-ambient-shadow-color)
}

devsite-jump-to .devsite-jump-to-link:before {
       content: "arrow_upward";
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal
}

@media screen and (max-width:840px) {
       devsite-jump-to {
              margin: 40px 0 0 !important;
              padding-bottom: 80px
       }

       devsite-jump-to[pinned] .devsite-jump-to-link {
              bottom: 24px
       }
}

devsite-language-selector:not(:defined) ul,
devsite-language-selector:not([open]) ul {
       display: none
}

devsite-language-selector ul {
       display: block;
       list-style: none;
       padding: 0
}

devsite-language-selector li {
       font-size: 14px;
       margin: 0;
       min-width: 100%
}

devsite-language-selector a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-height: 48px;
       min-width: 0;
       overflow: hidden;
       padding-inline: 16px;
       text-overflow: ellipsis;
       white-space: nowrap
}

devsite-language-selector a:is(:link, :visited) {
       color: var(--devsite-primary-text-color)
}

devsite-language-selector a:is(:hover, :focus) {
       background-color: var(--devsite-background-3);
       text-decoration: none
}

devsite-language-selector a[aria-current] {
       background-color: var(--devsite-item-background-selected, var(--devsite-background-3));
       font-weight: var(--devsite-item-font-weight-selected, 500)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {
       devsite-language-selector a[aria-current] {
              font-weight: 700;
              text-decoration: underline
       }
}

.devsite-dialog-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       left: 0;
       pointer-events: none;
       position: fixed;
       right: 0;
       top: 0;
       z-index: 1014
}

devsite-dialog {
       background: var(--devsite-background-1);
       border-radius: var(--devsite-border-radius, 2px);
       color: var(--devsite-secondary-text-color);
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       font-size: 14px;
       line-height: 20px;
       max-height: calc(100vh - 48px);
       max-width: calc(100vw - 48px);
       pointer-events: all;
       overflow: auto;
       padding: var(--devsite-dialog-padding, 8px);
       width: 480px
}

@media screen and (max-width:840px) {
       devsite-dialog {
              max-height: calc(100vh - 32px);
              max-width: calc(100vw - 32px)
       }
}

devsite-dialog:not([open]) {
       display: none
}

devsite-dialog .devsite-dialog-contents {
       color: var(--devsite-secondary-text-color);
       overflow: hidden;
       padding: var(--devsite-dialog-contents-padding, 16px)
}

devsite-dialog .devsite-dialog-close {
       cursor: pointer
}

devsite-dialog .devsite-dialog-close:not(.button):not(button) {
       border-radius: 16px;
       height: 32px;
       width: 32px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-dialog .devsite-dialog-close:not(.button):not(button):HOVER {
       background-color: #f1f3f4
}

devsite-dialog .devsite-dialog-contents>p:first-child:last-child {
       margin: 0
}

devsite-dialog h2,
devsite-dialog h3 {
       color: var(--devsite-heading-color, inherit)
}

devsite-dialog h3 {
       font: var(--devsite-heading-font, 400 20px/32px var(--devsite-primary-font-family));
       margin: 0 0 20px;
       outline: 0;
       text-align: var(--devsite-heading-text-align, inherit)
}

devsite-dialog .devsite-dialog-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       padding: 4px 4px 0
}

devsite-lightbox {
       pointer-events: all
}

devsite-lightbox:not([open]) {
       display: none
}

devsite-lightbox .devsite-dialog-contents {
       padding: 0
}

devsite-lightbox .devsite-lightbox-icon-close {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: rgba(0, 0, 0, .5);
       border: 0;
       border-radius: 0;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 40px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       outline: 0;
       padding: 0;
       position: absolute;
       top: 0;
       width: 40px
}

[dir=ltr] devsite-lightbox .devsite-lightbox-icon-close {
       right: 0
}

[dir=rtl] devsite-lightbox .devsite-lightbox-icon-close {
       left: 0
}

devsite-lightbox .devsite-lightbox-icon-close:active {
       box-shadow: none
}

devsite-lightbox .devsite-lightbox-icon-close:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #f1f1f1;
       content: "close";
       -webkit-transition: color .3s ease-in-out;
       transition: color .3s ease-in-out
}

devsite-lightbox .devsite-lightbox-icon-close:focus:after,
devsite-lightbox .devsite-lightbox-icon-close:hover:after {
       color: #fff
}

.devsite-lightbox-image {
       cursor: pointer;
       outline: 0
}

.devsite-lightbox-image:focus {
       -webkit-filter: brightness(75%);
       filter: brightness(75%)
}

.MathJax_SVG_Display {
       overflow-x: auto
}

@media screen and (max-width:600px) {
       .MathJax_SVG_Display {
              margin: 1em -16px !important;
              padding: 0 16px 16px;
              width: calc(100% + 32px) !important
       }
}

devsite-multiple-choice {
       background-color: var(--devsite-multiple-choice-background);
       border: var(--devsite-multiple-choice-border);
       border-radius: var(--devsite-multiple-choice-border-radius);
       display: block;
       margin: 16px 0;
       overflow: var(--devsite-multiple-choice-overflow);
       visibility: hidden !important
}

devsite-multiple-choice[ready] {
       visibility: visible !important
}

devsite-multiple-choice .devsite-multiple-choice-question {
       background-color: var(--devsite-multiple-choice-question-background);
       color: var(--devsite-multiple-choice-question-color);
       font: var(--devsite-table-heading-font, 500 16px/24px var(--devsite-primary-font-family));
       padding: 16px 24px
}

devsite-multiple-choice .devsite-multiple-choice-answer {
       border-bottom: var(--devsite-multiple-choice-answer-border-bottom);
       border-top: var(--devsite-multiple-choice-answer-border-top)
}

devsite-multiple-choice .devsite-multiple-choice-answer,
devsite-multiple-choice .devsite-multiple-choice-answer:focus,
devsite-multiple-choice .devsite-multiple-choice-answer:hover {
       outline: 0
}

devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):focus,
devsite-multiple-choice .devsite-multiple-choice-answer:not([clicked]):hover {
       color: var(--devsite-link-color);
       cursor: pointer
}

devsite-multiple-choice .devsite-multiple-choice-option {
       padding: 16px 72px 16px 24px;
       position: relative
}

devsite-multiple-choice .devsite-multiple-choice-option:after {
       content: "expand_more";
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       height: 100%;
       position: absolute;
       right: 24px;
       top: calc(50% - 12px)
}

devsite-multiple-choice [correct] {
       background-color: var(--devsite-multiple-choice-correct-background)
}

devsite-multiple-choice [incorrect] {
       background-color: var(--devsite-multiple-choice-incorrect-background)
}

devsite-multiple-choice [correct] .devsite-multiple-choice-option:after {
       color: var(--devsite-multiple-choice-correct-color);
       content: "check"
}

devsite-multiple-choice [incorrect] .devsite-multiple-choice-option:after {
       color: var(--devsite-multiple-choice-incorrect-color);
       content: "not_interested"
}

devsite-multiple-choice .devsite-multiple-choice-explanation {
       font-size: 14px;
       padding: 0 24px 16px
}

devsite-multiple-choice .devsite-multiple-choice-explanation-correctness {
       font-weight: 500;
       margin-top: 16px
}

devsite-multiple-choice [correct] .devsite-multiple-choice-explanation-correctness {
       color: var(--devsite-multiple-choice-correct-color)
}

devsite-multiple-choice [incorrect] .devsite-multiple-choice-explanation-correctness {
       color: var(--devsite-multiple-choice-incorrect-color)
}

devsite-nav-buttons {
       display: block
}

devsite-nav-buttons button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border: var(--devsite-button-border);
       box-shadow: none;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font-weight: 500;
       text-transform: none
}

devsite-nav-buttons button,
devsite-nav-buttons button:focus,
devsite-nav-buttons button:hover {
       color: var(--devsite-button-color)
}

devsite-nav-buttons button:focus,
devsite-nav-buttons button:hover {
       background: var(--devsite-button-background-hover);
       border: var(--devsite-button-border-hover)
}

devsite-nav-buttons button,
devsite-nav-buttons button[class^=button-] {
       border-radius: 16px;
       height: 32px;
       line-height: 30px;
       padding: var(--devsite-button-padding, 0 12px)
}

devsite-nav-buttons button[class^=button-][selected],
devsite-nav-buttons button[selected] {
       border: var(--devsite-button-border-selected);
       padding-left: 8px
}

devsite-nav-buttons button[class^=button-],
devsite-nav-buttons button[class^=button-][selected] {
       border: 0
}

devsite-nav-buttons button[selected] {
       background: var(--devsite-button-background-selected);
       color: var(--devsite-button-color-selected)
}

devsite-nav-buttons button.button-white[selected] {
       background: var(--devsite-button-white-background-selected, var(--devsite-link-color));
       color: var(--devsite-button-white-color-selected, var(--devsite-inverted-text-color))
}

devsite-nav-buttons button.button-primary[selected] {
       background: var(--devsite-button-primary-background-selected);
       color: var(--devsite-button-primary-color-selected, var(--devsite-inverted-text-color))
}

devsite-nav-buttons button[selected]:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       content: "checked";
       margin-right: 8px;
       width: 24px
}

devsite-pagination {
       display: block;
       font: var(--devsite-pagination-font, inherit);
       letter-spacing: var(--devsite-pagination-letter-spacing, normal)
}

devsite-pagination[buttons],
devsite-pagination[initial-results] {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-pagination button[hidden] {
       display: none
}

devsite-pagination .devsite-pagination-page-numbers-controls {
       -webkit-box-align: stretch;
       -webkit-align-items: stretch;
       -moz-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-pagination .devsite-pagination-next-button,
devsite-pagination .devsite-pagination-previous-button {
       border: 0
}

devsite-pagination .devsite-pagination-next-button:not([disabled]),
devsite-pagination .devsite-pagination-previous-button:not([disabled]) {
       border: 0;
       color: var(--devsite-secondary-text-color)
}

devsite-pagination .devsite-pagination-previous-button:before {
       content: "chevron_left"
}

devsite-pagination .devsite-pagination-next-button:before {
       content: "chevron_right"
}

devsite-pagination .devsite-pagination-page-numbers {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-pagination .devsite-pagination-ellipsis,
devsite-pagination a {
       margin: var(--devsite-pagination-link-margin, 0 7px)
}

devsite-pagination a[selected] {
       text-decoration: underline
}

devsite-pagination .devsite-pagination-ellipsis {
       -webkit-align-self: flex-start;
       -ms-flex-item-align: start;
       align-self: flex-start;
       padding-top: 1px
}

[dir] devsite-pagination .button,
[dir] devsite-pagination .button+.button {
       margin-left: 10px;
       margin-right: 10px
}

devsite-panel {
       bottom: 0;
       display: block;
       height: var(--devsite-panel-height, auto);
       left: 0;
       max-height: var(--devsite-panel-max-height, 50vh);
       overflow: auto;
       position: fixed;
       right: 0;
       z-index: 1003
}

devsite-panel[always-on-top] {
       z-index: 1005
}

devsite-panel[devsite-size=content-area] {
       background-color: var(--devsite-background-1)
}

devsite-playlist {
       display: block;
       margin-bottom: 48px
}

devsite-playlist .devsite-playlist--inner {
       margin: 0 auto;
       max-width: var(--devsite-playlist-max-width);
       padding: 0 var(--devsite-playlist-padding-x)
}

devsite-playlist .devsite-playlist--header {
       background-color: #133041
}

devsite-playlist .devsite-playlist--header .devsite-playlist--inner {
       padding-bottom: 24px
}

devsite-playlist .devsite-playlist--header-details {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

devsite-playlist .devsite-playlist--header-badge-info,
devsite-playlist .devsite-playlist--header-details-info {
       color: #fff;
       padding-top: 40px;
       width: calc(50% - 20px)
}

devsite-playlist .devsite-playlist--header-badge-info {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: relative
}

devsite-playlist .devsite-playlist--header-badge-info--bg {
       background: url(../images/playlist_header.svg) no-repeat 0 -20px/cover;
       content: "";
       height: 213px;
       left: 0;
       position: absolute;
       top: 0;
       width: 510px
}

devsite-playlist .devsite-playlist--header-badge-info--container {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center;
       justify-self: center;
       position: relative
}

devsite-playlist .devsite-playlist-badge-details-icon,
devsite-playlist .devsite-playlist-badge-details-icon-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-playlist .devsite-playlist-badge-details-icon-container-signin-enabled.devsite-playlist-badge-details-icon-container {
       margin-bottom: -48px;
       position: relative;
       z-index: 1
}

devsite-playlist .devsite-playlist-badge-details-icon {
       background: var(--devsite-background-1);
       border-radius: 50%;
       height: 135px;
       padding: 7px;
       position: relative;
       width: 135px
}

devsite-playlist .devsite-playlist-badge-details-icon-container-signin-enabled .devsite-playlist-badge-details-icon {
       -webkit-transform: translate3d(0, -44px, 0);
       transform: translate3d(0, -44px, 0);
       -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: transform .2s cubic-bezier(0, 0, .2, 1);
       transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

devsite-playlist .devsite-playlist--progress-bar--outer,
devsite-playlist .devsite-playlist--progress-text,
devsite-playlist .devsite-playlist-badge-details-action,
devsite-playlist .devsite-playlist-badge-details-icon img,
devsite-playlist .devsite-playlist-badge-details-subtext {
       opacity: 1;
       position: relative;
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       z-index: 2
}

devsite-playlist .devsite-playlist-badge-details-icon img {
       -webkit-animation: badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97), badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) .33s, badgeFadeIn .5s linear;
       animation: badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97), badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) .33s, badgeFadeIn .5s linear;
       opacity: 1;
       -webkit-transform: scale(1);
       transform: scale(1)
}

devsite-playlist .devsite-playlist-badge-sharing {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-top: var(--devsite-secondary-border);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 12px -16px -16px;
       padding: 8px 0;
       -webkit-padding-start: 12px;
       -moz-padding-start: 12px;
       padding-inline-start: 12px
}

devsite-playlist .devsite-playlist-share-buttons {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-playlist .devsite-playlist-badge-sharing span {
       color: var(--devsite-secondary-text-color);
       font-size: 14px;
       line-height: 1
}

devsite-playlist .devsite-playlist-badge-sharing img {
       width: 18px
}

devsite-playlist .devsite-playlist-badge-sharing button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border: 0;
       box-shadow: none;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: auto;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-width: 0;
       padding: 4px
}

devsite-playlist .devsite-playlist-badge-sharing button:focus,
devsite-playlist .devsite-playlist-badge-sharing button:hover {
       background: none
}

devsite-playlist .devsite-playlist-badge-sharing button+button {
       margin: 0 8px
}

devsite-playlist .devsite-playlist-badge-details-icon img {
       position: static
}

devsite-playlist .devsite-playlist-badge-details-icon devsite-spinner {
       opacity: 0;
       position: absolute;
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

devsite-playlist .devsite-playlist--progress-text {
       color: var(--devsite-primary-text-color);
       font-size: 16px;
       font-weight: 500;
       line-height: 20px;
       text-align: center
}

devsite-playlist .devsite-playlist--progress-bar {
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

devsite-playlist .devsite-playlist--progress-bar.hide {
       opacity: 0
}

devsite-playlist .devsite-playlist--progress-bar--outer {
       background: var(--devsite-link-background-active);
       border-radius: 24px;
       height: 10px;
       margin: 14px 0 0;
       position: relative
}

devsite-playlist .devsite-playlist--progress-bar--inner {
       background: var(--devsite-link-color);
       border-radius: 24px;
       display: inline-block;
       height: 100%;
       position: absolute;
       -webkit-transition: width .3s cubic-bezier(0, 0, .2, 1);
       transition: width .3s cubic-bezier(0, 0, .2, 1);
       white-space: nowrap;
       width: 0
}

devsite-playlist .devsite-playlist-badge-details-action,
devsite-playlist .devsite-playlist-badge-details-subtext {
       font-size: 14px;
       line-height: 16px;
       text-align: center
}

devsite-playlist .devsite-playlist-badge-details-subtext {
       color: var(--devsite-secondary-text-color);
       padding: 28px 0 0
}

devsite-playlist .devsite-playlist-badge-details-action {
       font-weight: 700;
       padding: 4px 0 0
}

devsite-playlist .no-badge .devsite-playlist-badge-details-icon-container {
       display: none
}

devsite-playlist .badge-earned .devsite-playlist-badge-details-subtext {
       padding: 0 0 12px
}

devsite-playlist .not-eligible .devsite-playlist--progress-bar,
devsite-playlist .not-eligible .devsite-playlist--progress-text {
       display: none
}

devsite-playlist .not-eligible.no-badge .devsite-playlist-badge-details-subtext {
       padding-top: 0
}

devsite-playlist .loading {
       pointer-events: none
}

devsite-playlist .loading .devsite-playlist-badge-details-icon-container {
       bottom: 0;
       left: 0;
       margin-bottom: 0;
       position: absolute;
       right: 0;
       top: 0
}

devsite-playlist .loading .devsite-playlist-badge-details-icon {
       background: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
}

devsite-playlist .loading .devsite-playlist--progress-bar--outer,
devsite-playlist .loading .devsite-playlist--progress-text,
devsite-playlist .loading .devsite-playlist-badge-details-action,
devsite-playlist .loading .devsite-playlist-badge-details-subtext {
       opacity: 0
}

devsite-playlist .loading .devsite-playlist-badge-details-icon img {
       opacity: 0;
       position: absolute
}

devsite-playlist .loading .devsite-playlist-badge-details-icon devsite-spinner {
       opacity: 1
}

devsite-playlist .devsite-playlist--header h1:first-of-type {
       color: #fff;
       font: var(--devsite-h1-font)
}

devsite-playlist .devsite-playlist-details {
       color: var(--devsite-secondary-text-color);
       font-size: 12px;
       line-height: 16px
}

devsite-playlist .devsite-playlist--header p {
       line-height: 24px;
       margin: 22px 0;
       padding: 0
}

devsite-playlist .devsite-playlist-return-button {
       margin-top: 24px
}

devsite-playlist .devsite-playlist-summary {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: normal 700 12px/24px var(--devsite-primary-font-family)
}

devsite-playlist .devsite-playlist-badge-details {
       background: var(--devsite-background-1);
       border-radius: 8px;
       height: auto;
       max-width: 213px;
       padding: 16px;
       width: 100%;
       min-width: 64px;
       min-height: 64px
}

devsite-playlist .profile-notification {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-playlist .profile-notification--inner {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       border-radius: 4px;
       color: var(--devsite-secondary-text-color);
       margin: 0 auto;
       padding: 16px
}

devsite-playlist .devsite-playlist--section {
       padding: 24px 0;
       position: relative
}

devsite-playlist .devsite-playlist--section .arrow--up,
devsite-playlist[not-signed-in] .devsite-playlist--item--meta em,
devsite-playlist[not-signed-in] .devsite-playlist--section .playlist-skip {
       display: none
}

devsite-playlist .devsite-playlist--item-top {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-playlist .devsite-playlist--item-top:before {
       background: var(--devsite-background-5);
       content: "";
       display: block;
       height: 0;
       -webkit-margin-start: 15px;
       -moz-margin-start: 15px;
       margin-inline-start: 15px;
       margin-top: 2px;
       position: absolute;
       top: 54px;
       -webkit-transition: height .2s cubic-bezier(.4, 0, 1, 1), opacity .2s cubic-bezier(.4, 0, 1, 1);
       transition: height .2s cubic-bezier(.4, 0, 1, 1), opacity .2s cubic-bezier(.4, 0, 1, 1);
       width: 1px;
       z-index: 1
}

devsite-playlist .devsite-playlist--item-top-index {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0;
       -moz-box-flex: 0;
       -ms-flex: 0 0;
       flex: 0 0;
       position: relative;
       width: 30px
}

devsite-playlist .devsite-playlist--item-top-index span {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-primary-text-color);
       border-radius: 50%;
       color: var(--devsite-inverted-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 30px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-top: 2px;
       opacity: 1;
       width: 30px
}

devsite-playlist .devsite-playlist--item-top-index i {
       color: var(--devsite-playlist-icon-color);
       font-size: 36px;
       height: 36px;
       left: -3px;
       opacity: 0;
       position: absolute;
       top: -1px;
       -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
       width: 36px
}

devsite-playlist .devsite-playlist--item-top-index devsite-spinner {
       opacity: 0;
       position: absolute;
       top: 2px
}

devsite-playlist .devsite-playlist--item-top-index devsite-spinner,
devsite-playlist .devsite-playlist--item-top-index i,
devsite-playlist .devsite-playlist--item-top-index span {
       -webkit-transition: background .2s cubic-bezier(.4, 0, 1, 1), opacity .2s cubic-bezier(.4, 0, 1, 1);
       transition: background .2s cubic-bezier(.4, 0, 1, 1), opacity .2s cubic-bezier(.4, 0, 1, 1)
}

devsite-playlist .devsite-playlist--item-top-controls {
       width: 32px
}

devsite-playlist .devsite-playlist--item-top-controls button {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       color: var(--devsite-playlist-button-color, var(--devsite-primary-text-color));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 32px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-width: 0;
       padding: 0;
       width: 32px
}

devsite-playlist .devsite-playlist--item-top-controls button:focus,
devsite-playlist .devsite-playlist--item-top-controls button:hover {
       color: var(--devsite-playlist-button-color-hover)
}

devsite-playlist .devsite-playlist--item-top-controls button:active {
       color: var(--devsite-playlist-button-color-active)
}

devsite-playlist .devsite-playlist--item-top-controls button .material-icons {
       cursor: pointer;
       font-size: 24px;
       height: 24px;
       margin: 0;
       position: static;
       top: auto;
       width: 24px
}

devsite-playlist .devsite-playlist--item-top-title {
       cursor: pointer;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       padding: 0 18px
}

devsite-playlist .devsite-playlist--item-top-title h2 {
       font-size: 28px;
       line-height: 36px;
       margin: 0;
       padding: 0
}

devsite-playlist .devsite-playlist--item--content,
devsite-playlist .devsite-playlist--item--meta {
       padding: 0 48px
}

devsite-playlist .devsite-playlist--item--meta {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-secondary-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-size: 12px;
       line-height: 16px;
       margin: 4px 0
}

devsite-playlist .devsite-playlist--item--meta em {
       -webkit-padding-start: 16px;
       -moz-padding-start: 16px;
       padding-inline-start: 16px
}

devsite-playlist .devsite-playlist--item--meta .material-icons {
       font-size: 18px;
       height: 18px;
       -webkit-margin-end: 4px;
       -moz-margin-end: 4px;
       margin-inline-end: 4px;
       width: 18px
}

devsite-playlist .devsite-playlist--item--actions,
devsite-playlist .devsite-playlist--item--content {
       display: none
}

devsite-playlist .devsite-playlist--item--actions {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       padding: 8px 0 32px;
       -webkit-padding-start: 48px;
       -moz-padding-start: 48px;
       padding-inline-start: 48px
}

devsite-playlist [ready] .devsite-playlist--item-top:before {
       height: calc(100% - 30px)
}

devsite-playlist [expanded] {
       background: #f5f5f7 url(../images/playlist_active.svg) repeat-x top
}

devsite-playlist [expanded] .arrow--down {
       display: none
}

devsite-playlist [expanded] .arrow--up {
       display: block
}

devsite-playlist [expanded] .devsite-playlist--item-top-index span {
       background: var(--devsite-link-color)
}

devsite-playlist [expanded] .devsite-playlist--item--content {
       display: block
}

devsite-playlist [expanded] .devsite-playlist--item--actions {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-playlist [type=game] .devsite-playlist--item--content,
devsite-playlist [type=video] .devsite-playlist--item--content {
       padding: 12px 48px
}

devsite-playlist [completing] devsite-spinner {
       opacity: 1
}

devsite-playlist [completed] .devsite-playlist--item-top-index span {
       opacity: 0
}

devsite-playlist [completed] .devsite-playlist--item-top-index i {
       opacity: 1;
       -webkit-transform: rotate(0);
       transform: rotate(0)
}

devsite-playlist [completed] .playlist-skip {
       display: none
}

devsite-playlist [completed][expanded] .devsite-playlist--item-top-index i {
       background-color: rgba(230, 240, 255, .24)
}

devsite-playlist [last] .devsite-playlist--item-top:before {
       display: none
}

devsite-playlist .devsite-playlist--section-quiz {
       border: var(--devsite-primary-border);
       border-radius: 4px;
       padding: 24px
}

devsite-playlist .devsite-playlist--section-quiz h2 {
       margin: 0;
       padding: 0
}

devsite-playlist .devsite-playlist--section-project-header {
       -webkit-box-align: start;
       -webkit-align-items: start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: start;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       gap: 0 8px
}

devsite-playlist .devsite-playlist--project--status {
       background: var(--devsite-background-3);
       border-radius: 4px;
       font: 500 11px/16px var(--devsite-primary-font-family);
       letter-spacing: .8px;
       padding-block: 4px;
       padding-inline: 8px;
       text-transform: uppercase
}

devsite-playlist .devsite-playlist--footer,
devsite-playlist .devsite-playlist--section-quiz .devsite-playlist--item--actions {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-playlist .devsite-playlist--footer {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-top: 20px;
       padding: 4px 0
}

.devsite-playlist-dialog {
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       background: var(--devsite-background-1);
       border-radius: 8px;
       padding: 24px;
       position: relative
}

.devsite-playlist-dialog .devsite-playlist-dialog-spinner {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-background-1);
       bottom: 0;
       display: none;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       z-index: 100
}

.devsite-playlist-dialog.loading .devsite-playlist-dialog-spinner {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.devsite-playlist-dialog .devsite-playlist-dialog-inner {
       color: var(--devsite-secondary-text-color);
       position: relative
}

.devsite-playlist-dialog .devsite-playlist-dialog-inner h4 {
       font-family: var(--devsite-headline-font-family);
       font-size: 16px;
       line-height: 24px;
       margin: 0 0 16px
}

.devsite-playlist-dialog .devsite-playlist-dialog-inner label {
       font-size: 14px;
       line-height: 22px
}

.devsite-playlist-dialog .devsite-playlist-dialog-inner p {
       color: var(--devsite-secondary-text-color);
       font-size: 12px;
       line-height: 16px
}

@media screen and (max-width:600px) {
       devsite-playlist .devsite-playlist--header-details {
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       devsite-playlist .devsite-playlist--header-badge-info,
       devsite-playlist .devsite-playlist--header-details-info {
              width: 100%
       }

       devsite-playlist .devsite-playlist--header-badge-info--bg {
              background-position: 0;
              top: 84px
       }
}

devsite-playlist-earnable-badges {
       display: block
}

devsite-playlist-earnable-badges.loading {
       position: relative
}

devsite-playlist-earnable-badges .spinner-container {
       position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-playlist-summary {
       display: block
}

devsite-playlist-summary.loading {
       position: relative
}

devsite-playlist-summary .progress-container {
       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       z-index: 1000
}

devsite-playlist-summary .devsite-playlist-summary-image.hide,
devsite-playlist-summary .devsite-playlist-summary-info.hide {
       opacity: 0;
       -webkit-transform: translateY(12px);
       transform: translateY(12px);
       -webkit-transition: opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1);
       transition: transform .213s cubic-bezier(.4, 0, 1, 1), opacity .213s cubic-bezier(.4, 0, 1, 1);
       transition: transform .213s cubic-bezier(.4, 0, 1, 1), opacity .213s cubic-bezier(.4, 0, 1, 1), -webkit-transform .213s cubic-bezier(.4, 0, 1, 1)
}

devsite-playlist-summary .devsite-playlist-summary-image,
devsite-playlist-summary .devsite-playlist-summary-info {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
       -webkit-transition: opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), opacity .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), opacity .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1)
}

devsite-playlist-summary .devsite-playlist-summary-progress-background {
       overflow: hidden
}

devsite-playlist-summary.not-signed-in .devsite-playlist-summary-progress-background {
       margin-right: 0
}

devsite-playlist-summary.not-signed-in .devsite-playlist-summary-progress-bar-value {
       display: none
}

devsite-playlist-summary .devsite-playlist-summary-progress-bar {
       -webkit-transform: translateX(-101%);
       transform: translateX(-101%);
       -webkit-transition: -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: -webkit-transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1);
       transition: transform .213s cubic-bezier(0, 0, .2, 1), -webkit-transform .213s cubic-bezier(0, 0, .2, 1)
}

devsite-playlist-summary .devsite-playlist-summary-progress-bar-value:empty:before,
devsite-playlist-summary .devsite-playlist-summary-status:empty:before {
       content: " "
}

devsite-product-catalog .devsite-product-catalog-alphabet {
       border-bottom: var(--devsite-primary-border);
       border-top: var(--devsite-primary-border);
       color: var(--devsite-secondary-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-size: 20px;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       padding: 16px 0
}

devsite-product-catalog .devsite-product-catalog-alphabet-link,
devsite-product-catalog .devsite-product-catalog-alphabet-link-disabled {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       padding: 10px 0
}

devsite-product-catalog .devsite-product-catalog-alphabet-letter:not(:last-child) {
       border-bottom: var(--devsite-primary-border)
}

devsite-product-catalog .devsite-product-catalog-alphabet-letter-heading {
       margin: 20px 0
}

devsite-product-catalog .devsite-product-catalog-alphabet-letter-list {
       -webkit-column-count: 3;
       -moz-column-count: 3;
       column-count: 3;
       -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
       column-gap: 40px;
       list-style: none;
       margin: 0 0 40px;
       padding: 0
}

devsite-product-catalog .devsite-product-catalog-alphabet-letter-list-item {
       -webkit-column-break-inside: avoid;
       break-inside: avoid;
       margin: 0 0 16px
}

devsite-product-catalog .devsite-product-catalog-alphabet-letter-link {
       display: block;
       padding: 8px 0
}

devsite-product-catalog .devsite-product-catalog-item-name {
       margin: 0
}

devsite-product-catalog devsite-filter:not(:first-of-type) {
       border-top: var(--devsite-primary-border)
}

devsite-product-catalog .devsite-filter-input+.devsite-product-catalog-alphabet {
       margin-top: 32px
}

devsite-product-catalog .devsite-filter-input:valid+.devsite-product-catalog-alphabet {
       display: none
}

@media screen and (max-width:840px) {
       devsite-product-catalog .devsite-product-catalog-alphabet {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start
       }

       devsite-product-catalog .devsite-product-catalog-alphabet-letter-list {
              -webkit-column-count: 2;
              -moz-column-count: 2;
              column-count: 2
       }

       devsite-product-catalog .devsite-product-catalog-alphabet-link,
       devsite-product-catalog .devsite-product-catalog-alphabet-link-disabled {
              display: block;
              -webkit-box-flex: 0;
              -webkit-flex: 0 0 44px;
              -moz-box-flex: 0;
              -ms-flex: 0 0 44px;
              flex: 0 0 44px;
              text-align: center
       }
}

@media screen and (max-width:600px) {
       devsite-product-catalog .devsite-product-catalog-alphabet {
              padding: 0 0 20px
       }

       devsite-product-catalog .devsite-product-catalog-alphabet-letter-list {
              -webkit-column-count: 1;
              -moz-column-count: 1;
              column-count: 1
       }
}

devsite-progress {
       pointer-events: none;
       -webkit-transform-origin: 50% 0;
       transform-origin: 50% 0;
       -webkit-transform: scaleY(0);
       transform: scaleY(0);
       -webkit-transition: -webkit-transform .2s ease;
       transition: -webkit-transform .2s ease;
       transition: transform .2s ease;
       transition: transform .2s ease, -webkit-transform .2s ease
}

devsite-progress[type=indeterminate] {
       height: 2px;
       -webkit-transform: scaleY(1);
       transform: scaleY(1);
       contain: size layout style paint
}

devsite-progress .devsite-progress--indeterminate {
       position: relative;
       height: 2px
}

devsite-progress .devsite-progress--indeterminate-1,
devsite-progress .devsite-progress--indeterminate-2,
devsite-progress .devsite-progress--indeterminate-3,
devsite-progress .devsite-progress--indeterminate-4 {
       bottom: 0;
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transform-origin: 0 0;
       transform-origin: 0 0;
       -webkit-transform: scaleX(0);
       transform: scaleX(0)
}

devsite-progress .devsite-progress--indeterminate-1 {
       -webkit-animation: progress-indeterminate-1 2.5s linear infinite;
       animation: progress-indeterminate-1 2.5s linear infinite;
       background: var(--devsite-progress-background-1, var(--devsite-background-1));
       z-index: 1
}

devsite-progress .devsite-progress--indeterminate-2 {
       -webkit-animation: progress-indeterminate-2 2.5s ease-in infinite;
       animation: progress-indeterminate-2 2.5s ease-in infinite;
       background: var(--devsite-progress-background-2, var(--devsite-background-1));
       z-index: 2
}

devsite-progress .devsite-progress--indeterminate-3 {
       -webkit-animation: progress-indeterminate-3 2.5s ease-out infinite;
       animation: progress-indeterminate-3 2.5s ease-out infinite;
       background: var(--devsite-progress-background-3, var(--devsite-background-1));
       z-index: 3
}

devsite-progress .devsite-progress--indeterminate-4 {
       -webkit-animation: progress-indeterminate-4 2.5s ease-out infinite;
       animation: progress-indeterminate-4 2.5s ease-out infinite;
       background: var(--devsite-progress-background-4, var(--devsite-background-1));
       z-index: 4
}

@-webkit-keyframes progress-indeterminate-1 {
       0% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       50%,
       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@keyframes progress-indeterminate-1 {
       0% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       50%,
       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@-webkit-keyframes progress-indeterminate-2 {

       0%,
       20% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       70%,
       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@keyframes progress-indeterminate-2 {

       0%,
       20% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       70%,
       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@-webkit-keyframes progress-indeterminate-3 {

       0%,
       60% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       90%,
       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@keyframes progress-indeterminate-3 {

       0%,
       60% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       90%,
       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@-webkit-keyframes progress-indeterminate-4 {

       0%,
       75% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@keyframes progress-indeterminate-4 {

       0%,
       75% {
              -webkit-transform: scaleX(0);
              transform: scaleX(0)
       }

       to {
              -webkit-transform: scaleX(1);
              transform: scaleX(1)
       }
}

@keyframes badgeGrowIn {
       0% {
              -webkit-transform: scale(0);
              transform: scale(0)
       }

       to {
              -webkit-transform: scale(1.3);
              transform: scale(1.3)
       }
}

@keyframes badgeGrowOut {
       0% {
              -webkit-transform: scale(1.3);
              transform: scale(1.3)
       }

       to {
              -webkit-transform: scale(1);
              transform: scale(1)
       }
}

@keyframes badgeFadeIn {
       0% {
              opacity: 0
       }

       12% {
              opacity: 0
       }

       87% {
              opacity: 100%
       }
}

@keyframes counterHide {
       0% {
              opacity: 0
       }

       to {
              opacity: 0
       }
}

devsite-quiz {
       display: block;
       font-size: 14px
}

devsite-quiz input[type=checkbox],
devsite-quiz input[type=radio] {
       margin-top: 0;
       position: relative;
       top: 3px
}

devsite-quiz devsite-bookmark input.bookmark-checkbox {
       top: 0
}

devsite-quiz input+label {
       font-size: 14px;
       vertical-align: middle
}

devsite-quiz devsite-select .devsite-select-toggle {
       min-width: 200px
}

devsite-quiz [answered] .variant-success:checked {
       color: var(--devsite-quiz-correct-color)
}

devsite-quiz [answered] .variant-success:checked:focus:before {
       background: var(--devsite-quiz-correct-background)
}

devsite-quiz [answered] input[type=text].variant-success {
       background-color: var(--devsite-quiz-correct-background);
       border-color: var(--devsite-quiz-correct-border-color)
}

devsite-quiz [answered] input[type=text]:focus.variant-success {
       border-bottom-color: var(--devsite-quiz-correct-border-color-focus)
}

devsite-quiz [answered] .variant-error:checked {
       color: var(--devsite-quiz-error-color)
}

devsite-quiz [answered] .variant-error:checked:focus:before {
       background: var(--devsite-quiz-error-background)
}

devsite-quiz [answered] input[type=text].variant-error {
       background-color: var(--devsite-quiz-error-background);
       border-color: var(--devsite-quiz-error-border-color)
}

devsite-quiz [answered] input[type=text]:focus.variant-error {
       border-bottom-color: var(--devsite-quiz-error-color)
}

devsite-quiz .devsite-quiz-header {
       background: var(--devsite-background-2);
       border-bottom: var(--devsite-primary-border)
}

devsite-quiz .devsite-quiz-header-content {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 0 auto;
       padding: 48px 16px
}

devsite-quiz .devsite-quiz-title {
       margin-bottom: 8px;
       padding: 0;
       top: 0
}

devsite-quiz .devsite-quiz-tagline {
       color: var(--devsite-quiz-secondary-text-color);
       font-weight: 400;
       font-size: 14px;
       line-height: 20px;
       margin: 0
}

devsite-quiz .devsite-quiz-tagline:empty {
       min-height: 40px
}

devsite-quiz .devsite-quiz-return-button {
       margin-top: 15px
}

devsite-quiz .devsite-quiz-badge {
       display: none
}

devsite-quiz .devsite-quiz-partially-correct-indicator {
       background-color: var(--devsite-quiz-partially-correct-indicator-background)
}

devsite-quiz .devsite-quiz-body {
       margin: 0 auto;
       padding: 48px 16px 0
}

devsite-quiz [answered] .devsite-quiz-feedback {
       margin-bottom: 18px;
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0);
       -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: opacity .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
       transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

devsite-quiz .devsite-quiz-submit-error {
       background: var(--devsite-quiz-error-background);
       border-radius: 4px;
       font-size: 16px;
       font-weight: 500;
       line-height: 30px;
       padding: 6px 12px
}

devsite-quiz .devsite-quiz-submit-error i {
       color: var(--devsite-quiz-error-color);
       line-height: 30px;
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px
}

devsite-quiz .devsite-quiz-submit-button {
       margin-top: 64px
}

devsite-quiz .devsite-quiz-submit-button devsite-spinner {
       display: inline-block;
       -webkit-margin-start: 15px;
       -moz-margin-start: 15px;
       margin-inline-start: 15px;
       top: 5px
}

devsite-quiz .devsite-quiz-question-list {
       font: 400 18px/30px var(--devsite-headline-font-family);
       font-weight: 500;
       list-style-position: inside;
       -webkit-padding-start: 0;
       -moz-padding-start: 0;
       padding-inline-start: 0
}

devsite-quiz .devsite-quiz-question {
       margin: 0 0 64px
}

devsite-quiz .devsite-quiz-question:last-child {
       margin-bottom: 0
}

devsite-quiz .devsite-quiz-question-header {
       font: 400 18px/30px var(--devsite-headline-font-family);
       font-weight: 500;
       margin: 0
}

devsite-quiz .devsite-quiz-question-sub-header {
       color: var(--devsite-quiz-secondary-text-color);
       font-size: 12px;
       font-style: italic;
       line-height: 16px;
       margin: 0
}

devsite-quiz .devsite-quiz-answer {
       -webkit-box-align: start;
       -webkit-align-items: flex-start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 16px 0;
       position: relative
}

devsite-quiz .devsite-quiz-answer label {
       font-family: var(--devsite-primary-font-family);
       font-weight: 400;
       line-height: 24px;
       -webkit-margin-end: 15px;
       -moz-margin-end: 15px;
       margin-inline-end: 15px
}

devsite-quiz .devsite-quiz-answer .devsite-landing-row-item-media {
       -webkit-margin-end: 15px;
       -moz-margin-end: 15px;
       margin-inline-end: 15px;
       min-width: auto
}

devsite-quiz .devsite-quiz-match-question {
       border-top: var(--devsite-primary-border);
       margin: 24px 0 0
}

devsite-quiz .devsite-quiz-match-question-row {
       border-bottom: var(--devsite-primary-border);
       display: block
}

devsite-quiz .devsite-quiz-feedback,
devsite-quiz .devsite-quiz-match-question-row-element {
       margin: 24px 0
}

devsite-quiz .devsite-quiz-problem-item {
       font-size: 14px;
       line-height: 20px;
       margin: 0
}

devsite-quiz .devsite-quiz-fill-in-the-blank-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       font-size: 14px;
       margin: 8px 0 0
}

devsite-quiz .devsite-quiz-fill-in-the-blank-question {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: block;
       line-height: 32px;
       margin-bottom: 0
}

devsite-quiz .devsite-quiz-fill-in-the-blank-question+.devsite-quiz-feedback {
       margin-top: 8px
}

devsite-quiz .devsite-quiz-text-input {
       font-family: var(--devsite-primary-font-family);
       font-size: 14px;
       font-weight: 400;
       -webkit-margin-start: 0;
       -moz-margin-start: 0;
       margin-inline-start: 0;
       padding: 3px 7px
}

devsite-quiz .devsite-quiz-text-input::-webkit-input-placeholder {
       font-size: 14px;
       font-style: italic;
       line-height: 20px
}

devsite-quiz .devsite-quiz-text-input::-moz-placeholder {
       font-size: 14px;
       font-style: italic;
       line-height: 20px
}

devsite-quiz .devsite-quiz-text-input:-ms-input-placeholder {
       font-size: 14px;
       font-style: italic;
       line-height: 20px
}

devsite-quiz .devsite-quiz-text-input::-ms-input-placeholder {
       font-size: 14px;
       font-style: italic;
       line-height: 20px
}

devsite-quiz .devsite-quiz-text-input::placeholder {
       font-size: 14px;
       font-style: italic;
       line-height: 20px
}

devsite-quiz .devsite-quiz-footer {
       background: transparent;
       min-height: 48px;
       -webkit-transition: background .2s cubic-bezier(.4, 0, 1, 1);
       transition: background .2s cubic-bezier(.4, 0, 1, 1);
       margin: 64px 0 -68px
}

devsite-quiz devsite-badge-awarded {
       max-width: 720px;
       display: block;
       margin: 0 auto
}

devsite-quiz [show] {
       background: var(--devsite-background-2);
       -webkit-transition: background .2s cubic-bezier(0, 0, .2, 1);
       transition: background .2s cubic-bezier(0, 0, .2, 1)
}

devsite-quiz [show] .devsite-quiz-footer-content {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
       -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: opacity .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
       transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1);
       transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

devsite-quiz .devsite-quiz-footer-content {
       opacity: 0;
       padding: 48px 16px;
       -webkit-transform: translateY(24px);
       transform: translateY(24px);
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1)
}

devsite-quiz .static-badge-awarded-container {
       min-height: 68px;
       background: var(--devsite-background-2)
}

devsite-quiz .static-badge-awarded-container .devsite-badger-award-inner:first-child {
       padding-top: 30px
}

devsite-quiz .static-badge-awarded-container .devsite-badger-award-inner:last-child {
       padding-bottom: 30px
}

devsite-quiz .devsite-quiz-results-container {
       width: 100%
}

devsite-quiz .devsite-quiz-footer-header {
       font: 400 32px/40px var(--devsite-headline-font-family)
}

devsite-quiz .devsite-quiz-score {
       font-weight: 500
}

devsite-quiz .devsite-quiz-score-copy {
       font: 400 24px/32px var(--devsite-headline-font-family);
       margin-bottom: 8px
}

devsite-quiz .devsite-quiz-score-success {
       font-size: 20px;
       margin-bottom: 20px
}

devsite-quiz .devsite-quiz-score-fail .devsite-quiz-score {
       color: var(--devsite-quiz-error-color)
}

devsite-quiz .devsite-quiz-score-success .devsite-quiz-score {
       color: var(--devsite-quiz-correct-color)
}

devsite-quiz .devsite-quiz-score-subtext {
       color: var(--devsite-quiz-secondary-text-color);
       margin-top: 8px
}

devsite-quiz .devsite-quiz-action-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-quiz .devsite-quiz-rating {
       border-top: var(--devsite-primary-border);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 32px 0
}

devsite-quiz .devsite-quiz-feedback {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-primary-text-color);
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       margin: 0;
       opacity: 0;
       position: relative;
       -webkit-transform: translateX(-24px);
       transform: translateX(-24px);
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1)
}

devsite-quiz .devsite-quiz-feedback-container {
       border-radius: 4px;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       margin: -9px 0;
       padding: 4px 12px
}

devsite-quiz .devsite-quiz-feedback-container:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       line-height: inherit;
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px
}

devsite-quiz .correct {
       background: var(--devsite-quiz-correct-background)
}

devsite-quiz .correct:before {
       color: var(--devsite-quiz-correct-color);
       content: "check_circle_outline"
}

devsite-quiz .partially-correct {
       background: var(--devsite-quiz-partially-correct-background);
       margin: 15px 0 0
}

devsite-quiz .partially-correct:before {
       color: var(--devsite-quiz-partially-correct-color);
       content: "remove_circle_outline"
}

devsite-quiz .incorrect {
       background: var(--devsite-quiz-error-background)
}

devsite-quiz .incorrect:before {
       color: var(--devsite-quiz-error-color);
       content: "not_interested"
}

devsite-quiz .devsite-quiz-feedback-text {
       font-family: var(--devsite-headline-font-family);
       font-size: 14px;
       line-height: 20px;
       margin: 5px 0
}

devsite-quiz .devsite-quiz-feedback-title {
       font-family: var(--devsite-headline-font-family);
       font-size: 16px;
       font-weight: 500
}

devsite-quiz .devsite-quiz-feedback-message {
       font-family: var(--devsite-primary-font-family)
}

@media screen and (max-width:600px) {
       devsite-quiz .devsite-quiz-question {
              margin-bottom: 36px
       }

       devsite-quiz .devsite-quiz-match-question-row-element {
              margin: 12px 0
       }

       devsite-quiz .devsite-quiz-feedback {
              margin: 0 0 12px;
              top: 0
       }
}

@media screen and (min-width:601px) {

       devsite-quiz .devsite-quiz-body,
       devsite-quiz .devsite-quiz-footer-content,
       devsite-quiz .devsite-quiz-header-content {
              -webkit-padding-start: 24px;
              -moz-padding-start: 24px;
              padding-inline-start: 24px;
              -webkit-padding-end: 24px;
              -moz-padding-end: 24px;
              padding-inline-end: 24px
       }

       devsite-quiz .devsite-quiz-badge {
              display: block;
              height: 122px;
              min-width: 122px;
              opacity: 0;
              -webkit-transform: scale(1);
              transform: scale(1);
              width: 122px
       }

       devsite-quiz .devsite-quiz-badge.show {
              -webkit-animation: badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97), badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) .33s, badgeFadeIn .5s linear;
              animation: badgeGrowIn .33s cubic-bezier(.75, 0, .71, .97), badgeGrowOut .17s cubic-bezier(.85, -.14, .83, .83) .33s, badgeFadeIn .5s linear;
              -webkit-margin-start: 48px;
              -moz-margin-start: 48px;
              margin-inline-start: 48px;
              opacity: 1;
              -webkit-transform: scale(1);
              transform: scale(1)
       }

       devsite-quiz .devsite-quiz-badge img {
              height: 120px;
              width: 120px
       }

       devsite-quiz .devsite-quiz-match-question {
              border: 0;
              display: table;
              max-width: 600px;
              width: 100%
       }

       devsite-quiz .devsite-quiz-match-question-row {
              border: 0;
              display: table-row
       }

       devsite-quiz .devsite-quiz-match-question-row-element,
       devsite-quiz .devsite-quiz-match-question-row>.devsite-quiz-feedback {
              display: table-cell;
              margin: 0;
              padding: 24px;
              position: relative;
              top: 0;
              vertical-align: middle
       }

       devsite-quiz .devsite-quiz-match-question-row-element {
              border-top: var(--devsite-primary-border)
       }

       devsite-quiz .devsite-quiz-match-question-row:last-child>.devsite-quiz-match-question-row-element {
              border-bottom: var(--devsite-primary-border)
       }

       devsite-quiz .devsite-quiz-problem {
              -moz-box-sizing: border-box;
              box-sizing: border-box;
              -webkit-padding-start: 0;
              -moz-padding-start: 0;
              padding-inline-start: 0;
              width: 100%
       }

       devsite-quiz .devsite-quiz-answer {
              -webkit-padding-end: 0;
              -moz-padding-end: 0;
              padding-inline-end: 0
       }

       devsite-quiz .devsite-quiz-feedback-container {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }
}

@media screen and (min-width:841px) {

       devsite-quiz .devsite-quiz-body,
       devsite-quiz .devsite-quiz-footer-content,
       devsite-quiz .devsite-quiz-header-content {
              max-width: 768px
       }

       devsite-quiz .devsite-quiz-header-text {
              max-width: 488px
       }

       devsite-quiz .devsite-quiz-footer {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center
       }

       devsite-quiz .devsite-quiz-footer-content {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              width: 100%
       }

       devsite-quiz .devsite-quiz-footer-content+.devsite-quiz-footer-content {
              margin-top: 0
       }

       devsite-quiz .devsite-quiz-footer-content:nth-last-child(2),
       devsite-quiz .devsite-quiz-footer-content:nth-last-child(2)+.devsite-quiz-footer-content {
              max-width: 384px
       }

       devsite-quiz .devsite-quiz-footer-content:nth-last-child(2) {
              -webkit-box-pack: end;
              -webkit-justify-content: flex-end;
              -moz-box-pack: end;
              -ms-flex-pack: end;
              justify-content: flex-end
       }
}

devsite-recommendations {
       border-top: var(--devsite-primary-border);
       display: block;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       margin: 40px -40px -40px;
       padding: 20px 40px 40px
}

body[layout=full] devsite-recommendations {
       padding: 12px 0
}

body[layout=docs][template=landing] devsite-recommendations {
       margin: 0;
       padding: 12px 40px
}

devsite-recommendations .significatio-overview {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       position: relative
}

body[layout=full] devsite-recommendations .significatio-overview {
       margin: 0 auto
}

body[layout=full] devsite-recommendations .significatio-body,
body[layout=full] devsite-recommendations .significatio-overview {
       max-width: 1488px;
       padding: 0 24px
}

devsite-recommendations .significatio-heading {
       font: var(--devsite-h2-font);
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0;
       padding-right: 4px
}

devsite-recommendations .significatio-body {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 12px 0 0;
       width: 100%
}

body[layout=full] devsite-recommendations .significatio-body {
       margin: 16px auto 0
}

devsite-recommendations .significatio-heading-icon {
       fill: currentColor;
       margin-inline: 0 4px;
       width: 24px
}

devsite-recommendations .significatio-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row
}

devsite-recommendations .significatio-buttons button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-size: 20px;
       height: 40px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 0;
       -webkit-transition: background .2s;
       transition: background .2s;
       width: 40px
}

devsite-recommendations .significatio-buttons button:focus,
devsite-recommendations .significatio-buttons button:hover {
       background-color: #aecbfa
}

devsite-recommendations .significatio-buttons .material-icons {
       top: auto
}

devsite-recommendations .significatio-buttons .material-icons:not(:link) {
       pointer-events: none
}

devsite-recommendations .significatio-loading {
       display: none
}

devsite-recommendations[loading] .significatio-loading {
       display: block;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

devsite-recommendations .significatio-loading devsite-spinner {
       margin: 0 auto
}

devsite-recommendations .significatio-recommendations {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 0 24px
}

devsite-recommendations:not([loading]) .significatio-recommendations {
       width: 100%
}

devsite-recommendations .significatio-card {
       background: var(--devsite-card-background);
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       box-shadow: var(--devsite-card-box-shadow);
       color: var(--devsite-primary-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1;
       -moz-box-flex: 1;
       -ms-flex: 1 1;
       flex: 1 1;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-width: calc(33.3333333333% - 16px);
       min-width: 0;
       opacity: 0;
       padding: 18px 20px 20px;
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
       transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

devsite-recommendations .significatio-card:hover {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)
}

devsite-recommendations .significatio-card.error {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-recommendations .significatio-card[show] {
       opacity: 1
}

devsite-recommendations .significatio-card-heading {
       font: 500 16px/24px var(--devsite-primary-font-family);
       margin: 0 0 8px;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       display: -webkit-box;
       overflow: hidden;
       text-overflow: ellipsis;
       color: var(--devsite-link-color)
}

devsite-recommendations .significatio-card-description {
       -webkit-box-orient: vertical;
       display: -webkit-box;
       font-size: 14px;
       -webkit-line-clamp: 2;
       margin: 0 0 20px;
       max-height: 48px;
       overflow: hidden
}

devsite-recommendations .significatio-card.error .significatio-card-description {
       color: #80868b;
       font: 400 12px/16px var(--devsite-primary-font-family);
       letter-spacing: 0;
       -webkit-line-clamp: 3;
       margin: 12px 0;
       text-align: center
}

devsite-recommendations .significatio-card.error .significatio-card-description+.significatio-card-description {
       margin-top: 0
}

devsite-recommendations .significatio-card-meta {
       font: 400 14px/16px var(--devsite-primary-font-family);
       color: var(--devsite-secondary-text-color);
       margin: auto 0 0
}

devsite-recommendations .info-container,
devsite-recommendations .significatio-popout-container,
devsite-recommendations .significatio-recommend-popout-container {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       position: relative
}

devsite-recommendations .info-button,
devsite-recommendations .significatio-popout-toggle {
       color: #5f6368
}

devsite-recommendations .significatio-attr-toggle {
       height: 16px;
       color: #80868b;
       padding: 0 5px;
       min-width: 0;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: visible
}

devsite-recommendations .significatio-attr-toggle .significatio-attr-info {
       height: 16px;
       width: 16px;
       fill: #80868b;
       position: relative;
       top: -2px;
       margin: 0
}

devsite-recommendations .significatio-attr h4 {
       font: 500 14px/16px var(--devsite-primary-font-family);
       color: #3c4043;
       line-height: 20px
}

devsite-recommendations .significatio-attr p {
       font: 400 14px/16px var(--devsite-primary-font-family);
       color: #3c4043;
       line-height: 20px
}

devsite-recommendations .significatio-info-container {
       border-radius: 50%;
       height: 36px;
       -webkit-transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, transform .2s;
       transition: opacity .2s, transform .2s, -webkit-transform .2s
}

devsite-recommendations .significatio-info-container:hover {
       background-color: var(--devsite-background-4)
}

devsite-recommendations .significatio-error-icon,
devsite-recommendations .significatio-icon-info {
       fill: currentColor;
       vertical-align: text-bottom;
       width: 18px;
       height: 36px
}

devsite-recommendations .significatio-popout {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       background: var(--devsite-background-1);
       max-width: 400px;
       opacity: 0;
       padding: 20px 24px;
       position: absolute;
       top: calc(100% + 8px);
       -webkit-transform: translateY(-12px);
       transform: translateY(-12px);
       -webkit-transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, transform .2s;
       transition: opacity .2s, transform .2s, -webkit-transform .2s
}

[dir=ltr] devsite-recommendations .significatio-popout {
       left: -12px
}

[dir=rtl] devsite-recommendations .significatio-popout {
       right: -12px
}

devsite-recommendations .significatio-popout.significatio-attr {
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       border-radius: 4px;
       padding: 16px 17px;
       width: 150px
}

[dir=ltr] devsite-recommendations .significatio-popout.significatio-attr {
       left: calc(-75px + 50%)
}

[dir=rtl] devsite-recommendations .significatio-popout.significatio-attr {
       right: calc(-75px + 50%)
}

devsite-recommendations .significatio-popout.significatio-attr h4 {
       margin-bottom: 8px
}

devsite-recommendations .significatio-popout.significatio-attr p {
       margin-bottom: 0
}

devsite-recommendations .significatio-popout-heading {
       margin-top: 0
}

[dir=ltr] body[layout=full] devsite-recommendations .significatio-popout {
       right: 32px
}

[dir=rtl] body[layout=full] devsite-recommendations .significatio-popout {
       left: 32px
}

devsite-recommendations .significatio-popout[active] {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0)
}

devsite-recommendations .significatio-popout p {
       margin-top: 0
}

devsite-recommendations .significatio-interaction-container {
       height: 36px
}

devsite-recommendations .significatio-internal-only {
       line-height: 12px;
       size: 12px;
       margin: 14px 0;
       color: #a50e0e
}

@media screen and (max-width:1253px) {
       body[layout] devsite-recommendations .significatio-recommendations {
              display: block
       }

       body[layout] devsite-recommendations .significatio-card {
              max-width: none
       }

       [dir] body[layout] devsite-recommendations .significatio-card:not(:first-child) {
              margin: 24px 0 0
       }
}

@media screen and (max-width:840px) {
       body[layout][template] devsite-recommendations {
              margin: 24px -24px -24px;
              padding: 24px
       }

       body[layout=full] devsite-recommendations .significatio-body,
       body[layout=full] devsite-recommendations .significatio-overview {
              padding: 0
       }

       [dir=ltr] body[layout=full] devsite-recommendations .significatio-popout {
              right: -8px
       }

       [dir=rtl] body[layout=full] devsite-recommendations .significatio-popout {
              left: -8px
       }
}

@media screen and (max-width:600px) {
       body[layout][template] devsite-recommendations {
              margin: 32px -16px -16px;
              padding: 16px
       }

       [dir] body[layout] devsite-recommendations .significatio-card:not(:first-child) {
              margin: 16px 0 0
       }
}

devsite-recommendations-dropdown {
       display: block;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

.devsite-recommendations-dropdown-toggle {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.devsite-recommendations-dropdown-icon {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       pointer-events: none;
       top: 0
}

[dir=ltr] .devsite-recommendations-dropdown-icon {
       right: 8px
}

[dir=rtl] .devsite-recommendations-dropdown-icon {
       left: 8px
}

.devsite-recommendations-dropdown-icon:before {
       font-size: 18px;
       content: "keyboard_arrow_down"
}

.devsite-recommendations-dropdown-toggle.active>.devsite-recommendations-dropdown-icon:before {
       content: "keyboard_arrow_up"
}

.devsite-recommendations-dropdown-list {
       background: var(--devsite-background-1);
       border: var(--devsite-list-border, var(--devsite-secondary-border));
       border-radius: var(--devsite-list-border-radius, 2px);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       display: none;
       font: 400 14px/20px var(--devsite-primary-font-family);
       opacity: 0;
       outline: 0;
       overflow-y: auto;
       pointer-events: none;
       position: absolute;
       -webkit-transition: opacity .2s, visibility .2s;
       transition: opacity .2s, visibility .2s;
       z-index: 1015;
       list-style-type: none;
       padding: 0 14px
}

.devsite-recommendations-dropdown-list.active {
       display: block;
       opacity: 1;
       pointer-events: auto
}

devsite-recommendations-dropdown .devsite-select-item {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       margin: 0;
       min-height: 48px;
       min-width: 100%;
       white-space: nowrap;
       border-bottom: 1px solid #dadce0;
       padding: 14px 0
}

devsite-recommendations-dropdown .devsite-select-item:hover {
       background-color: var(--devsite-background-3);
       cursor: pointer
}

devsite-recommendations-dropdown .devsite-select-item>.significatio-card-heading {
       margin: 0
}

devsite-recommendations-sidebar {
       display: var(--devsite-js-recommendations-sidebar-display, block);
       position: relative
}

devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading {
       font-weight: 700;
       margin-bottom: 8px;
       -webkit-margin-start: -8px;
       -moz-margin-start: -8px;
       margin-inline-start: -8px
}

devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading-link {
       color: var(--devsite-recommendations-accent);
       padding: 0
}

devsite-recommendations-sidebar .devsite-nav-text,
devsite-recommendations-sidebar .devsite-recommendations-sidebar-icon {
       pointer-events: none
}

devsite-recommendations-sidebar .devsite-recommendations-sidebar-icon {
       fill: var(--devsite-recommendations-accent);
       height: 24px;
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px;
       width: 24px
}

devsite-recommendations-sidebar .devsite-nav-active .devsite-recommendations-sidebar-icon,
devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading-link:focus .devsite-recommendations-sidebar-icon,
devsite-recommendations-sidebar .devsite-recommendations-sidebar-heading-link:hover .devsite-recommendations-sidebar-icon {
       fill: var(--devsite-nav-color-hover, var(--devsite-link-color))
}

devsite-recommendations-sidebar>.devsite-nav-list {
       -webkit-border-start: var(--devsite-toc-border-width, 4px) solid var(--devsite-recommendations-accent);
       -moz-border-start: var(--devsite-toc-border-width, 4px) solid var(--devsite-recommendations-accent);
       border-inline-start: var(--devsite-toc-border-width, 4px) solid var(--devsite-recommendations-accent);
       -webkit-padding-start: var(--devsite-nav-list-padding-x-start, 12px);
       -moz-padding-start: var(--devsite-nav-list-padding-x-start, 12px);
       padding-inline-start: var(--devsite-nav-list-padding-x-start, 12px)
}

devsite-recommendations-sidebar .devsite-nav-item {
       padding: var(--devsite-nav-title-padding, 4px 0)
}

devsite-recommendations-sidebar .devsite-nav-item:first-of-type,
devsite-recommendations-sidebar .devsite-nav-title:first-of-type {
       padding-top: 0
}

devsite-recommendations-sidebar .devsite-nav-title {
       padding-bottom: 0;
       text-decoration: none
}

devsite-recommendations-sidebar .significatio-card-meta {
       color: var(--devsite-secondary-text-color);
       font-size: 11px;
       line-height: 14px;
       margin: 4px 0 0
}

@-webkit-keyframes fadeIn {
       0% {
              opacity: 0
       }

       to {
              opacity: 1
       }
}

@keyframes fadeIn {
       0% {
              opacity: 0
       }

       to {
              opacity: 1
       }
}

devsite-recommended-content:not(:defined) {
       min-height: 330px
}

@-webkit-keyframes pulse {

       0%,
       to {
              opacity: 1
       }

       50% {
              opacity: .5
       }
}

@keyframes pulse {

       0%,
       to {
              opacity: 1
       }

       50% {
              opacity: .5
       }
}

devsite-recommended-content .skeleton-filters,
devsite-recommended-content .skeleton-list {
       -webkit-animation: fadeIn .5s;
       animation: fadeIn .5s;
       list-style: none;
       padding: 0
}

devsite-recommended-content .skeleton-list {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: var(--devsite-item-gap, 24px);
       -webkit-flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       -ms-flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       padding-bottom: 36px
}

devsite-recommended-content .skeleton-filters {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 8px;
       -webkit-flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       -ms-flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       overflow: hidden;
       padding-bottom: 4px
}

devsite-recommended-content .skeleton-header {
       grid-area: header
}

devsite-recommended-content .skeleton-item {
       align-self: start;
       background: var(--tenant-background-1);
       border: var(--tenant-primary-border);
       border-radius: 8px;
       display: grid;
       grid: var(--skeleton-item-grid);
       margin: 0;
       padding: 16px
}

devsite-recommended-content .skeleton-filters .skeleton-item {
       gap: 8px 0;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0
}

devsite-recommended-content .skeleton-list .skeleton-item {
       gap: 8px 0;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

devsite-recommended-content .skeleton-filters,
devsite-recommended-content .skeleton-filters-header,
devsite-recommended-content .skeleton-item-heading,
devsite-recommended-content .skeleton-item-icon,
devsite-recommended-content .skeleton-item-meta,
devsite-recommended-content .skeleton-item-text {
       -webkit-animation: pulse 2s infinite;
       animation: pulse 2s infinite
}

devsite-recommended-content .skeleton-filters-header>div,
devsite-recommended-content .skeleton-item-heading>div,
devsite-recommended-content .skeleton-item-icon,
devsite-recommended-content .skeleton-item-meta,
devsite-recommended-content .skeleton-item-text>div {
       background: var(--tenant-background-3);
       border-radius: 4px
}

devsite-recommended-content .skeleton-filters-header {
       height: 38px;
       padding-top: 6px
}

devsite-recommended-content .skeleton-filters-header>div {
       border: var(--tenant-primary-border);
       background: var(--tenant-background-1);
       width: 20%;
       height: 24px
}

devsite-recommended-content .skeleton-item-heading>div {
       height: 26px
}

devsite-recommended-content .skeleton-item-heading>div:first-child {
       margin-block: 4px 0;
       width: 95%
}

devsite-recommended-content .skeleton-item-heading>div:nth-child(2) {
       margin-block: 8px 0;
       width: 55%
}

devsite-recommended-content .skeleton-item-meta,
devsite-recommended-content .skeleton-item-text {
       margin-block: 4px 0
}

devsite-recommended-content .skeleton-item-meta {
       height: 14px;
       width: 45%
}

devsite-recommended-content .skeleton-item-text>div {
       height: 14px
}

devsite-recommended-content .skeleton-item-text>div:first-child {
       width: 100%
}

devsite-recommended-content .skeleton-item-text>div:nth-child(2) {
       margin-block: 8px 0;
       width: 65%
}

devsite-recommended-content .skeleton-item-icon {
       height: 32px;
       width: 32px
}

@media (max-width:1128px) {
       devsite-recommended-content:not(:defined) {
              min-height: 496px
       }

       devsite-recommended-content .skeleton-filters-header {
              height: 114px
       }

       devsite-recommended-content .skeleton-filters {
              padding-bottom: 6px
       }

       devsite-recommended-content .skeleton-list .skeleton-item:nth-child(4) {
              display: none
       }
}

@media (max-width:820px) {
       devsite-recommended-content .skeleton-list .skeleton-item:nth-child(3) {
              display: none
       }
}

@media (max-width:600px) {
       devsite-recommended-content:not(:defined) {
              min-height: 672px
       }

       devsite-recommended-content .skeleton-list .skeleton-item:nth-child(2) {
              display: none
       }

       devsite-recommended-content .skeleton-list .skeleton-item {
              max-width: 85%
       }

       devsite-recommended-content .skeleton-filters-header {
              height: 38px
       }
}

devsite-recommended-content .devsite-recommended-content-filters-spacer {
       min-height: 100px
}

devsite-recommended-content .devsite-recommended-content-profile-cta {
       min-height: 46px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       gap: 16px;
       -webkit-animation: fadeIn .5s;
       animation: fadeIn .5s;
       --devsite-background-button-background: transparent;
       --devsite-background-button-background-hover: transparent;
       --devsite-background-button-border-color-hover: var(--devsite-background-button-border-color)
}

devsite-recommended-content .devsite-recommended-content-profile-cta .devsite-recommended-content-profile-cta-badge {
       height: 46px;
       width: 190px;
       border-bottom: 1px solid #dadce0
}

devsite-recommended-content .devsite-recommended-content-profile-cta .button {
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0
}

devsite-recommended-content .devsite-recommended-content-profile-cta .text {
       color: #1a73e8;
       line-height: 1
}

@media (max-width:820px) {
       devsite-recommended-content .devsite-recommended-content-profile-cta .devsite-recommended-content-profile-cta-badge {
              display: none
       }
}

@media (max-width:600px) {
       devsite-recommended-content .devsite-recommended-content-profile-cta {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              padding-top: 18px;
              text-align: center
       }

       devsite-recommended-content .devsite-recommended-content-profile-cta .text {
              line-height: 20px
       }
}

devsite-recommended-content {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 16px 0;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

devsite-recommended-content .devsite-recommended-content-header {
       -webkit-animation: fadeIn .5s;
       animation: fadeIn .5s;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-recommended-content .devsite-recommended-content-heading {
       -webkit-animation: fadeIn .5s;
       animation: fadeIn .5s;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 8px;
       line-height: 24px
}

devsite-recommended-content .devsite-recommended-content-heading-message,
devsite-recommended-content .devsite-recommended-content-item-updated {
       color: var(--devsite-secondary-text-color);
       font-size: 14px
}

devsite-recommended-content .devsite-recommended-content-heading-label {
       font-size: 16px
}

devsite-recommended-content devsite-rich-tooltip {
       font: 14px/20px var(--devsite-primary-font-family)
}

devsite-recommended-content .devsite-recommended-content-heading-message {
       font-style: italic
}

devsite-recommended-content .devsite-recommended-content-toggle {
       display: var(--devsite-recommended-content-toggle-display)
}

devsite-recommended-content .devsite-recommended-content-filters {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 8px;
       -webkit-flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       -ms-flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       flex-wrap: var(--devsite-recommended-content-filters-flex-wrap);
       grid-area: filters;
       margin-block: var(--devsite-recommended-content-filters-margin-block, -8px);
       margin-inline: var(--devsite-recommended-content-filters-margin-inline, 0);
       overflow: var(--devsite-recommended-content-filters-overflow);
       padding-block: var(--devsite-recommended-content-filters-padding-block, 8px);
       padding-inline: var(--devsite-recommended-content-filters-padding-inline, 0);
       -webkit-transition: opacity .5s;
       transition: opacity .5s;
       width: var(--devsite-recommended-content-filters-width, 100%)
}

devsite-recommended-content .devsite-recommended-content-filters::-webkit-scrollbar {
       background: 0;
       height: 0;
       width: 0
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox] {
       display: inline
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:after,
devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:before {
       display: none
}

devsite-recommended-content .devsite-recommended-content-filters-item label {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-background-1);
       border: var(--devsite-primary-border);
       border-radius: 8px;
       color: var(--devsite-primary-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: var(--devsite-button-font, 500 14px/36px var(--devsite-primary-font-family));
       height: 32px;
       padding: 0 16px;
       -webkit-transition: background .2s, border .2s, box-shadow .2s, color .2s;
       transition: background .2s, border .2s, box-shadow .2s, color .2s;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       white-space: nowrap
}

devsite-recommended-content .devsite-recommended-content-filters-item label:hover {
       background: var(--devsite-background-2)
}

devsite-recommended-content .devsite-recommended-content-filters-item input:disabled+label:hover {
       background: var(--devsite-background-1)
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:focus+label {
       background: var(--devsite-background-3);
       border-color: var(--devsite-primary-text-color)
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:checked+label {
       background: var(--devsite-link-background-hover);
       border-color: transparent;
       color: var(--devsite-link-color)
}

[background=grey] devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:checked+label {
       border-color: var(--devsite-link-color)
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:checked+label:hover {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:checked:disabled+label:hover {
       box-shadow: revert
}

devsite-recommended-content .devsite-recommended-content-filters-item input[type=checkbox]:checked:focus+label {
       color: var(--devsite-contrast-link-color)
}

.devsite-recommended-content-filters-item input[type=checkbox]:disabled {
       pointer-events: none
}

devsite-recommended-content .devsite-recommended-content-list-header {
       grid-area: list-header
}

devsite-recommended-content .devsite-recommended-content-list {
       -webkit-animation: fadeIn .5s;
       animation: fadeIn .5s;
       display: grid;
       gap: var(--devsite-item-gap, 24px);
       grid: auto-flow/repeat(var(--devsite-columns, 4), 1fr);
       grid-area: content
}

devsite-recommended-content devsite-carousel .devsite-recommended-content-list {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-recommended-content .devsite-recommended-content-item {
       background: var(--devsite-card-background);
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       box-shadow: var(--devsite-card-box-shadow);
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       gap: 8px;
       min-width: 0;
       padding: 16px
}

devsite-recommended-content .devsite-recommended-content-item:nth-child(n+5) {
       display: var(--devsite-recommended-content-item-show-all-display)
}

devsite-recommended-content .devsite-recommended-content-item-heading {
       -webkit-box-orient: vertical;
       color: var(--devsite-link-color);
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1;
       overflow: hidden
}

devsite-recommended-content[truncate] .devsite-recommended-content-item-heading {
       display: initial;
       max-width: 100%;
       text-overflow: ellipsis;
       white-space: nowrap
}

devsite-recommended-content .devsite-recommended-content-item-description,
devsite-recommended-content .devsite-recommended-content-item-updated {
       margin: 0
}

devsite-recommended-content .devsite-recommended-content-item-description {
       -webkit-box-orient: vertical;
       display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-ordinal-group: 4;
       -webkit-order: 3;
       -moz-box-ordinal-group: 4;
       -ms-flex-order: 3;
       order: 3;
       overflow: hidden
}

devsite-recommended-content .devsite-recommended-content-item-updated {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2
}

devsite-recommended-content .devsite-recommended-content-item-icon {
       display: grid;
       margin-block: auto 0;
       -webkit-box-ordinal-group: 5;
       -webkit-order: 4;
       -moz-box-ordinal-group: 5;
       -ms-flex-order: 4;
       order: 4;
       place-content: center;
       width: 32px
}

devsite-recommended-content .devsite-recommended-content-item-icon img,
devsite-recommended-content .devsite-recommended-content-item-icon picture {
       height: 32px
}

devsite-recommended-content .devsite-recommended-content-item-icon .material-icons {
       color: var(--devsite-foreground-color, var(--devsite-secondary-text-color));
       font-size: 32px
}

devsite-reference-results {
       background: var(--devsite-background-1);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       max-height: 305px;
       padding: 20px 10px 20px 28px;
       margin: 16px 0
}

devsite-reference-results:empty {
       display: none
}

devsite-reference-results .devsite-reference-results {
       height: auto;
       width: 100%
}

devsite-reference-results .devsite-reference-results h3 {
       margin-top: 0
}

devsite-reference-results .devsite-reference-results-list {
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
       padding-left: 0
}

devsite-reference-results .devsite-reference-results-list-item {
       -webkit-column-break-inside: avoid;
       break-inside: avoid;
       margin: 0 0 0 -8px;
       outline: 0;
       overflow: hidden;
       padding: 10px 8px;
       text-decoration: none;
       text-overflow: ellipsis;
       -webkit-transition: background .2s;
       transition: background .2s;
       white-space: nowrap
}

devsite-reference-results .devsite-reference-results-list-item:focus,
devsite-reference-results .devsite-reference-results-list-item:hover {
       background: var(--devsite-background-3)
}

devsite-reference-results .devsite-reference-results-list-link {
       color: var(--devsite-primary-text-color);
       font: 13px/20px var(--devsite-primary-font-family)
}

@media screen and (max-width:600px) {
       devsite-reference-results {
              overflow-y: scroll
       }

       devsite-reference-results .devsite-reference-results-list {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              padding-bottom: 20px
       }

       devsite-reference-results .devsite-reference-results {
              width: auto
       }
}

devsite-rich-tooltip {
       display: none;
       position: relative;
       z-index: 2
}

devsite-rich-tooltip:defined {
       background: 0;
       display: revert
}

devsite-rich-tooltip>[slot] {
       margin: 0 !important;
       padding: 0 !important
}

devsite-search {
       border-radius: var(--devsite-search-border-radius);
       display: inline-block;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: var(--devsite-search-height);
       margin: 6px 0 6px 24px;
       overflow: hidden;
       position: relative;
       text-align: left;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       vertical-align: top;
       width: 200px;
       will-change: transition;
       z-index: 10
}

[dir=rtl] devsite-search {
       margin: 6px 24px 6px 0;
       text-align: right
}

body[pending] devsite-search {
       visibility: hidden !important
}

devsite-search .devsite-search-image {
       color: var(--devsite-search-image-color, var(--devsite-secondary-text-color));
       position: absolute;
       top: var(--devsite-search-image-top);
       -webkit-transition: color .2s;
       transition: color .2s
}

[dir=ltr] devsite-search .devsite-search-image {
       left: var(--devsite-search-image-x)
}

[dir=rtl] devsite-search .devsite-search-image {
       right: var(--devsite-search-image-x)
}

devsite-search .devsite-search-image:before {
       content: "search"
}

devsite-search .devsite-search-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-search .devsite-suggest-results-container {
       border-top: var(--devsite-primary-border)
}

devsite-search input.devsite-search-field {
       background: none;
       border: var(--devsite-search-field-border);
       border-radius: var(--devsite-search-field-border-radius);
       color: var(--devsite-secondary-text-color);
       height: var(--devsite-search-field-height);
       outline: 0;
       padding: 8px;
       -webkit-padding-start: var(--devsite-search-field-padding-x-start);
       -moz-padding-start: var(--devsite-search-field-padding-x-start);
       padding-inline-start: var(--devsite-search-field-padding-x-start);
       -webkit-transition: background .2s, color .2s;
       transition: background .2s, color .2s;
       width: 100%
}

devsite-search input.devsite-search-field::-webkit-input-placeholder {
       color: var(--devsite-search-field-placeholder-color, var(--devsite-secondary-text-color));
       font: var(--devsite-search-field-placeholder-font);
       -webkit-transition: color .2s;
       transition: color .2s
}

devsite-search input.devsite-search-field::-moz-placeholder {
       color: var(--devsite-search-field-placeholder-color, var(--devsite-secondary-text-color));
       font: var(--devsite-search-field-placeholder-font);
       -moz-transition: color .2s;
       transition: color .2s
}

devsite-search input.devsite-search-field:-ms-input-placeholder {
       color: var(--devsite-search-field-placeholder-color, var(--devsite-secondary-text-color));
       font: var(--devsite-search-field-placeholder-font);
       -ms-transition: color .2s;
       transition: color .2s
}

devsite-search input.devsite-search-field::-ms-input-placeholder {
       color: var(--devsite-search-field-placeholder-color, var(--devsite-secondary-text-color));
       font: var(--devsite-search-field-placeholder-font);
       -ms-transition: color .2s;
       transition: color .2s
}

devsite-search input.devsite-search-field::placeholder {
       color: var(--devsite-search-field-placeholder-color, var(--devsite-secondary-text-color));
       font: var(--devsite-search-field-placeholder-font);
       -webkit-transition: color .2s;
       transition: color .2s
}

devsite-search input.devsite-search-field:focus {
       border: var(--devsite-search-field-border);
       padding-bottom: 8px
}

devsite-search .devsite-searchbox {
       width: 100%
}

devsite-search .devsite-searchbox:before {
       background: var(--devsite-background-1);
       content: "";
       display: var(--devsite-searchbox-before-display, block);
       height: 500px;
       opacity: 0;
       pointer-events: none;
       position: absolute;
       top: -458px;
       -webkit-transition: opacity 1ms .2s;
       transition: opacity 1ms .2s;
       width: calc(100% + 12px);
       will-change: opacity;
       z-index: -1
}

[dir=ltr] devsite-search .devsite-searchbox:before {
       left: -6px
}

[dir=rtl] devsite-search .devsite-searchbox:before {
       right: -6px
}

devsite-search[search-active] {
       overflow: visible
}

devsite-search[search-active] .devsite-searchbox:before {
       opacity: 1
}

devsite-search[search-active] .devsite-searchbox:hover {
       background: var(--devsite-searchbox-background-active, var(--devsite-background-3))
}

.devsite-header-billboard-search devsite-search[search-active] .devsite-search-form,
body[template=\34 04] devsite-search[search-active] .devsite-search-form,
devsite-header[search-expanded] .devsite-search-form {
       border-radius: var(--devsite-search-border-radius, 0);
       box-shadow: var(--devsite-search-active-box-shadow, none);
       overflow: var(--devsite-search-active-overflow, visible)
}

.devsite-header-billboard-search devsite-search[search-active] .devsite-popout,
body[template=\34 04] devsite-search[search-active] .devsite-popout,
devsite-header[search-expanded] devsite-search .devsite-popout {
       display: var(--devsite-popout-active-display, block)
}

.devsite-header-billboard-search devsite-search[search-active] .devsite-search-field,
.devsite-header-billboard-search devsite-search[search-active] .devsite-search-field:hover,
body[template=\34 04] devsite-search[search-active] .devsite-search-field,
body[template=\34 04] devsite-search[search-active] .devsite-search-field:hover,
devsite-header[search-expanded] devsite-search[search-active] .devsite-search-field,
devsite-header[search-expanded] devsite-search[search-active] .devsite-search-field:hover {
       background: var(--devsite-search-form-background-active);
       color: var(--devsite-search-form-text-active, var(--devsite-primary-text-color))
}

devsite-search[search-active] .devsite-search-field {
       color: var(--devsite-primary-text-color)
}

devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
       color: var(--devsite-secondary-text-color)
}

devsite-search[search-active] .devsite-search-field::-moz-placeholder {
       color: var(--devsite-secondary-text-color)
}

devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
       color: var(--devsite-secondary-text-color)
}

devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
       color: var(--devsite-secondary-text-color)
}

devsite-search[search-active] .devsite-search-field::placeholder {
       color: var(--devsite-secondary-text-color)
}

devsite-search[search-active] .devsite-search-image {
       color: var(--devsite-search-active-image-color, var(--devsite-secondary-text-color))
}

devsite-search .devsite-popout,
devsite-search[search-active] .devsite-popout {
       display: var(--devsite-popout-display, block)
}

devsite-search .devsite-popout {
       margin-top: var(--devsite-popout-margin-top, 6px);
       position: var(--devsite-popout-position, absolute);
       -webkit-transform: var(--devsite-popout-transform, translateY(-100vh));
       transform: var(--devsite-popout-transform, translateY(-100vh));
       -webkit-transition: var(--devsite-popout-transition, transform .2s);
       transition: var(--devsite-popout-transition, transform .2s);
       visibility: hidden;
       width: 100%;
       z-index: var(--devsite-popout-z-index, -2)
}

devsite-search[search-active] .devsite-popout {
       -webkit-transform: translateY(0);
       transform: translateY(0);
       -webkit-transition-delay: .2s;
       transition-delay: .2s;
       visibility: visible;
       will-change: transform
}

devsite-search .devsite-popout-result {
       background: var(--devsite-background-1);
       box-shadow: var(--devsite-popout-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color));
       max-height: calc(100vh - 56px);
       overflow-y: auto
}

devsite-search .devsite-popout-result:empty,
devsite-search[search-active][no-suggest] .devsite-popout {
       display: none
}

devsite-search .devsite-suggest-wrapper {
       padding: 16px 0 0;
       font-size: 14px
}

devsite-search .devsite-result-item,
devsite-search .devsite-result-label {
       font: 13px/20px var(--devsite-primary-font-family);
       margin: 0
}

devsite-search .devsite-result-label {
       padding-left: 40px
}

[dir=rtl] devsite-search .devsite-result-label {
       padding-left: 0;
       padding-right: 40px
}

devsite-search .devsite-result-item a {
       color: var(--devsite-primary-text-color);
       display: block;
       outline: 0;
       padding: 8px;
       text-decoration: none;
       -webkit-transition: background .2s;
       transition: background .2s;
       will-change: transition
}

[dir=ltr] devsite-search .devsite-result-item a {
       padding-left: 40px
}

[dir=rtl] devsite-search .devsite-result-item a {
       padding-right: 40px
}

devsite-search .devsite-result-item.highlight a,
devsite-search .devsite-result-item a:focus,
devsite-search .devsite-result-item a:hover {
       background: var(--devsite-background-3)
}

devsite-search .devsite-result-item b {
       font-weight: 500
}

devsite-search .devsite-suggest-footer {
       border-top: var(--devsite-primary-border);
       margin: 8px 0 0;
       padding: 7px 0 8px 40px
}

[dir=rtl] devsite-search .devsite-suggest-footer {
       padding: 7px 40px 8px 0
}

devsite-search .devsite-suggest-footer>.button {
       display: inline-block;
       margin: 6px 0;
       max-width: calc(100% - 16px)
}

[dir=ltr] devsite-search .devsite-suggest-footer>.button {
       margin-right: 16px
}

[dir=rtl] devsite-search .devsite-suggest-footer>.button {
       margin-left: 16px
}

devsite-search .devsite-suggest-footer>.button-white {
       max-width: 100%
}

[dir=ltr] devsite-search .devsite-suggest-footer>.button-white {
       margin-left: -8px
}

[dir=rtl] devsite-search .devsite-suggest-footer>.button-white {
       margin-right: -8px
}

devsite-search .devsite-suggest-header {
       font: 500 11px/16px var(--devsite-primary-font-family);
       letter-spacing: .8px;
       margin: 12px 0;
       padding-left: 40px;
       text-transform: uppercase
}

[dir=rtl] devsite-search .devsite-suggest-header {
       padding-left: 0;
       padding-right: 40px
}

devsite-search hr+.devsite-suggest-sub-section>.devsite-suggest-header {
       margin-top: 24px
}

devsite-search .devsite-suggest-header .devsite-suggest-project:before {
       content: "|";
       margin: 0 8px
}

devsite-search hr {
       margin: 8px 0
}

devsite-search .devsite-suggestion-fragment+.devsite-suggestion-fragment:before {
       content: "|";
       margin: 0 8px
}

devsite-search .devsite-search-disabled {
       padding-bottom: 16px
}

devsite-search[compact] {
       width: auto
}

devsite-search[compact] .devsite-search-field,
devsite-search[compact] .devsite-searchbox {
       background-color: transparent
}

devsite-search[compact] input.devsite-search-field {
       width: 0
}

devsite-search[compact] .devsite-search-image {
       left: calc(50% - 12px);
       pointer-events: none
}

[dir=ltr] devsite-search[compact][search-active] .devsite-search-image {
       left: 8px;
       right: auto
}

[dir=rtl] devsite-search[compact][search-active] .devsite-search-image {
       right: 8px;
       left: auto
}

devsite-search[compact][search-active] input.devsite-search-field {
       width: 100%
}

@media screen and (max-width:840px) {
       devsite-search input.devsite-search-field {
              padding-left: 40px
       }

       [dir=rtl] devsite-search input.devsite-search-field {
              padding-left: 0;
              padding-right: 40px
       }

       .devsite-search-background,
       .devsite-search-background:after,
       [search-active] .devsite-search-background:after,
       devsite-search .devsite-search-field,
       devsite-search .devsite-search-field:hover {
              -webkit-transition: none;
              transition: none
       }

       devsite-search .devsite-search-image {
              left: 8px
       }

       [dir=rtl] devsite-search .devsite-search-image {
              left: auto;
              right: 8px
       }

       devsite-header devsite-search {
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              margin-left: 8px;
              overflow: visible
       }

       [dir=rtl] devsite-header devsite-search {
              margin-left: 0;
              margin-right: 8px
       }

       devsite-header devsite-search .devsite-search-form {
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
              -moz-box-flex: 1;
              -ms-flex-positive: 1;
              flex-grow: 1
       }

       devsite-header .devsite-top-logo-row devsite-search:not([search-active]) input.devsite-search-field {
              padding: 0
       }
}

devsite-select {
       display: var(--devsite-select-display);
       margin: var(--devsite-select-margin);
       position: relative
}

devsite-select+devsite-select,
devsite-select~.button,
devsite-select~button {
       -webkit-margin-before: var(--devsite-select-sibling-gap-y);
       margin-block-start: var(--devsite-select-sibling-gap-y);
       -webkit-margin-start: var(--devsite-select-sibling-gap-x);
       -moz-margin-start: var(--devsite-select-sibling-gap-x);
       margin-inline-start: var(--devsite-select-sibling-gap-x)
}

devsite-select select {
       display: none !important;
       pointer-events: none !important;
       position: absolute;
       z-index: -1
}

devsite-select .devsite-select {
       position: relative
}

devsite-select .devsite-select-toggle {
       -moz-appearance: none;
       -webkit-appearance: none;
       background-color: var(--devsite-select-background-color);
       border: var(--devsite-select-border, var(--devsite-secondary-border));
       border-radius: var(--devsite-select-border-radius);
       box-shadow: none;
       color: var(--devsite-select-color, var(--devsite-primary-text-color));
       cursor: pointer;
       display: inline-block;
       font: var(--devsite-select-font, 500 14px/36px var(--devsite-primary-font-family));
       height: var(--devsite-select-height, 36px);
       line-height: var(--devsite-select-line-height, 34px);
       max-width: var(--devsite-select-max-width, 340px);
       min-width: 72px;
       outline: 0;
       overflow: hidden;
       padding: var(--devsite-select-padding, 0 27px 0 7px);
       text-align: left;
       text-indent: .01px;
       text-overflow: ellipsis;
       -webkit-transition: background-color .2s;
       transition: background-color .2s;
       vertical-align: middle;
       white-space: nowrap;
       position: relative
}

devsite-select .devsite-select-toggle:focus,
devsite-select .devsite-select-toggle:hover {
       background-color: var(--devsite-select-background-color-hover, var(--devsite-background-3));
       border: var(--devsite-select-border-hover, var(--devsite-select-border, var(--devsite-secondary-border)));
       color: var(--devsite-select-color-hover)
}

devsite-select .devsite-select-toggle:active {
       background-color: var(--devsite-select-background-color-active, var(--devsite-background-4));
       color: var(--devsite-select-color-active)
}

devsite-select .devsite-select-toggle:disabled {
       background-color: var(--devsite-background-3);
       border-color: transparent;
       color: var(--devsite-tertiary-text-color);
       cursor: default
}

devsite-select .devsite-select-toggle-icon {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       pointer-events: none;
       position: absolute;
       top: 0
}

[dir=ltr] devsite-select .devsite-select-toggle-icon {
       right: var(--devsite-select-toggle-icon-x, 8px)
}

[dir=rtl] devsite-select .devsite-select-toggle-icon {
       left: var(--devsite-select-toggle-icon-x, 8px)
}

devsite-select .devsite-select-toggle-icon:before {
       font-size: 18px
}

devsite-select .devsite-select-toggle-count {
       -webkit-margin-start: var(--devsite-select-count-margin-inline-start, 6px);
       -moz-margin-start: var(--devsite-select-count-margin-inline-start, 6px);
       margin-inline-start: var(--devsite-select-count-margin-inline-start, 6px)
}

devsite-select .devsite-select-toggle-count[parens]:not(:empty):before {
       content: "("
}

devsite-select .devsite-select-toggle-count[parens]:not(:empty):after {
       content: ")"
}

devsite-select .devsite-select-list {
       background: var(--devsite-background-1);
       border: var(--devsite-list-border, var(--devsite-secondary-border));
       border-radius: var(--devsite-list-border-radius, 2px);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       display: none;
       font: 400 14px/20px var(--devsite-primary-font-family);
       max-height: 304px;
       opacity: 0;
       outline: 0;
       overflow-y: auto;
       padding: 8px 0;
       pointer-events: none;
       position: absolute;
       -webkit-transition: opacity .2s, visibility .2s;
       transition: opacity .2s, visibility .2s;
       z-index: 1015
}

devsite-select[menu--open] .devsite-select-list {
       display: block;
       pointer-events: auto
}

devsite-select[menu--show] .devsite-select-list {
       opacity: 1
}

devsite-select[menu-position=above] .devsite-select-list {
       bottom: 36px
}

devsite-select[menu-position=below] .devsite-select-list {
       top: 36px
}

devsite-select .devsite-select-item {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0;
       min-height: 48px;
       min-width: 100%;
       padding: 8px 16px;
       white-space: nowrap
}

devsite-select .devsite-select-item.devsite-focused,
devsite-select .devsite-select-item:focus,
devsite-select .devsite-select-item:hover {
       background-color: var(--devsite-background-3);
       cursor: pointer
}

devsite-select .devsite-select-item[data-selected] {
       background-color: var(--devsite-item-background-selected, var(--devsite-background-3));
       font-weight: var(--devsite-item-font-weight-selected, 500)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {
       devsite-select .devsite-select-item[data-selected] {
              font-weight: 700;
              text-decoration: underline
       }
}

devsite-select.devsite-select--multiple .devsite-select-item {
       padding-left: 48px;
       position: relative
}

devsite-select.devsite-select--multiple .devsite-select-item:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #80868b;
       content: "check_box_outline_blank";
       display: block;
       font-size: 24px;
       left: 16px;
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%)
}

devsite-select.devsite-select--multiple .devsite-select-item[data-selected]:before {
       color: #1976d2;
       content: "check_box"
}

devsite-shell-activate-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       -webkit-justify-content: space-around;
       -ms-flex-pack: distribute;
       justify-content: space-around
}

devsite-shell-activate-button[tooltip--shown] {
       z-index: 104
}

@media screen and (max-width:840px) {
       devsite-shell-activate-button {
              display: none
       }
}

devsite-shell-activate-button ul li {
       text-align: left
}

devsite-shell-activate-button button {
       border: none;
       color: #5f6368;
       height: auto;
       margin: 0 0 0 11px;
       min-width: 0;
       padding: 9px 13px;
       width: auto
}

devsite-shell-activate-button button.cloudshell-dogfood {
       padding-right: 0
}

devsite-shell-activate-button button.cloudshell-dogfood:before {
       background: var(--devsite-background-1);
       border-radius: 100%;
       border: var(--devsite-header-border);
       box-shadow: 1px 1px 1px var(--devsite-background-0);
       color: #1976d2;
       content: "pets";
       float: right;
       font-family: Material Icons;
       font-size: 14px;
       font-weight: 400;
       height: 20px;
       line-height: 18px;
       overflow: hidden;
       position: relative;
       right: 7px;
       text-align: center;
       text-rendering: optimizelegibility;
       top: 7px;
       width: 20px
}

devsite-shell-activate-button button[disabled].cloudshell-dogfood:before {
       color: #9aa0a6
}

devsite-shell-activate-button button:active {
       background: var(--devsite-background-4);
       border: none
}

devsite-shell-activate-button button:focus {
       background: none;
       border: none;
       color: #5f6368
}

devsite-shell-activate-button button:hover {
       background: var(--devsite-background-4);
       border: none;
       color: #5f6368
}

devsite-shell-activate-button cloud-mdc-rich-tooltip::part(richTooltip) {
       -webkit-transform: translateX(-36px);
       transform: translateX(-36px)
}

devsite-shell-activate-button button[disabled] {
       border: none
}

devsite-shell-activate-button button svg {
       display: block;
       margin: auto;
       pointer-events: none
}

devsite-shell-activate-button .tooltip-title {
       color: #3c4043;
       font-size: 16px;
       font-weight: 500;
       margin: 2px 0 8px;
       padding: 0
}

devsite-shell-activate-button [slot=contents].tooltip-contents {
       color: #3c4043;
       font-family: var(--devsite-wordmark-font-family);
       font-size: 14px;
       font-weight: 400
}

devsite-shell-activate-button p.tooltip-contents {
       text-align: left;
       margin: 0
}

devsite-shell-activate-button ul.tooltip-contents {
       margin: 8px 0 0
}

devsite-shell-activate-button ul.tooltip-contents li {
       margin: 0
}

devsite-shell-activate-button .tooltip-buttons {
       float: left;
       margin: 24px 0 2px
}

body[free-trial] devsite-shell-activate-button[free-trial-hide] {
       display: none
}

body[free-trial] devsite-shell-activate-button[force-visibility] {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-sitemask {
       background: rgba(0, 0, 0, .4);
       bottom: -200px;
       cursor: pointer;
       left: -200px;
       opacity: 0;
       pointer-events: none;
       position: fixed;
       right: -200px;
       top: -200px;
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, .2, 1), visibility .2s linear;
       transition: opacity .2s cubic-bezier(.4, 0, .2, 1), visibility .2s linear;
       visibility: hidden;
       z-index: 1012;
       -webkit-tap-highlight-color: transparent
}

devsite-sitemask[visible] {
       opacity: 1;
       pointer-events: auto;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease;
       visibility: visible
}

devsite-snackbar {
       bottom: 0;
       left: 0;
       margin-right: 24px;
       min-width: 288px;
       position: fixed;
       right: 0;
       z-index: 1004
}

devsite-snackbar .devsite-snackbar-snack {
       bottom: 0;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-width: var(--devsite-snack-max-width, none);
       min-width: var(--devsite-snack-min-width, auto);
       padding: 0 0 24px 24px;
       position: absolute;
       -webkit-transform: translateY(100px);
       transform: translateY(100px);
       -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: transform .2s cubic-bezier(.4, 0, 1, 1);
       transition: transform .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s cubic-bezier(.4, 0, 1, 1);
       width: var(--devsite-snack-width, auto)
}

devsite-snackbar [show].devsite-snackbar-snack {
       -webkit-transform: translateY(0);
       transform: translateY(0)
}

devsite-snackbar .devsite-snackbar-inner {
       -webkit-align-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-snackbar-inner-background, #3c4043);
       border-radius: var(--devsite-snackbar-inner-border-radius, 2px);
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color);
       color: var(--devsite-snackbar-inner-color, #fff);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-flow: row var(--devsite-snackbar-inner-flex-wrap, nowrap);
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-flow: row var(--devsite-snackbar-inner-flex-wrap, nowrap);
       flex-flow: row var(--devsite-snackbar-inner-flex-wrap, nowrap);
       font-size: 14px;
       min-height: 48px;
       padding: 0
}

devsite-snackbar .devsite-snackbar-message {
       -webkit-box-flex: var(--devsite-snackbar-message-flex, 1 1);
       -webkit-flex: var(--devsite-snackbar-message-flex, 1 1);
       -moz-box-flex: var(--devsite-snackbar-message-flex, 1 1);
       -ms-flex: var(--devsite-snackbar-message-flex, 1 1);
       flex: var(--devsite-snackbar-message-flex, 1 1);
       font: var(--devsite-snackbar-message-font, inherit);
       letter-spacing: .2px;
       line-height: 20px;
       font-weight: 400;
       overflow: hidden;
       padding: var(--devsite-snackbar-message-padding, 24px);
       text-overflow: ellipsis;
       word-break: break-word
}

devsite-snackbar .devsite-snackbar-message a {
       color: var(--devsite-snackbar-link-color, #669df6)
}

devsite-snackbar .devsite-snackbar-action,
devsite-snackbar .devsite-snackbar-link {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center;
       color: var(--devsite-snackbar-link-color, #eeff41);
       cursor: pointer;
       display: inline-block;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0;
       -moz-box-flex: 0;
       -ms-flex: 0 0;
       flex: 0 0;
       float: right;
       font: var(--devsite-snackbar-action-font, inherit);
       height: auto;
       letter-spacing: .25px;
       line-height: 20px;
       margin-left: 0;
       margin-right: var(--devsite-snackbar-action-margin-right, 0);
       min-width: -webkit-fit-content;
       min-width: -moz-fit-content;
       min-width: fit-content;
       outline: none;
       padding: var(--devsite-snackbar-action-padding, 14px 24px);
       position: relative
}

devsite-snackbar .devsite-snackbar-action,
devsite-snackbar .devsite-snackbar-action:active,
devsite-snackbar .devsite-snackbar-action:focus,
devsite-snackbar .devsite-snackbar-action:hover,
devsite-snackbar .devsite-snackbar-link,
devsite-snackbar .devsite-snackbar-link:active,
devsite-snackbar .devsite-snackbar-link:focus,
devsite-snackbar .devsite-snackbar-link:hover {
       background: 0;
       border: 0;
       box-shadow: none
}

devsite-snackbar .devsite-snackbar-link:focus {
       text-decoration: none
}

devsite-snackbar [type=cookie-notification] .devsite-snackbar-link,
devsite-snackbar [type^=notification-] .devsite-snackbar-action {
       margin-left: var(--devsite-snackbar-action-margin-left, 0)
}

@media screen and (max-width:840px) {
       devsite-snackbar {
              margin-right: 0;
              max-width: 100%
       }

       devsite-snackbar [type=cookie-notification] .devsite-snackbar-inner,
       devsite-snackbar [type^=notification-] .devsite-snackbar-inner {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap
       }

       devsite-snackbar [type=cookie-notification] .devsite-snackbar-message,
       devsite-snackbar [type^=notification-] .devsite-snackbar-message {
              -webkit-box-flex: 0;
              -webkit-flex: 0 0 100%;
              -moz-box-flex: 0;
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              padding: var(--devsite-snackbar-message-padding, 24px 24px 0)
       }

       devsite-snackbar .devsite-snackbar-inner {
              border-radius: 0
       }

       devsite-snackbar .devsite-snackbar-snack {
              left: 0;
              padding: 24px 0 0;
              right: 0
       }
}

devsite-spinner.devsite-send-spinner {
       margin-left: 78px
}

#devsite-support-form-button-wrapper {
       height: 36px
}

.devsite-support-projects {
       position: relative
}

.devsite-support-projects .devsite-support-projects-placeholder {
       height: 36px;
       position: absolute
}

devsite-tabs {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       height: var(--devsite-tabs-height, 48px);
       margin: var(--devsite-tabs-margin);
       max-width: calc(100% - 208px);
       position: relative;
       width: var(--devsite-tabs-width)
}

devsite-tabs[connected] {
       max-width: none
}

devsite-tabs .devsite-tabs-wrapper {
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       left: 0;
       overflow: hidden;
       position: absolute;
       right: 0;
       top: 0
}

[dir=ltr] devsite-tabs.lower-tabs .devsite-tabs-wrapper {
       left: var(--devsite-tabs-wrapper-x, 0)
}

[dir=rtl] devsite-tabs.lower-tabs .devsite-tabs-wrapper {
       right: var(--devsite-tabs-wrapper-x, 0)
}

devsite-tabs[no-overflow] .devsite-tabs-wrapper {
       overflow: auto
}

devsite-tabs[dropdown--open] .devsite-tabs-wrapper,
devsite-tabs[overflow-menu--open] .devsite-tabs-wrapper {
       overflow: visible
}

devsite-tabs tab {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       position: relative
}

devsite-tabs tab>a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: var(--devsite-link-font, 500 14px/20px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-link-letter-spacing, normal);
       margin: 0;
       padding: var(--devsite-link-padding, 0 24px);
       text-transform: var(--devsite-link-text-transform, uppercase);
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

devsite-tabs tab>a,
devsite-tabs tab>a:focus,
devsite-tabs tab>a:hover {
       text-decoration: none
}

devsite-tabs.upper-tabs tab a {
       font-weight: var(--devsite-upper-tab-font-weight, 400);
       text-transform: none
}

devsite-tabs.upper-tabs tab>a {
       color: var(--devsite-upper-tab-inactive, var(--devsite-secondary-text-color))
}

devsite-tabs.upper-tabs tab[active]>a {
       font-weight: 500
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {
       devsite-tabs.upper-tabs tab[active]>a {
              color: inherit
       }
}

devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab[active]>a {
       color: var(--devsite-upper-tab-active, var(--devsite-primary-text-color))
}

devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:hover {
       color: var(--devsite-upper-tab-active-hover, var(--devsite-upper-tab-active, var(--devsite-primary-text-color)))
}

devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:focus {
       color: var(--devsite-upper-tab-active-focus, var(--devsite-secondary-text-color))
}

devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:after {
       border-color: var(--devsite-upper-tab-marker-color, var(--devsite-secondary-color, var(--devsite-primary-text-color)))
}

devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:hover:after {
       border-color: var(--devsite-upper-tab-marker-color-hover, var(--devsite-upper-tab-marker-color, var(--devsite-secondary-color, var(--devsite-primary-text-color))))
}

devsite-tabs tab>a:focus:after,
devsite-tabs tab>a:hover:after,
devsite-tabs tab[active]>a:after {
       border-radius: var(--devsite-tab-marker-border-radius, 0);
       border-top: var(--devsite-tab-marker-height, 2px) solid transparent;
       bottom: 0;
       content: "";
       display: block;
       position: absolute
}

[dir=ltr] devsite-tabs tab>a:focus:after,
[dir=ltr] devsite-tabs tab>a:hover:after,
[dir=ltr] devsite-tabs tab[active]>a:after {
       left: var(--devsite-tab-marker-position-x, 0);
       right: var(--devsite-tab-marker-position-x-end, var(--devsite-tab-marker-position-x, 0))
}

[dir=rtl] devsite-tabs tab>a:focus:after,
[dir=rtl] devsite-tabs tab>a:hover:after,
[dir=rtl] devsite-tabs tab[active]>a:after {
       left: var(--devsite-tab-marker-position-x-end, var(--devsite-tab-marker-position-x, 0));
       right: var(--devsite-tab-marker-position-x, 0)
}

devsite-tabs tab[dropdown]>a {
       padding-block: 0;
       padding-inline: var(--devsite-dropdown-tab-padding-x, 24px) 0;
       position: relative;
       z-index: 2
}

[dir=ltr] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after,
[dir=ltr] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after,
[dir=ltr] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
       right: var(--devsite-tab-marker-inset-x, 0)
}

[dir=rtl] devsite-tabs tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after,
[dir=rtl] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after,
[dir=rtl] devsite-tabs tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
       left: var(--devsite-tab-marker-inset-x, 0)
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a {
       font-weight: var(--devsite-upper-tab-dropdown-link-font-weight)
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a,
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:visited {
       color: var(--devsite-upper-tab-dropdown-link, var(--devsite-primary-text-color))
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus,
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover {
       color: var(--devsite-upper-tab-dropdown-link-hover, var(--devsite-secondary-text-color))
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus .devsite-nav-item-title,
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover .devsite-nav-item-title {
       -webkit-text-decoration: var(--devsite-nav-item-title-text-decoration-hover, none);
       -moz-text-decoration: var(--devsite-nav-item-title-text-decoration-hover, none);
       text-decoration: var(--devsite-nav-item-title-text-decoration-hover, none)
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description {
       font-weight: var(--devsite-upper-tab-dropdown-description-font-weight)
}

devsite-tabs .devsite-tabs-dropdown-content {
       border-top: var(--devsite-header-border, 0)
}

devsite-tabs.lower-tabs tab[dropdown] .devsite-tabs-dropdown-content,
devsite-tabs.lower-tabs tab[overflow-tab] .devsite-tabs-overflow-menu,
devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content,
devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
       border-radius: var(--devsite-upper-tab-dropdown-corner-radius, 0)
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:before,
devsite-tabs.upper-tabs tab[overflow-tab] .devsite-icon-arrow-drop-down:before {
       color: var(--devsite-upper-tab-dropdown-inactive, var(--devsite-upper-tab-inactive, var(--devsite-secondary-text-color)))
}

devsite-tabs.upper-tabs tab[active][dropdown] .devsite-tabs-dropdown-toggle:before {
       color: var(--devsite-upper-tab-dropdown-active, var(--devsite-upper-tab-active, var(--devsite-primary-text-color)))
}

devsite-tabs.upper-tabs tab[dropdown] .devsite-nav-item-description {
       color: var(--devsite-upper-tab-dropdown-description, var(--devsite-secondary-text-color))
}

devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding-block: 0;
       padding-inline: 0 var(--devsite-dropdown-toggle-padding-x, 0)
}

devsite-tabs.upper-tabs .devsite-icon-arrow-drop-down:before,
devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:before {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       -webkit-transition: background .2s, color .2s, -webkit-transform .2s;
       transition: background .2s, color .2s, -webkit-transform .2s;
       transition: background .2s, color .2s, transform .2s;
       transition: background .2s, color .2s, transform .2s, -webkit-transform .2s
}

devsite-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:focus:before {
       background: var(--devsite-background-3);
       border-radius: 50%
}

devsite-tabs.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-drop-down:before,
devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-toggle:before {
       -webkit-transform: rotate(-180deg);
       transform: rotate(-180deg)
}

devsite-tabs tab[overflow-tab] {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       position: relative
}

devsite-tabs tab[overflow-tab][collapsed] {
       -webkit-box-flex: 0;
       -webkit-flex-grow: 0;
       -moz-box-flex: 0;
       -ms-flex-positive: 0;
       flex-grow: 0
}

devsite-tabs.upper-tabs tab[overflow-tab]:after {
       content: "";
       height: 48px;
       position: absolute;
       z-index: -1
}

[dir=ltr] devsite-tabs.upper-tabs tab[overflow-tab]:after {
       left: -6px;
       right: -100%
}

[dir=rtl] devsite-tabs.upper-tabs tab[overflow-tab]:after {
       left: -100%;
       right: -6px
}

devsite-tabs tab[overflow-tab] tab>a {
       padding: var(--devsite-overflow-tab-padding, 0 24px)
}

devsite-tabs tab[overflow-tab] a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse;
       position: relative
}

devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown,
devsite-tabs tab[overflow-tab] tab .devsite-tabs-dropdown-toggle {
       display: none
}

devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
       background: var(--devsite-overflow-menu-background, var(--devsite-background-1));
       border-radius: var(--devsite-overflow-menu-border-radius, 2px);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-height: 320px;
       overflow-y: auto;
       padding: 16px 0;
       position: absolute;
       top: var(--devsite-overflow-menu-top, -16px);
       z-index: 1005
}

devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
       border-radius: 0 0 2px 2px;
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color), inset 0 4px 6px -4px var(--devsite-elevation-inset-shadow-color);
       top: 48px;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-transition: -webkit-transform .2s;
       transition: -webkit-transform .2s;
       transition: transform .2s;
       transition: transform .2s, -webkit-transform .2s;
       z-index: -1
}

devsite-tabs.upper-tabs .devsite-tabs-overflow-menu .devsite-tabs-dropdown-toggle {
       display: none !important
}

devsite-tabs.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu[hidden] {
       display: block !important;
       pointer-events: none;
       -webkit-transform: translate3d(0, -150%, 0);
       transform: translate3d(0, -150%, 0)
}

devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
       background: var(--devsite-background-1);
       color: var(--devsite-secondary-text-color);
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       height: 48px
}

devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus,
devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
       background: var(--devsite-background-3);
       color: var(--devsite-primary-text-color)
}

devsite-tabs .devsite-tabs-dropdown {
       display: block;
       font-size: 13px;
       left: -6px;
       min-width: calc(100% + 12px);
       outline: 0;
       overflow: hidden;
       padding: 0 6px 6px;
       pointer-events: none;
       position: absolute;
       top: 100%;
       z-index: -1
}

[dir=rtl] devsite-tabs .devsite-tabs-dropdown {
       right: -6px;
       left: auto
}

devsite-tabs [dropdown-full] .devsite-tabs-dropdown {
       left: 0;
       padding: 0 0 6px;
       width: 100vw
}

devsite-tabs .devsite-tabs-dropdown-content {
       background-color: var(--devsite-background-1);
       display: var(--devsite-dropdown-content-display, flex);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color), inset 0 4px 6px -4px var(--devsite-elevation-inset-shadow-color);
       grid-template-columns: var(--devsite-dropdown-content-grid-template-columns, none);
       grid-template-rows: var(--devsite-dropdown-content-grid-template-rows, none);
       overflow: auto;
       max-height: 600px;
       max-width: 100vw;
       padding: var(--devsite-dropdown-content-padding, 0 12px);
       pointer-events: none;
       -webkit-transform: translate3d(0, -150%, 0);
       transform: translate3d(0, -150%, 0);
       -webkit-transition: -webkit-transform 0s;
       transition: -webkit-transform 0s;
       transition: transform 0s;
       transition: transform 0s, -webkit-transform 0s;
       white-space: nowrap
}

devsite-tabs .devsite-tabs-dropdown[dropdown-transition] .devsite-tabs-dropdown-content {
       -webkit-transition: -webkit-transform .5s;
       transition: -webkit-transform .5s;
       transition: transform .5s;
       transition: transform .5s, -webkit-transform .5s
}

devsite-tabs tab[dropdown--open] .devsite-tabs-dropdown-content {
       pointer-events: all;
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
}

devsite-tabs .devsite-tabs-dropdown-column {
       background: var(--devsite-dropdown-column-background, none);
       border-top: var(--devsite-dropdown-column-border-top, 0);
       -moz-box-sizing: var(--devsite-dropdown-column-box-sizing, inherit);
       box-sizing: var(--devsite-dropdown-column-box-sizing, inherit);
       margin: var(--devsite-dropdown-column-margin, 0);
       max-width: var(--devsite-dropdown-column-max-width, none);
       min-width: var(--devsite-dropdown-column-min-width, 180px);
       padding: var(--devsite-dropdown-column-padding, 0)
}

devsite-tabs [dropdown-full] .devsite-tabs-dropdown-column {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       grid-row: var(--devsite-dropdown-column-grid-row, auto);
       min-width: 0
}

devsite-tabs .devsite-tabs-dropdown-section {
       list-style: none;
       margin: var(--devsite-dropdown-section-margin, 0);
       padding: var(--devsite-dropdown-section-padding, 0 12px)
}

devsite-tabs .devsite-tabs-dropdown-section:first-child {
       margin: var(--devsite-dropdown-first-section-margin, 18px 0 0)
}

devsite-tabs .devsite-tabs-dropdown-section:not(:first-child) {
       margin-top: 54px
}

devsite-tabs tab[dropdown] .devsite-nav-item,
devsite-tabs tab[dropdown] .devsite-nav-title {
       line-height: 18px;
       margin: var(--devsite-nav-text-margin, 0 0 18px)
}

devsite-tabs tab[dropdown] .devsite-nav-title {
       border-bottom: var(--devsite-nav-title-border-bottom, 0);
       color: var(--devsite-nav-title-color, var(--devsite-secondary-text-color));
       font: var(--devsite-nav-title-font, inherit);
       font-weight: var(--devsite-nav-title-font-weight, 700);
       outline: none;
       padding: var(--devsite-nav-title-padding, 0);
       text-transform: var(--devsite-nav-title-transform, none);
       white-space: var(--devsite-nav-title-white-space)
}

devsite-tabs tab[dropdown] .devsite-nav-item-title {
       display: var(--devsite-nav-item-title-display, block);
       font: var(--devsite-nav-item-title-font, inherit);
       letter-spacing: var(--devsite-nav-item-title-letter-spacing, normal);
       line-height: var(--devsite-nav-item-title-line-height, inherit);
       margin: var(--devsite-nav-item-title-margin, 0)
}

devsite-tabs [dropdown-full] .devsite-nav-item>a,
devsite-tabs [dropdown-full] .devsite-nav-title {
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: normal
}

devsite-tabs tab[dropdown] .devsite-nav-description,
devsite-tabs tab[dropdown] .devsite-nav-item-description {
       font: var(--devsite-nav-description-font, inherit);
       font-size: var(--devsite-nav-description-font-size, inherit);
       line-height: var(--devsite-nav-description-line-height, inherit)
}

devsite-tabs tab[dropdown] .devsite-nav-description {
       color: var(--devsite-nav-description-color, inherit);
       margin: var(--devsite-nav-description-margin, 12px 0);
       white-space: var(--devsite-nav-description-white-space, inherit)
}

devsite-tabs tab[dropdown] .devsite-nav-item-description {
       color: var(--devsite-secondary-text-color);
       padding: var(--devsite-padding, 0);
       white-space: normal
}

body[theme] devsite-tabs .devsite-tabs-dropdown a,
body[theme] devsite-tabs .devsite-tabs-dropdown a:visited {
       color: var(--devsite-primary-text-color);
       display: var(--devsite-dropdown-link-display, block);
       font-weight: 400
}

body[theme] devsite-tabs .devsite-tabs-dropdown a:focus,
body[theme] devsite-tabs .devsite-tabs-dropdown a:hover {
       color: var(--devsite-link-color)
}

devsite-tabs[render-hidden] {
       width: 100%
}

devsite-tabs[render-hidden] tab[overflow-tab],
devsite-tabs tab[overflow-tab][render-hidden] {
       -webkit-box-flex: 0;
       -webkit-flex: none;
       -moz-box-flex: 0;
       -ms-flex: none;
       flex: none
}

devsite-tabs tab[dropdown] .devsite-tabs-close-button {
       color: var(--devsite-primary-text-color);
       cursor: pointer;
       position: absolute;
       right: 24px;
       top: 24px;
       visibility: hidden;
       z-index: 1
}

devsite-tabs tab[dropdown] .devsite-tabs-close-button:focus,
devsite-tabs tab[dropdown] .devsite-tabs-close-button:hover {
       color: var(--devsite-link-color)
}

devsite-tabs tab[dropdown--open] .devsite-tabs-close-button {
       visibility: visible
}

devsite-toc.devsite-toc {
       overflow: auto;
       width: 160px
}

devsite-toc>.devsite-nav-list {
       -webkit-border-start: var(--devsite-toc-border-width, 4px) solid var(--devsite-toc-border, var(--devsite-primary-color));
       -moz-border-start: var(--devsite-toc-border-width, 4px) solid var(--devsite-toc-border, var(--devsite-primary-color));
       border-inline-start: var(--devsite-toc-border-width, 4px) solid var(--devsite-toc-border, var(--devsite-primary-color));
       width: 160px
}

.devsite-sidebar[fixed] devsite-toc>.devsite-nav-list {
       -webkit-padding-end: 8px;
       -moz-padding-end: 8px;
       padding-inline-end: 8px
}

devsite-toc>.devsite-nav-list>:first-child>.devsite-nav-title {
       padding-top: 0
}

devsite-toc>.devsite-nav-list>:last-child>.devsite-nav-list>:last-child>.devsite-nav-title:last-child,
devsite-toc>.devsite-nav-list>:last-child>.devsite-nav-title:only-child {
       padding-bottom: 0
}

devsite-toc .devsite-nav-list {
       -webkit-padding-start: var(--devsite-nav-list-padding-x-start, 12px);
       -moz-padding-start: var(--devsite-nav-list-padding-x-start, 12px);
       padding-inline-start: var(--devsite-nav-list-padding-x-start, 12px)
}

devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title {
       color: var(--devsite-nav-title-nested-color, var(--devsite-nav-title-color, var(--devsite-primary-text-color)))
}

devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title:focus,
devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-title:hover {
       color: var(--devsite-nav-nested-color-hover, var(--devsite-nav-color-hover, var(--devsite-link-color)))
}

devsite-toc .devsite-nav-list .devsite-nav-list .devsite-nav-active {
       color: var(--devsite-nav-color-active, var(--devsite-link-color-active, var(--devsite-link-color)))
}

devsite-toc.devsite-toc-embedded {
       display: none
}

devsite-toc.devsite-toc-embedded>.devsite-nav-list {
       width: auto
}

devsite-toc.devsite-toc-embedded .devsite-nav-item {
       display: none
}

devsite-toc.devsite-toc-embedded .devsite-nav-item[visible],
devsite-toc.devsite-toc-embedded[expanded] .devsite-nav-item {
       display: block
}

devsite-toc.devsite-toc-embedded .devsite-nav-item.devsite-toc-toggle,
devsite-toc.devsite-toc-embedded[expanded] .devsite-nav-item.devsite-toc-toggle {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-toc .devsite-nav-more-items,
devsite-toc .devsite-nav-show-all {
       display: none
}

devsite-toc[expandable] .devsite-nav-more-items,
devsite-toc[expandable] .devsite-nav-show-all {
       color: var(--devsite-secondary-text-color);
       display: block;
       height: 24px;
       padding: 0
}

devsite-toc .devsite-nav-show-all {
       margin: -4px 0 0 4px;
       min-width: 20px
}

devsite-toc .devsite-nav-show-all:before {
       content: "expand_more"
}

devsite-toc .devsite-nav-more-items {
       margin-bottom: -8px;
       min-width: 0
}

devsite-toc .devsite-nav-more-items:before {
       content: "more_horiz"
}

devsite-toc[expanded] .devsite-nav-more-items:before,
devsite-toc[expanded] .devsite-nav-show-all:before {
       content: "expand_less"
}

devsite-toc .devsite-toc-toggle {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0
}

devsite-toc .devsite-show-apix {
       margin-top: 12px
}

@media screen and (max-width:1253px) {

       devsite-toc.devsite-toc,
       devsite-toc[visible].devsite-toc {
              display: none
       }

       devsite-toc.devsite-toc-embedded:not(:empty) {
              display: block;
              margin: 28px 0 24px
       }

       devsite-toc.devsite-toc-embedded:not(:empty)~.devsite-article-body>:first-child {
              margin-top: 0
       }

       body[template=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
              margin: 20px 40px 24px
       }
}

@media screen and (max-width:840px) {
       body[template=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
              margin: 20px 24px 24px
       }
}

@media screen and (max-width:600px) {
       body[template=landing] devsite-toc.devsite-toc-embedded:not(:empty) {
              margin: 20px 16px 24px
       }
}

.devsite-tooltip-msg {
       border-radius: 2px;
       background: rgba(95, 99, 104, .9);
       color: #fff;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: 500 10px/10px var(--devsite-primary-font-family);
       margin-top: 8px;
       max-width: 300px;
       opacity: 1;
       padding: 6px 8px;
       pointer-events: none;
       position: absolute;
       -webkit-transition: opacity .2s;
       transition: opacity .2s;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       z-index: 1020
}

devsite-topic {
       display: block
}

devsite-topic .devsite-topic--inner {
       max-width: 936px;
       padding: 0 40px;
       margin: 0 auto
}

devsite-topic .devsite-topic--header {
       background-color: var(--devsite-background-1);
       background-image: url(../images/devsite_topics_header.svg);
       background-repeat: no-repeat;
       background-position: top;
       background-size: 1440px auto;
       margin-bottom: 40px
}

devsite-topic .devsite-topic--header .devsite-topic--inner {
       padding-top: 168px
}

devsite-topic .devsite-topic--header h1 {
       margin: 0;
       top: auto;
       font-size: 36px;
       line-height: 44px;
       color: #202124;
       font-family: var(--devsite-headline-font-family)
}

devsite-topic .devsite-topic--header p {
       margin: 0;
       padding: 0;
       color: #202124;
       font-size: 18px;
       line-height: 24px;
       font-family: var(--devsite-headline-font-family)
}

devsite-topic .devsite-topic--header .jump-links {
       border-bottom: 1px solid #ddd;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       font-family: Google Sans;
       font-weight: 500;
       -ms-flex-pack: distribute;
       -webkit-justify-content: space-around;
       justify-content: space-around;
       list-style: none;
       padding: 26px 0 0;
       width: 100%
}

devsite-topic .devsite-topic--header .jump-links a:after {
       content: "arrow_downward";
       font: normal normal normal 18px/1 Material Icons;
       margin-left: 8px;
       vertical-align: text-bottom
}

devsite-topic .devsite-topic--header .jump-links a {
       text-decoration: none !important
}

devsite-topic .devsite-topic--header .jump-links a:link,
devsite-topic .devsite-topic--header .jump-links a:visited {
       color: #5f6368 !important
}

devsite-topic .devsite-topic--header .jump-links a:focus,
devsite-topic .devsite-topic--header .jump-links a:hover {
       color: #1a73e8 !important
}

devsite-topic .devsite-topic--section {
       padding: 40px 0
}

devsite-topic .devsite-topic--section:nth-child(odd) {
       background: #f8f9fa
}

devsite-topic .devsite-topic--section:first-child() {
       background: none
}

devsite-topic .devsite-topic--section h2 {
       margin: 0;
       padding: 0;
       font-size: 32px;
       color: #202124;
       line-height: 40px;
       font-family: var(--devsite-headline-font-family)
}

devsite-topic .devsite-topic--section .devsite-topic-section-description {
       margin: 0;
       padding: 0;
       font-size: 16px;
       color: #3c4043;
       line-height: 24px;
       font-family: var(--devsite-primary-font-family);
       max-width: calc((200% - 40px)/3)
}

devsite-topic .devsite-topic-section--row {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0 -12px;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

devsite-topic .devsite-topic-section--row .devsite-topic-section--card {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-width: 0;
       max-width: 100%;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       margin: 0 12px 24px
}

devsite-topic .devsite-topic-section--row .devsite-topic-section--card .devsite-topic-section-card--title {
       font-size: 24px;
       color: #202124;
       line-height: 32px;
       font-family: var(--devsite-primary-font-family)
}

devsite-topic .devsite-topic-section--row .devsite-topic-section--card .devsite-topic-section-card--title a {
       color: #202124
}

devsite-topic .devsite-topic-section--row .devsite-topic-section--card .devsite-topic-section-card--description {
       font-size: 16px;
       color: #3c4043;
       letter-spacing: .1px;
       line-height: 24px;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

devsite-topic .devsite-topic-section-card--label {
       padding: 16px
}

devsite-topic .devsite-topic-section-card--label span {
       border-radius: 4px;
       padding: 2px 8px;
       font-family: var(--devsite-primary-font-family);
       font-size: 12px;
       color: rgba(0, 0, 0, .87);
       text-transform: uppercase
}

devsite-topic .devsite-topic-section--hero {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse
}

devsite-topic .devsite-topic-section--hero-media {
       margin-left: 12px
}

devsite-topic .devsite-topic-section--hero-media .devsite-landing-row-item-image {
       background: none
}

devsite-topic .devsite-topic-section--hero-description {
       margin-right: 12px
}

devsite-topic .devsite-topic-section--hero-description p.devsite-topic-section-description {
       max-width: 100%
}

devsite-topic .devsite-topic-section--hero-description,
devsite-topic .devsite-topic-section--hero-media {
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       width: calc(50% - 12px)
}

devsite-topic .devsite-topic-section--cards {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding-top: 24px;
       margin: 0 -12px;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       background: var(--devsite-background-1);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-width: 0;
       max-width: 100%;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       border-radius: 4px;
       margin: 0 12px 24px;
       width: calc(50% - 24px)
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--title {
       padding: 0 16px
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--title a {
       font-family: var(--devsite-headline-font-family);
       font-size: 24px;
       color: #202124;
       line-height: 32px
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--description {
       padding: 8px 16px 24px;
       border-bottom: 1px solid #ddd;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--description p {
       font-size: 16px;
       color: #3c4043;
       line-height: 24px
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--meta {
       padding: 16px 16px 12px;
       font-size: 12px;
       line-height: 16px
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--meta-byline {
       color: #202124
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--meta-date {
       color: #3c4043
}

devsite-topic .devsite-topic-section--cards .devsite-topic-section--card .devsite-topic-section-card--buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       padding: 12px 8px 8px
}

devsite-topic .devsite-topic-section--1-up .devsite-topic-section--card {
       width: calc(100% - 24px);
       margin-bottom: 0
}

devsite-topic .devsite-topic-section--2-up .devsite-topic-section--card {
       margin-bottom: 0
}

devsite-topic .devsite-topic-section--3-up .devsite-topic-section--card {
       width: calc(33% - 24px)
}

@media screen and (max-width:840px) {
       devsite-topic .devsite-topic--inner {
              max-width: 768px;
              padding: 0 40px
       }
}

@media screen and (max-width:600px) {
       devsite-topic .devsite-topic--inner {
              max-width: 100%;
              padding: 0 24px
       }

       devsite-topic .devsite-topic--section {
              padding: 24px 0
       }

       devsite-topic .devsite-topic--section .devsite-topic-section--card {
              width: calc(100% - 24px)
       }

       devsite-topic .devsite-topic-section--hero {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       devsite-topic .devsite-topic-section--hero-description,
       devsite-topic .devsite-topic-section--hero-media {
              margin: 0;
              width: 100%
       }

       devsite-topic .devsite-topic-section--hero-media {
              margin-bottom: 24px
       }
}

devsite-tracking-question {
       background-color: var(--devsite-background-3);
       display: block;
       padding: 8px
}

devsite-tracking-question .devsite-tracking-question-text {
       font-weight: 700
}

devsite-tracking-question .devsite-tracking-question-hidden {
       display: none
}

devsite-tracking-question .devsite-tracking-question-choice-button {
       background: var(--devsite-background-1);
       border-radius: 2px;
       box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
       color: var(--devsite-primary-text-color);
       cursor: pointer;
       line-height: 50px;
       margin: 8px 0;
       padding: 0 20px;
       -webkit-transition: background .2s, box-shadow .2s;
       transition: background .2s, box-shadow .2s
}

devsite-tracking-question .devsite-tracking-question-choice-button:focus,
devsite-tracking-question .devsite-tracking-question-choice-button:hover {
       background: #bdc1c6;
       box-shadow: 0 4px 8px 0 rgba(154, 160, 166, .5)
}

devsite-user {
       display: block;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
}

devsite-user[signed-in],
devsite-user[signed-in].not-eligible {
       min-width: 44px
}

devsite-user[signed-in][enable-profiles] {
       min-width: 84px
}

devsite-user[signed-in][enable-profiles].not-eligible {
       min-width: 44px
}

devsite-user[signed-in][enable-profiles][fp-auth] {
       min-width: 88px
}

devsite-user[signed-in][enable-profiles][fp-auth].not-eligible {
       min-width: 44px
}

devsite-user #devsite-signin-btn {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: 500 14px/36px var(--devsite-primary-font-family)
}

devsite-user devsite-spinner {
       margin: 4px 8px 4px 20px
}

devsite-user devsite-spinner.hide {
       opacity: 0;
       -webkit-transition: opacity .45s ease;
       transition: opacity .45s ease;
       -webkit-animation-delay: .45s;
       animation-delay: .45s
}

devsite-user .ogb-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 8px;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       opacity: 1;
       -webkit-transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
       transition: opacity .2s cubic-bezier(.4, 0, .2, 1)
}

devsite-user .ogb-pending {
       opacity: 0
}

devsite-user .gb_Mb>.gb_Lb,
devsite-user .gb_Nb>.gb_Mb,
devsite-user .gb_Pd>.gb_Za,
devsite-user .gb_Rb>.gb_Qb,
devsite-user .gb_Sb>.gb_Rb {
       -moz-box-sizing: content-box;
       box-sizing: content-box
}

devsite-user button.devsite-user-change-account,
devsite-user button.devsite-user-signout {
       height: auto;
       color: var(--devsite-primary-text-color)
}

devsite-user button.devsite-user-change-account .material-icons,
devsite-user button.devsite-user-signout .material-icons {
       margin: 0;
       height: auto;
       width: auto;
       top: auto
}

devsite-user button.devsite-user-change-account {
       border: 0
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:1.25dppx),
not all {
       [dir=rtl] devsite-user .gb_xa:before {
              -webkit-transform-origin: right 0;
              transform-origin: right 0
       }
}

devsite-user .devsite-user-dialog {
       display: none
}

devsite-user .devsite-user-dialog a:link,
devsite-user .devsite-user-dialog a:visited {
       text-decoration: none
}

devsite-user[dialog--open] .devsite-user-dialog {
       background: var(--devsite-background-1);
       border: 1px solid rgba(0, 0, 0, .2);
       border-radius: 8px;
       box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
       color: var(--devsite-primary-text-color);
       display: block;
       max-height: calc(100vh - 86px);
       outline: none;
       overflow: auto;
       position: absolute;
       right: 24px;
       top: 62px;
       width: 354px
}

[dir=rtl] devsite-user[dialog--open] .devsite-user-dialog {
       left: 24px;
       right: auto
}

devsite-user .devsite-user-dialog-photo,
devsite-user .devsite-user-dialog-toggle,
devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0;
       overflow: hidden;
       padding: 0
}

devsite-user .devsite-user-dialog-signin .devsite-user-dialog-letter,
devsite-user .devsite-user-dialog .devsite-user-dialog-photo {
       background: var(--devsite-user-avatar-background, var(--devsite-background-color, var(--devsite-primary-color, var(--devsite-primary-text-color))));
       color: var(--devsite-user-avatar-color, var(--devsite-text-color, var(--devsite-inverted-text-color)))
}

devsite-user .devsite-user-dialog-toggle {
       border: 4px solid transparent;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       height: 32px;
       margin: 0 4px 0 0;
       overflow: hidden;
       text-decoration: none;
       width: 32px
}

[dir=rtl] devsite-user .devsite-user-dialog-toggle {
       margin: 0 0 0 4px
}

devsite-user .devsite-user-dialog-toggle:focus {
       border-color: var(--devsite-link-background-active)
}

devsite-user .devsite-user-dialog-photo-thumbnail {
       height: 32px;
       width: 32px
}

devsite-user[js-signin] button {
       box-shadow: none
}

devsite-user[js-signin] .devsite-user-dialog-toggle {
       opacity: 0;
       -webkit-transition: opacity .45s ease;
       transition: opacity .45s ease
}

devsite-user[js-signin] .devsite-user-dialog-toggle.show {
       opacity: 1
}

devsite-user .devsite-user-dialog-toggle .devsite-user-dialog-letter {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 32px;
       -moz-box-flex: 0;
       -ms-flex: 0 0 32px;
       flex: 0 0 32px;
       font-size: 17px;
       height: 32px
}

devsite-user .devsite-user-dialog-learn-more {
       background-color: var(--devsite-link-background-active);
       border-radius: 4px;
       color: var(--devsite-secondary-text-color);
       font: 12px/16px var(--devsite-primary-font-family);
       margin: 4px 4px 0;
       padding: 4px 29px;
       text-align: center
}

devsite-user .devsite-user-dialog-learn-more a,
devsite-user .devsite-user-dialog-learn-more span {
       font-weight: 500
}

devsite-user .devsite-user-dialog-learn-more a {
       color: var(--devsite-contrast-link-color)
}

devsite-user .devsite-user-dialog-learn-more a:focus,
devsite-user .devsite-user-dialog-learn-more a:hover {
       text-decoration: underline
}

devsite-user .devsite-user-dialog-user {
       padding: 20px 33px 23px;
       text-align: center
}

devsite-user .devsite-user-dialog-photo {
       margin: 0 auto 16px;
       position: relative;
       left: -2px
}

devsite-user .devsite-user-dialog-photo,
devsite-user .devsite-user-dialog-photo-portrait {
       height: 80px;
       width: 80px
}

devsite-user .devsite-user-dialog-letter {
       text-transform: uppercase
}

devsite-user .devsite-user-dialog-photo .devsite-user-dialog-letter {
       font-size: 52px
}

devsite-user .devsite-user-dialog-email,
devsite-user .devsite-user-dialog-name {
       text-overflow: ellipsis;
       overflow: hidden
}

devsite-user .devsite-user-dialog-name {
       color: var(--devsite-primary-text-color);
       font: 500 16px/22px var(--devsite-headline-font-family);
       letter-spacing: .29px
}

devsite-user .devsite-user-dialog-email {
       color: var(--devsite-secondary-text-color);
       font: 400 14px/19px var(--devsite-primary-font-family)
}

devsite-user .devsite-user-manage {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: 0;
       border: var(--devsite-primary-border);
       border-radius: 17px;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font: 500 14px/20px var(--devsite-headline-font-family);
       height: 34px;
       letter-spacing: .25px;
       margin: 16px 0 0;
       padding: 0 16px;
       white-space: nowrap
}

devsite-user .devsite-user-manage:link,
devsite-user .devsite-user-manage:visited {
       color: var(--devsite-primary-text-color)
}

devsite-user .devsite-user-manage:focus,
devsite-user .devsite-user-manage:hover {
       background-color: var(--devsite-background-2)
}

devsite-user .devsite-user-manage:active {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       background-color: var(--devsite-background-4);
       border-color: transparent
}

devsite-user .devsite-user-dialog-buttons {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

devsite-user .devsite-user-dialog .developer-profile:link,
devsite-user .devsite-user-dialog .developer-profile:visited,
devsite-user .devsite-user-dialog .devsite-user-developer-profile:link,
devsite-user .devsite-user-dialog .devsite-user-developer-profile:visited,
devsite-user .devsite-user-dialog .devsite-user-signin:link,
devsite-user .devsite-user-dialog .devsite-user-signin:visited,
devsite-user .devsite-user-signout:link,
devsite-user .devsite-user-signout:visited {
       color: var(--devsite-primary-text-color)
}

devsite-user .devsite-user-dialog .developer-profile:focus,
devsite-user .devsite-user-dialog .developer-profile:hover,
devsite-user .devsite-user-dialog .devsite-user-developer-profile:focus,
devsite-user .devsite-user-dialog .devsite-user-developer-profile:hover,
devsite-user .devsite-user-dialog .devsite-user-signin:focus,
devsite-user .devsite-user-dialog .devsite-user-signin:hover,
devsite-user .devsite-user-signout:focus,
devsite-user .devsite-user-signout:hover {
       background-color: var(--devsite-background-2)
}

devsite-user .devsite-user-dialog .developer-profile:active,
devsite-user .devsite-user-dialog .devsite-user-developer-profile:active,
devsite-user .devsite-user-dialog .devsite-user-signin:active,
devsite-user .devsite-user-signout:active {
       background-color: var(--devsite-background-4)
}

devsite-user .devsite-user-dialog .devsite-user-developer-profile,
devsite-user .devsite-user-dialog .devsite-user-signin {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: 500 14px/16px var(--devsite-headline-font-family);
       letter-spacing: .25px;
       padding: 15px 39px 16px;
       width: 100%
}

devsite-user .devsite-user-dialog-buttons>:first-child {
       border-top: var(--devsite-secondary-border)
}

devsite-user .devsite-user-dialog .devsite-user-signin {
       border-bottom: var(--devsite-secondary-border)
}

devsite-user .devsite-user-dialog .new-notification {
       background: var(--devsite-notification-background);
       border-radius: 10px;
       color: var(--devsite-inverted-text-color);
       font-weight: 700;
       font-size: 12px;
       letter-spacing: .3px;
       padding: 2px 8px
}

[dir=ltr] devsite-user .devsite-user-dialog .new-notification {
       margin-left: 12px
}

[dir=rtl] devsite-user .devsite-user-dialog .new-notification {
       margin-right: 12px
}

devsite-user .devsite-user-signin .devsite-switch-account-icon {
       fill: currentColor;
       -webkit-margin-end: 12px;
       -moz-margin-end: 12px;
       margin-inline-end: 12px
}

devsite-user .devsite-user-developer-profile .google-dev-icon {
       width: 28px;
       position: relative
}

[dir=ltr] devsite-user .devsite-user-developer-profile .google-dev-icon {
       margin-left: -4px;
       margin-right: 8px
}

[dir=rtl] devsite-user .devsite-user-developer-profile .google-dev-icon {
       margin-left: 8px;
       margin-right: -4px
}

devsite-user .devsite-user-signout {
       border: var(--devsite-primary-border);
       border-radius: 4px;
       display: inline-block;
       font: 500 14px/16px var(--devsite-headline-font-family);
       letter-spacing: .15px;
       margin: 16px auto;
       padding: 10px 24px
}

devsite-user .devsite-user-signout:active {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       background-color: var(--devsite-background-4);
       border-color: transparent
}

devsite-user .devsite-user-dialog-footer {
       border-top: var(--devsite-secondary-border);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 14px 20px
}

devsite-user .devsite-user-dialog-footer-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       margin: 0
}

devsite-user .devsite-user-dialog-footer-link:not(:first-child):before {
       color: var(--devsite-secondary-text-color);
       content: "•";
       font-size: 13px
}

devsite-user .devsite-user-dialog-footer-link>a {
       border-radius: 4px;
       display: inline-block;
       font: 400 12px/16px var(--devsite-primary-font-family);
       padding: 4px 8px
}

devsite-user .devsite-user-dialog-footer-link>a:link,
devsite-user .devsite-user-dialog-footer-link>a:visited {
       color: var(--devsite-secondary-text-color)
}

devsite-user .devsite-user-dialog-footer-link>a:focus,
devsite-user .devsite-user-dialog-footer-link>a:hover {
       background-color: var(--devsite-background-2)
}

devsite-user .devsite-user-dialog-footer-link>a:active {
       background-color: var(--devsite-background-4)
}

devsite-user .devsite-devprofile-wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       position: relative;
       opacity: 0
}

devsite-user .devsite-devprofile-wrapper.show {
       opacity: 1;
       -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s;
       transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s
}

devsite-user .devsite-devprofile-wrapper devsite-spinner {
       margin: 0
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-notifications-indicator {
       border-radius: 8px;
       background-color: #1a73e8;
       width: 8px;
       height: 8px;
       position: absolute;
       top: 0;
       right: 0;
       z-index: 1
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-button {
       height: 32px;
       width: 32px;
       min-width: 32px;
       min-height: 32px;
       margin: 0;
       padding: 0;
       border: var(--devsite-primary-border);
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: relative;
       --devsite-button-background-hover: #e8eaed;
       --devsite-button-background-active: #e8eaed;
       --devsite-button-border-hover: none;
       --devsite-button-border-radius: 50%;
       --devsite-button-box-shadow: none;
       --devsite-button-box-shadow-active: none
}

devsite-user .devsite-devprofile-wrapper.open .devsite-devprofile-button {
       background: #e8eaed
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout {
       max-width: 378px;
       width: 100vw
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-notch,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .devsite-devprofile-notch {
       border-bottom: 8px solid var(--devsite-background-1);
       border-left: 9px solid transparent;
       border-right: 9px solid transparent;
       -webkit-clip-path: inset(-8px -8px 0);
       clip-path: inset(-8px -8px 0);
       height: 0;
       position: absolute;
       right: 9px;
       top: -8px;
       width: 0;
       -webkit-filter: drop-shadow(0 1px 2px var(--devsite-elevation-key-shadow-color)) drop-shadow(0 2px 6px var(--devsite-elevation-ambient-shadow-color));
       filter: drop-shadow(0 1px 2px var(--devsite-elevation-key-shadow-color)) drop-shadow(0 2px 6px var(--devsite-elevation-ambient-shadow-color))
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-notch:before {
       background: var(--devsite-background-1)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout {
       position: absolute;
       background: var(--devsite-background-1);
       box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       border-radius: 8px;
       font-family: var(--devsite-primary-font-family);
       padding: 8px 0;
       margin-top: 8px;
       margin-right: -2px;
       top: 100%;
       right: 0;
       opacity: 0;
       -webkit-transform-origin: top right;
       transform-origin: top right;
       -webkit-transform: scale(.8);
       transform: scale(.8);
       -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s;
       transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s;
       pointer-events: none;
       display: none;
       z-index: 1007
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .devsite-devprofile-notch:before {
       background: var(--devsite-background-1)
}

[dir=rtl] devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout {
       left: 0;
       right: auto
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.show {
       opacity: 1;
       -webkit-transform: scale(1);
       transform: scale(1);
       pointer-events: all
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout.visible {
       display: block
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .devsite-devprofile-notifications-container {
       margin-left: 10px;
       font-weight: 500;
       color: #fff;
       font-size: 12px;
       background-color: #1a73e8;
       border-radius: 16px;
       padding: 0 5px 0 4px;
       height: 16px;
       line-height: 16px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profile-links-header {
       color: var(--devsite-primary-text-color);
       font-weight: 500;
       font-size: 11px;
       line-height: 16px;
       letter-spacing: .8px;
       text-transform: uppercase;
       padding: 12px 14px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profile-link {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       padding: 14px 16px;
       color: var(--devsite-primary-text-color);
       font-size: 16px;
       font-weight: 400;
       line-height: 24px;
       text-decoration: none
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout .profile-link:hover {
       background: #f1f3f4
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul {
       margin: 0;
       padding: 0
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout ul li {
       margin: 0;
       padding: 0;
       list-style: none
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-profile] {
       max-width: 228px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages],
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] {
       background: var(--devsite-link-color);
       color: var(--devsite-inverted-text-color);
       padding: 16px 24px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .devsite-devprofile-notch,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .devsite-devprofile-notch {
       border-bottom: 8px solid var(--devsite-link-color)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .devsite-devprofile-notch:before,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .devsite-devprofile-notch:before {
       background: var(--devsite-link-color)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .devsite-devprofile-notch svg g path,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .devsite-devprofile-notch svg g path {
       fill: var(--devsite-link-color)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .buttons,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       margin-top: 16px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .buttons .button:hover,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .buttons .button:hover {
       --devsite-link-color: #1e88e5
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .button-white,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .button-white {
       color: var(--devsite-inverted-text-color)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .button-white:focus,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-bookmarked-pages] .button-white:hover,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .button-white:focus,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=view-rated-pages] .button-white:hover {
       background: var(--devsite-link-color);
       color: var(--devsite-button-background-hover)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=create-profile] {
       font-family: var(--devsite-primary-font-family);
       padding: 12px 20px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=create-profile] .devsite-devprofile-callout-logo {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       height: 36px;
       margin: 20px 0
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=create-profile] .devsite-devprofile-callout-subhead {
       font-weight: 500;
       font-size: 16px;
       line-height: 24px;
       text-align: center;
       letter-spacing: .1px;
       color: var(--devsite-primary-text-color);
       margin-bottom: 8px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=create-profile] .devsite-devprofile-callout-body {
       font-size: 14px;
       margin-bottom: 24px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout[popup-type=create-profile] .devsite-devprofile-callout-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout {
       position: absolute;
       background: var(--devsite-background-1);
       box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       border-radius: 8px;
       font-family: var(--devsite-headline-font-family);
       margin-top: 8px;
       top: 100%;
       right: -2px;
       padding: 16px;
       max-width: 378px;
       width: 100vw;
       opacity: 1;
       -webkit-transform: scale(1);
       transform: scale(1);
       -webkit-transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s;
       transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s
}

[dir=rtl] devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout {
       left: 0;
       right: auto
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout.hide {
       opacity: 0;
       -webkit-transform-origin: top right;
       transform-origin: top right;
       -webkit-transform: scale(.8);
       transform: scale(.8)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-error,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step1,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step2,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step3,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step4 {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-step3 {
       padding: 24px 0
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-logo {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-logo svg {
       width: 74px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout h4 {
       margin: 20px 0 8px;
       padding: 0;
       font-size: 16px;
       line-height: 24px;
       letter-spacing: .1px;
       color: var(--devsite-primary-text-color);
       text-align: left
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout p {
       margin: 0;
       padding: 0;
       font-size: 14px;
       line-height: 20px;
       letter-spacing: .25px;
       color: var(--devsite-primary-text-color)
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .account-note,
devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .tos {
       color: var(--devsite-secondary-text-color);
       font: 400 12px/16px var(--devsite-primary-font-family);
       letter-spacing: .3px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .tos {
       font-size: 14px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-newsletter {
       width: 100%;
       margin-bottom: 16px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-newsletter label {
       font-size: 14px;
       letter-spacing: .25px;
       color: var(--devsite-primary-text-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       line-height: 16px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       width: 100%;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       margin-top: 24px
}

devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout .devsite-devprofile-callout-buttons .button-dismiss {
       --devsite-button-border: 0;
       --devsite-button-border-hover: 0;
       --devsite-button-background-hover: #fff;
       --devsite-button-background-active: #fff;
       --devsite-button-border-active: 0;
       --devsite-button-box-shadow-active: none
}

@media screen and (max-width:840px) {
       devsite-user[dialog--open] .devsite-user-dialog {
              right: 16px
       }

       [dir=rtl] devsite-user[dialog--open] .devsite-user-dialog {
              left: 16px;
              right: auto
       }

       devsite-user .devsite-devprofile-wrapper .devsite-devprofile-callout {
              max-width: calc(100vw - 80px)
       }

       devsite-user .devsite-devprofile-wrapper .devsite-devprofile-popout {
              max-width: calc(100vw - 64px)
       }
}

devsite-var {
       position: relative;
       white-space: nowrap
}

devsite-var .devsite-var-input-wrapper {
       bottom: -2px;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       display: none;
       left: -4px;
       position: absolute;
       width: 100%
}

devsite-var[active] .devsite-var-input-wrapper {
       display: inline-block
}

devsite-selector devsite-var .devsite-var-input-wrapper {
       bottom: -3px
}

table devsite-var .devsite-var-input-wrapper {
       bottom: -3px
}

devsite-code devsite-var .devsite-var-input-wrapper {
       bottom: -2px
}

devsite-var .devsite-var-input-wrapper+var {
       border-bottom: 1px dotted var(--devsite-var-color);
       cursor: pointer
}

devsite-var input.devsite-var-input {
       border: 1px solid #80868b;
       font-family: inherit;
       font-size: inherit;
       padding: 1px 3px 0;
       width: inherit
}

devsite-var input.devsite-var-input:focus {
       border-bottom: 1px solid #80868b;
       padding-bottom: 0
}

devsite-var button.devsite-icon-edit {
       color: var(--devsite-var-color);
       margin: 0 0 2px 5px
}

devsite-var .material-icons.devsite-icon-edit {
       vertical-align: middle
}

devsite-var .devsite-icon-close {
       bottom: 0;
       position: absolute;
       right: -4px;
       top: 0
}

devsite-var .devsite-icon-close,
devsite-var .devsite-icon-close:hover {
       color: #202124
}

devsite-var .devsite-var-wrapper .material-icons {
       background: none;
       border: none;
       font-size: inherit;
       height: inherit;
       min-width: inherit;
       padding: 0
}

devsite-var .devsite-var-wrapper .material-icons:active {
       box-shadow: none
}

devsite-var .devsite-var-wrapper .material-icons:hover {
       cursor: pointer
}

devsite-version-selector {
       display: block;
       padding: 0 24px
}

devsite-version-selector .devsite-version-selector-select {
       width: 100%
}

.devsite-future-version,
.devsite-future-version * {
       color: var(--devsite-tertiary-text-rgba);
       text-decoration: none
}

devsite-video {
       aspect-ratio: 16/9;
       display: block;
       overflow: hidden;
       position: relative;
       width: 100%
}

devsite-video .devsite-video-placeholder img,
devsite-video .devsite-video-placeholder span,
devsite-video iframe {
       position: absolute
}

devsite-video iframe {
       height: 101%;
       left: -.5%;
       top: -.5%;
       width: 101%
}

devsite-video .devsite-video-placeholder span {
       color: var(--devsite-primary-text-color);
       padding: 8px
}

devsite-video .devsite-basic-video-player {
       border: 0;
       height: 100%;
       position: absolute;
       width: 100%
}

devsite-visibility-analytics[counterfactual] {
       display: block;
       height: 1px;
       opacity: 0
}

devsite-visibility-analytics[counterfactual] * {
       display: none
}

devsite-vplus .devsite-vplus-content-container {
       border: 1px solid #000;
       height: 0;
       padding-bottom: 56.25%;
       position: relative;
       visibility: hidden
}

devsite-vplus .devsite-vplus-slide-frame {
       height: 100%;
       left: 0;
       overflow: auto;
       position: absolute;
       top: 0;
       width: 100%
}

devsite-vplus .devsite-vplus-video {
       bottom: 0;
       height: 26%;
       position: absolute;
       right: 0;
       -webkit-transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
       transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
       width: 26%;
       z-index: 1
}

devsite-vplus .devsite-vplus-video.devsite-vplus-large {
       height: 100%;
       width: 100%
}

devsite-vplus .devsite-vplus-video-container {
       bottom: 0;
       cursor: pointer;
       height: 26%;
       position: absolute;
       right: 0;
       -webkit-transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
       transition: width 1.3s ease, height 1.3s ease, position 1.3s ease;
       width: 26%;
       z-index: 1
}

devsite-vplus .devsite-vplus-video-container.devsite-vplus-large {
       height: 100%;
       width: 100%
}

devsite-vplus .devsite-vplus-video-container>video {
       width: 100%
}

@media (max-width:1049px) {
       #video-caption-container span {
              font-size: 1.9vw
       }
}

@media (min-width:1050px) {
       #video-caption-container span {
              font-size: 1.1vw
       }
}

devsite-vplus .devsite-vplus-controls {
       background-color: #fff;
       border-radius: 6px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       margin: 0 auto;
       max-width: 490px;
       padding: 6px;
       text-align: center
}

devsite-vplus .devsite-vplus-controls-text {
       font-size: 16px;
       font-style: normal;
       font-weight: 700
}

devsite-vplus .devsite-vplus-slide-status {
       margin: auto
}

devsite-vplus .devsite-vplus-slide-status span {
       font-size: 18px
}

devsite-vplus .devsite-vplus-slide-status span:not(:first-of-type) {
       padding-left: 5px
}

devsite-vplus .devsite-vplus-player-controls {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 8px 16px
}

devsite-vplus .devsite-vplus-control-button {
       cursor: pointer;
       box-shadow: none;
       height: 43px;
       padding-top: 0;
       width: 50px
}

devsite-vplus .devsite-vplus-control-button:hover {
       box-shadow: 0 2px 4px #aaa;
       border-radius: 4px
}

devsite-vplus .devsite-vplus-video-controls-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-vplus .devsite-vplus-play-icon {
       margin-left: 0
}

devsite-vplus .devsite-vplus-pause-icon {
       margin-left: 0
}

devsite-vplus .devsite-vplus-play-button {
       padding-left: 0;
       margin-left: 16px;
       width: 50px
}

devsite-vplus .devsite-vplus-next-button {
       padding-left: 0;
       margin-left: 16px;
       width: 50px
}

devsite-vplus .devsite-vplus-triangle {
       border-style: solid;
       height: 0;
       margin: auto;
       position: relative;
       width: 0
}

devsite-vplus .devsite-vplus-back {
       border-color: transparent #24508d transparent transparent;
       border-width: 8px 16px 8px 0
}

devsite-vplus .devsite-vplus-back-triangle-1 {
       left: -8px;
       top: 15px
}

devsite-vplus .devsite-vplus-back-triangle-2 {
       left: 8px;
       top: -1px
}

devsite-vplus .devsite-vplus-forward-single {
       border-color: transparent transparent transparent #24508d;
       border-width: 16px 0 16px 25px;
       top: 5px
}

devsite-vplus .devsite-vplus-forward {
       border-color: transparent transparent transparent #24508d;
       border-width: 8px 0 8px 16px;
       top: 5px
}

devsite-vplus .devsite-vplus-forward-triangle-1 {
       left: -8px;
       top: 15px
}

devsite-vplus .devsite-vplus-forward-triangle-2 {
       left: 8px;
       top: -1px
}

devsite-vplus .devsite-vplus-pause {
       background-color: #24508d;
       height: 30px;
       width: 9px
}

devsite-vplus .devsite-vplus-rect-1 {
       left: 12px;
       position: relative;
       top: 6px
}

devsite-vplus .devsite-vplus-rect-2 {
       left: 29px;
       position: relative;
       top: -24px
}

devsite-vplus .devsite-vplus-playbackrate select:hover {
       box-shadow: 0 2px 4px #aaa
}

devsite-vplus .devsite-vplus-playbackrate .material-icons {
       margin-top: 10px
}

devsite-vplus .devsite-vplus-playbackrate select {
       border-color: transparent;
       font-size: 18px;
       height: 46px;
       padding-bottom: 2px;
       padding-top: 2px;
       -moz-text-align-last: center;
       text-align-last: center;
       text-transform: none
}

devsite-vplus .devsite-vplus-caption-control-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin-top: 8px
}

devsite-vplus .devsite-vplus-caption-control {
       background-color: #24508d;
       border: 0;
       border-radius: 16px;
       color: var(--devsite-inverted-text-color);
       display: inline-block;
       height: 35px;
       line-height: 39px;
       margin-right: 10px;
       margin-top: 1px;
       padding: 0;
       text-align: center;
       text-decoration: none;
       text-indent: 0;
       vertical-align: 10%;
       width: 50px
}

devsite-vplus .devsite-vplus-captions-off {
       background-color: #fff;
       color: #24508d
}

devsite-vplus .devsite-vplus-controls .devsite-vplus-control-button.disabled {
       background-color: transparent
}

devsite-vplus .devsite-vplus-prev-button.disabled .devsite-vplus-triangle {
       border-right-color: #94969a
}

devsite-vplus .devsite-vplus-prev-button:hover:not(.disabled) .devsite-vplus-triangle {
       border-right-color: #18345c
}

devsite-vplus .devsite-vplus-next-button:hover:not(.disabled) .devsite-vplus-triangle {
       border-right-color: #18345c
}

devsite-vplus .devsite-vplus-next-button.disabled .devsite-vplus-triangle {
       border-left-color: #94969a
}

.next-button:hover:not(.disabled) .devsite-vplus-triangle,
devsite-vplus .devsite-vplus-play-button:hover:not(.disabled) .devsite-vplus-triangle {
       border-left-color: #18345c
}

devsite-vplus .devsite-vplus-navigation-button-container {
       margin: 0 auto;
       text-align: center
}

devsite-vplus .devsite-vplus-navigation-button-link {
       text-decoration: none
}

devsite-vplus .devsite-vplus-navigation-button {
       background-color: #24508d;
       box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
       color: var(--devsite-inverted-text-color);
       display: inline-block;
       font-size: 16px;
       margin: 12px 36px;
       padding: 12px 36px
}

devsite-vplus .devsite-vplus-addendums {
       border: 1px solid #000;
       cursor: pointer
}

devsite-vplus .devsite-vplus-addendums-header {
       background-color: var(--devsite-background-5);
       outline: none;
       padding: 8px 8px 8px 0;
       width: 100%
}

devsite-vplus .devsite-vplus-addendums-control {
       cursor: pointer;
       display: table-cell;
       vertical-align: middle
}

devsite-vplus .devsite-vplus-addendums-control .material-icons.devsite-vplus-caption-button {
       cursor: pointer
}

devsite-vplus .devsite-vplus-addendums-control>div {
       white-space: nowrap;
       margin-left: 8px;
       margin-right: 8px
}

devsite-vplus .devsite-vplus select {
       outline: 2px
}

devsite-vplus .devsite-vplus-notes-control>div>div:hover,
devsite-vplus .devsite-vplus-transcript-control>div>div:hover,
devsite-vplus .devsite-vplus select:hover {
       box-shadow: 0 2px 4px #aaa;
       background-color: #e1f3fc
}

devsite-vplus .devsite-vplus select:focus {
       background-color: #e1f3fc
}

devsite-vplus .devsite-vplus-addendums-control.devsite-vplus-search-widget>div {
       margin-left: 0;
       margin-right: 0
}

devsite-vplus .devsite-vplus-addendums-label {
       white-space: nowrap
}

devsite-vplus .devsite-vplus-addendums-control .devsite-hidden {
       display: none
}

devsite-vplus .devsite-vplus-notes-control .devsite-vplus-addendums-closed,
devsite-vplus .devsite-vplus-notes-control .devsite-vplus-addendums-opened,
devsite-vplus .devsite-vplus-transcript-control .devsite-vplus-addendums-closed,
devsite-vplus .devsite-vplus-transcript-control .devsite-vplus-addendums-opened {
       display: none
}

devsite-vplus .devsite-vplus-notes-control.goog-zippy-collapsed .devsite-vplus-addendums-closed,
devsite-vplus .devsite-vplus-notes-control.goog-zippy-expanded .devsite-vplus-addendums-opened,
devsite-vplus .devsite-vplus-transcript-control.goog-zippy-collapsed .devsite-vplus-addendums-closed,
devsite-vplus .devsite-vplus-transcript-control.goog-zippy-expanded .devsite-vplus-addendums-opened {
       display: inline
}

devsite-vplus .devsite-vplus-search-widget {
       background: var(--devsite-background-3);
       padding: 2px 4px;
       position: relative;
       width: 100%
}

devsite-vplus .devsite-vplus-search-widget>div {
       width: 100%
}

devsite-vplus .devsite-vplus-search-input {
       background-color: transparent;
       border-width: 0;
       font-size: 14px;
       width: 100%
}

devsite-vplus .devsite-vplus-search-input:hover {
       box-shadow: 0 2px 4px #aaa
}

devsite-vplus .devsite-vplus-search-autocomplete {
       position: relative;
       white-space: normal;
       width: 100%;
       z-index: 1
}

devsite-vplus .devsite-vplus-search-autocomplete .ac-renderer {
       background: var(--devsite-background-1);
       border: 1px solid var(--devsite-secondary-text-color);
       box-shadow: 2px 2px 2px hsla(0, 0%, 40%, .4);
       font: normal 13px Arial, sans-serif;
       position: absolute;
       width: 100%
}

devsite-vplus .devsite-vplus-search-autocomplete .ac-row {
       cursor: pointer;
       padding: 6px
}

devsite-vplus .devsite-vplus-search-autocomplete .ac-highlighted {
       font-weight: 700
}

devsite-vplus .devsite-vplus-search-autocomplete .ac-active {
       background-color: #bdc1c6
}

devsite-vplus .devsite-vplus-addendums-control div.devsite-vplus-captions-language-selector-wrapper,
devsite-vplus .devsite-vplus-addendums-control div.devsite-vplus-video-language-selector-wrapper {
       display: inline-block;
       height: auto;
       margin-right: 2px;
       padding: 0;
       vertical-align: bottom
}

devsite-vplus .devsite-vplus-captions-language-selector-wrapper .material-icons,
devsite-vplus .devsite-vplus-video-language-selector-wrapper .material-icons {
       vertical-align: middle
}

devsite-vplus .devsite-vplus-captions-language-selector-wrapper:focus-within .material-icons,
devsite-vplus .devsite-vplus-video-language-selector-wrapper:focus-within .material-icons {
       display: none
}

devsite-vplus .devsite-vplus-captions-language-selector-wrapper select,
devsite-vplus .devsite-vplus-video-language-selector-wrapper select {
       background-color: var(--devsite-background-5);
       min-width: 0;
       padding-right: 16px;
       width: 0
}

devsite-vplus .devsite-vplus-captions-language-selector-wrapper select:focus,
devsite-vplus .devsite-vplus-video-language-selector-wrapper select:focus {
       outline: 5px auto -webkit-focus-ring-color;
       padding-right: 27px;
       width: auto
}

devsite-vplus .devsite-vplus-captions-language-selector-wrapper select.kd-select,
devsite-vplus .devsite-vplus-video-language-selector-wrapper select.kd-select {
       border-color: transparent;
       font-size: small;
       height: auto;
       padding-bottom: 2px;
       padding-top: 2px;
       -moz-text-align-last: right;
       text-align-last: right
}

devsite-vplus .devsite-vplus-addendums-opened .material-icons {
       width: 1em
}

devsite-vplus .devsite-vplus-addendums-closed .material-icons {
       background-color: #bdc1c6;
       color: var(--devsite-inverted-text-color);
       width: 1em
}

devsite-vplus .devsite-vplus-notes {
       border-top: 1 solid #000;
       height: 100px;
       margin: 0;
       overflow: auto;
       padding: 16px;
       position: relative;
       resize: vertical;
       width: 100%
}

devsite-vplus .devsite-vplus-transcript-captions {
       border-top: 1 solid #000;
       height: 4.5em;
       margin: 0;
       overflow: auto;
       padding: 0;
       position: relative;
       resize: vertical;
       width: 100%
}

devsite-vplus .devsite-vplus-transcript-captions table {
       border-collapse: separate;
       margin: 0
}

devsite-vplus .devsite-vplus-transcript-caption {
       padding: .15em 1em;
       width: 100%
}

devsite-vplus .devsite-vplus-transcript-slide-separator {
       font-weight: 700;
       font-style: italic
}

devsite-vplus .devsite-vplus-transcript-slide-separator hr {
       padding: 1px 0
}

devsite-vplus .devsite-vplus-transcript-caption:focus {
       outline-offset: -3px
}

devsite-vplus .devsite-vplus-transcript-caption td {
       background-color: #fff;
       border-color: #fff;
       padding: 0 .25em;
       text-shadow: 0 0 0 currentColor
}

devsite-vplus .devsite-vplus-transcript-caption:hover td {
       text-shadow: .5px 0 .1px #5f6368, -.5px 0 .1px #5f6368
}

devsite-vplus .devsite-vplus-transcript-caption:hover .devsite-vplus-transcript-caption-bullet {
       visibility: visible
}

devsite-vplus .devsite-vplus-transcript-caption.devsite-vplus-caption-highlighted td {
       background-color: #fff176
}

devsite-vplus .devsite-vplus-transcript-caption .devsite-vplus-transcript-caption-bullet {
       padding: 0 0 0 4px;
       visibility: hidden
}

devsite-vplus .devsite-vplus-transcript-caption-time {
       font-weight: lighter;
       min-width: 2.5em;
       text-align: right
}

devsite-vplus .devsite-vplus-transcript-caption-text {
       width: 100%
}

devsite-vplus .devsite-vplus-fullscreen-icon {
       color: #24508d;
       padding: 0;
       text-overflow: inherit;
       text-transform: none
}

devsite-vplus .devsite-hidden {
       display: none
}

devsite-youtube {
       aspect-ratio: 16/9;
       display: block;
       overflow: hidden;
       position: relative;
       width: 100%
}

devsite-youtube .devsite-video-placeholder img,
devsite-youtube .devsite-video-placeholder span,
devsite-youtube iframe {
       position: absolute
}

devsite-youtube iframe {
       height: 101%;
       left: -.5%;
       top: -.5%;
       width: 101%
}

devsite-youtube .devsite-video-placeholder span {
       color: var(--devsite-primary-text-color);
       padding: 8px
}

devsite-youtube .devsite-basic-video-player {
       border: 0;
       height: 100%;
       position: absolute;
       width: 100%
}

body[codelabs-content-type=paginated] google-codelab {
       width: 100%;
       height: 100%;
       display: grid;
       grid-template: 64px 1fr 56px/256px 1fr;
       grid-template-areas: "title title""drawer  main""metadata  main"
}

body[codelabs-content-type=paginated] google-codelab #main {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       grid-area: main;
       position: relative;
       background: #f8f9fa
}

body[codelabs-content-type=paginated] google-codelab #codelab-title {
       background: #fff;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       color: #3c4043;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       grid-area: title;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       height: 64px;
       padding: 0 36px 0 16px;
       -webkit-font-smoothing: antialiased;
       z-index: 1000;
       max-width: 100vw
}

body[codelabs-content-type=paginated] google-codelab #codelab-title h1 {
       font-size: 20px;
       font-weight: 400;
       margin: 0 8px;
       font-family: Roboto, Noto, sans-serif;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -webkit-flex-shrink: 1;
       -ms-flex-negative: 1;
       flex-shrink: 1;
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
       width: 0;
       display: inline-block
}

body[codelabs-content-type=paginated] google-codelab #codelab-title h1 a {
       color: #3c4043;
       text-decoration: none
}

body[codelabs-content-type=paginated] google-codelab #codelab-title h1 a:focus,
body[codelabs-content-type=paginated] google-codelab #codelab-title h1 a:hover {
       color: #212121;
       text-decoration: underline
}

body[codelabs-content-type=paginated] google-codelab #codelab-title .time-remaining {
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -webkit-box-flex: 0;
       -webkit-flex-grow: 0;
       -moz-box-flex: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       font-size: 16px;
       font-weight: 400;
       white-space: nowrap
}

body[codelabs-content-type=paginated] google-codelab #codelab-title .time-remaining i {
       margin-right: 3px
}

body[codelabs-content-type=paginated] google-codelab #codelab-nav-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-flex: 0;
       -webkit-flex-grow: 0;
       -moz-box-flex: 0;
       -ms-flex-positive: 0;
       flex-grow: 0;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0
}

body[codelabs-content-type=paginated] google-codelab #codelab-nav-buttons #arrow-back,
body[codelabs-content-type=paginated] google-codelab #codelab-nav-buttons #menu {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       text-decoration: none;
       color: #3c4043;
       width: 40px;
       height: 40px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

body[codelabs-content-type=paginated] google-codelab #controls {
       position: absolute;
       bottom: 32px;
       left: 0;
       right: 0;
       padding: 0 32px;
       z-index: 1001
}

body[codelabs-content-type=paginated] google-codelab #fabs {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 0 auto;
       max-width: 1025px
}

body[codelabs-content-type=paginated] google-codelab #done,
body[codelabs-content-type=paginated] google-codelab #next-step,
body[codelabs-content-type=paginated] google-codelab #previous-step {
       border-radius: 4px;
       font-family: Google Sans, Arial, sans-serif;
       font-size: 14px;
       font-weight: 600;
       letter-spacing: .6px;
       line-height: 24px;
       padding: 6px 24px;
       pointer-events: auto;
       text-transform: none;
       background: #fff;
       color: #1a73e8;
       -webkit-transform: scale(1);
       transform: scale(1);
       -webkit-transition: -webkit-transform .3s ease-in-out;
       transition: -webkit-transform .3s ease-in-out;
       transition: transform .3s ease-in-out;
       transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
       box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
       text-decoration: none;
       -webkit-font-smoothing: antialiased
}

body[codelabs-content-type=paginated] google-codelab #next-step {
       color: #fff;
       background: #1a73e8
}

body[codelabs-content-type=paginated] google-codelab #done {
       background: #1e8e3e;
       color: #fff
}

body[codelabs-content-type=paginated] google-codelab #fabs a[disappear] {
       -webkit-transform: scale(0);
       transform: scale(0)
}

body[codelabs-content-type=paginated] google-codelab #done {
       background: #0f9d58
}

body[codelabs-content-type=paginated] google-codelab #drawer .codelab-time-container {
       display: none
}

body[codelabs-content-type=paginated] google-codelab .metadata {
       background: #f8f9fa;
       color: #777;
       font-size: 14px;
       grid-area: metadata;
       padding: 16px
}

body[codelabs-content-type=paginated] google-codelab .metadata a {
       color: currentcolor;
       margin-left: 4px
}

body[codelabs-content-type=paginated] google-codelab .metadata a:focus,
body[codelabs-content-type=paginated] google-codelab .metadata a:hover {
       color: #212121
}

@media (max-width:768px) {
       body[codelabs-content-type=paginated] google-codelab {
              grid-template: 64px 1fr 56px/1fr;
              grid-template-areas: "title""main""metadata";
              padding-top: 0
       }

       body[codelabs-content-type=paginated] google-codelab #codelab-title {
              padding: 0 16px
       }

       body[codelabs-content-type=paginated] google-codelab #codelab-title .codelab-time-container {
              display: none
       }
}

body[codelabs-content-type=paginated] google-codelab #drawer {
       width: 256px;
       grid-area: drawer;
       position: relative;
       z-index: 100;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       background: #f8f9fa;
       overflow: auto
}

body[codelabs-content-type=paginated] google-codelab #drawer .steps {
       -webkit-flex-shrink: 1;
       -ms-flex-negative: 1;
       flex-shrink: 1;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       overflow-x: visible;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

body[codelabs-content-type=paginated] google-codelab #drawer .steps:only-child {
       max-height: 100%
}

body[codelabs-content-type=paginated] google-codelab #drawer ol {
       margin: 0;
       padding: 16px 12px;
       counter-reset: li-count;
       list-style: none;
       overflow-x: visible;
       overflow-y: auto;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li {
       display: block;
       counter-increment: li-count
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li a {
       text-decoration: none;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       font-size: 14px;
       color: #80868b;
       padding: 3px 10px;
       min-height: 48px;
       font-weight: 400;
       line-height: 20px;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       position: relative;
       font-family: Roboto, Noto, sans-serif;
       -webkit-font-smoothing: antialiased;
       -webkit-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
       border: 1px solid #dadce0;
       border-radius: 5px;
       margin: 6px 0;
       background: #fff
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li a:active,
body[codelabs-content-type=paginated] google-codelab #drawer ol li a:focus {
       background: #c6c6c6;
       -webkit-tap-highlight-color: transparent;
       outline: 0;
       border-color: #c6c6c6 !important
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li a .step {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li .step:before {
       content: counter(li-count);
       display: inline-block;
       font-style: normal;
       width: 26px;
       min-width: 26px;
       color: #fff;
       background: #80868b;
       border-radius: 50%;
       text-align: center;
       height: 26px;
       vertical-align: middle;
       line-height: 26px;
       margin-right: 8px;
       font-weight: 400;
       position: relative;
       z-index: 2;
       -webkit-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li[selected] a,
body[codelabs-content-type=paginated] google-codelab #drawer ol li a:focus {
       color: #212121;
       font-weight: 600;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li[selected] a {
       border-color: #fff
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li[selected] .step:before {
       font-weight: 600
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li[completed] a {
       color: #212121
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li[completed] .step:before {
       background-color: #1a73e8;
       color: #fff
}

body[codelabs-content-type=paginated] google-codelab #codelab-nav-buttons #menu {
       display: none
}

body[codelabs-content-type=paginated] google-codelab #drawer ol ::-webkit-scrollbar {
       -webkit-appearance: none;
       width: 7px
}

body[codelabs-content-type=paginated] google-codelab #drawer ol ::-webkit-scrollbar-thumb {
       border-radius: 4px;
       background-color: rgba(0, 0, 0, .5);
       -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5)
}

@media (max-width:768px) {
       body[codelabs-content-type=paginated] google-codelab #codelab-nav-buttons #arrow-back {
              display: none
       }

       body[codelabs-content-type=paginated] google-codelab #codelab-nav-buttons #menu {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }

       body[codelabs-content-type=paginated] google-codelab #drawer {
              grid-area: auto;
              width: 256px;
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              z-index: 10000;
              will-change: transform;
              box-shadow: 2px 2px 4px transparent;
              pointer-events: none;
              -webkit-transform: translate3d(-100%, 0, 0);
              transform: translate3d(-100%, 0, 0);
              -webkit-transition: box-shadow .3s, -webkit-transform .3s ease-in-out;
              transition: box-shadow .3s, -webkit-transform .3s ease-in-out;
              transition: transform .3s ease-in-out, box-shadow .3s;
              transition: transform .3s ease-in-out, box-shadow .3s, -webkit-transform .3s ease-in-out
       }

       body[codelabs-content-type=paginated] google-codelab[drawer--open] #drawer {
              box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
              -webkit-transform: translateZ(0);
              transform: translateZ(0);
              pointer-events: all
       }

       body[codelabs-content-type=paginated] google-codelab #main:before {
              content: "";
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              position: absolute;
              -webkit-transition: opacity .38s ease-in-out;
              transition: opacity .38s ease-in-out;
              background-color: rgba(0, 0, 0, .3);
              z-index: 10;
              pointer-events: none;
              opacity: 0
       }

       body[codelabs-content-type=paginated] google-codelab[drawer--open] #main:before {
              opacity: 1;
              pointer-events: all
       }

       body[codelabs-content-type=paginated] google-codelab #drawer .codelab-time-container {
              display: block;
              padding: 20px 10px 10px 23px
       }

       body[codelabs-content-type=paginated] google-codelab #drawer .time-remaining i {
              margin-right: 9px
       }
}

body[codelabs-content-type=paginated] google-codelab #steps {
       overflow: hidden;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       position: relative;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

body[codelabs-content-type=paginated] google-codelab google-codelab-step {
       display: none;
       width: 100%;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       padding-top: 32px;
       overflow-y: auto;
       overflow-x: hidden
}

body[codelabs-content-type=paginated] google-codelab google-codelab-step[animating],
body[codelabs-content-type=paginated] google-codelab google-codelab-step[selected] {
       display: block;
       -webkit-transform-origin: 0 50% 0;
       transform-origin: 0 50% 0;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both
}

body[codelabs-content-type=paginated] google-codelab google-codelab-step[animating] {
       pointer-events: none;
       position: absolute;
       overflow: hidden
}

@media (max-width:768px) {
       body[codelabs-content-type=paginated] google-codelab google-codelab-step {
              padding-top: 8px
       }
}

body[codelabs-content-type=paginated] google-codelab #drawer ol li {
       padding: 0;
       margin: 0
}

body[codelabs-content-type=paginated] google-codelab {
       bottom: 0;
       left: 0;
       position: fixed;
       top: 0
}

body[codelabs-content-type=paginated] google-codelab #codelab-title h1 {
       width: auto;
       color: #3c4043;
       top: 0
}

body[codelabs-content-type=paginated] google-codelab .title {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       margin-left: 10px;
       overflow: hidden
}

body[codelabs-content-type=paginated] google-codelab .no-return-url {
       display: none !important
}

body[codelabs-content-type=paginated] google-codelab #drawer .metadata .material-icons,
body[codelabs-content-type=paginated] google-codelab-about .about-card .material-icons {
       top: 0 !important
}

body[codelabs-content-type=paginated] body[template=codelab] devsite-footer-utility .devsite-footer-utility-button>a,
body[codelabs-content-type=paginated] google-codelab .button-blue,
body[codelabs-content-type=paginated] google-codelab .button-green,
body[codelabs-content-type=paginated] google-codelab .button-primary,
body[codelabs-content-type=paginated] google-codelab .button-red {
       color: #fff !important
}

body[codelabs-content-type=paginated] google-codelab #codelab-title devsite-language-selector {
       margin: 0 16px
}

body[codelabs-content-type=paginated] google-codelab #controls devsite-language-selector {
       background: var(--devsite-background-1);
       display: none
}

@media screen and (max-width:840px) {
       body[codelabs-content-type=paginated] google-codelab #codelab-title devsite-language-selector {
              margin: 0 8px
       }
}

@media screen and (max-width:600px) {
       body[codelabs-content-type=paginated] google-codelab #codelab-title devsite-language-selector {
              display: none
       }

       body[codelabs-content-type=paginated] google-codelab #controls devsite-language-selector {
              display: block
       }

       body[codelabs-content-type=paginated] google-codelab #main #controls {
              padding: 0 8px
       }

       body[codelabs-content-type=paginated] google-codelab #controls .spacer {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center
       }
}

body[codelabs-content-type=paginated] {
       color: #5c5c5c;
       font-family: var(--devsite-primary-font-family);
       overflow: hidden
}

body[codelabs-content-type=paginated] google-codelab {
       opacity: 0
}

body[codelabs-content-type=paginated] devsite-googler-buttons {
       bottom: 148px
}

body[codelabs-content-type=paginated][ready] google-codelab {
       opacity: 1
}

body[codelabs-content-type=paginated] .devsite-main-content {
       max-width: 100% !important;
       padding: 0 !important
}

body[codelabs-content-type=paginated] a:focus {
       text-decoration: none
}

body[codelabs-content-type=paginated] .devsite-badger-award {
       left: 256px
}

body[codelabs-content-type=paginated] .devsite-back-to-top-link,
body[codelabs-content-type=paginated] .devsite-banner,
body[codelabs-content-type=paginated] .devsite-book-nav-bg,
body[codelabs-content-type=paginated] .devsite-book-nav-bg[fixed],
body[codelabs-content-type=paginated] .devsite-book-nav-blur,
body[codelabs-content-type=paginated] .devsite-book-nav-toggle,
body[codelabs-content-type=paginated] .devsite-footer,
body[codelabs-content-type=paginated] .devsite-heading-link,
body[codelabs-content-type=paginated] .devsite-page-bookmark-tooltip,
body[codelabs-content-type=paginated] .devsite-page-title,
body[codelabs-content-type=paginated] .devsite-sidebar,
body[codelabs-content-type=paginated] devsite-book-nav,
body[codelabs-content-type=paginated] devsite-bookmark,
body[codelabs-content-type=paginated] devsite-header {
       display: none
}

body[codelabs-content-type=paginated] devsite-code:after {
       display: none
}

body[codelabs-content-type=paginated] devsite-user[signed-in][enable-profiles] {
       min-width: 44px
}

body[codelabs-content-type=scrolling][type=codelab] .devsite-sidebar[fixed] .devsite-sidebar-content {
       -webkit-padding-start: 0;
       -moz-padding-start: 0;
       padding-inline-start: 0
}

body[codelabs-content-type=scrolling][type=codelab] .devsite-sidebar[fixed] devsite-toc {
       -webkit-padding-end: 8px;
       -moz-padding-end: 8px;
       padding-inline-end: 8px
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-show-all {
       margin: 0
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-more-items {
       margin-bottom: 0
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc>.devsite-nav-list,
body[codelabs-content-type=scrolling][type=codelab] devsite-toc[fixed]>.devsite-nav-list {
       border: 0;
       counter-reset: steps;
       padding: 0
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-item {
       margin-bottom: 8px
}

body[codelabs-content-type=scrolling][type=codelab] .devsite-toc-toggle,
body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-item:last-child>a {
       padding: 12px 8px
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-item>a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-background-1);
       border-radius: 4px;
       color: var(--devsite-secondary-text-color);
       display: grid;
       font-family: var(--devsite-headline-font-family);
       font-size: 14px;
       grid-gap: 0 8px;
       grid-template-columns: 32px 1fr;
       padding: 12px 8px;
       border: var(--devsite-primary-border);
       box-shadow: none
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-item[completed]>a {
       color: var(--devsite-primary-text-color)
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-item>a:before {
       background: var(--devsite-tertiary-text-color);
       border-radius: 100%;
       color: var(--devsite-inverted-text-color);
       content: counter(steps);
       counter-increment: steps;
       height: 32px;
       line-height: 32px;
       text-align: center;
       width: 32px
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-text {
       margin: 4px 0 0
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-active.devsite-nav-title {
       border: 0;
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color)
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-active.devsite-nav-title,
body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-active.devsite-nav-title:focus,
body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-active.devsite-nav-title:hover {
       color: var(--devsite-primary-text-color)
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-active.devsite-nav-title:before,
body[codelabs-content-type=scrolling][type=codelab] devsite-toc .devsite-nav-item[completed]>a:before {
       background: var(--devsite-link-color)
}

body[codelabs-content-type=scrolling][type=codelab] .codelab-banner {
       color: var(--devsite-primary-text-color);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       font: 400 18px/30px var(--devsite-headline-font-family)
}

body[codelabs-content-type=scrolling][type=codelab] .codelab-banner .devsite-banner-message {
       padding: 16px 40px
}

body[codelabs-content-type=scrolling] .devsite-banner :link,
body[codelabs-content-type=scrolling] .devsite-banner :visited {
       text-decoration: underline
}

body[codelabs-content-type=scrolling][type=codelab] .codelab-banner :link,
body[codelabs-content-type=scrolling][type=codelab] .codelab-banner :visited {
       color: var(--devsite-primary-text-color);
       overflow: auto;
       text-decoration: none;
       text-overflow: ellipsis;
       white-space: nowrap
}

body[codelabs-content-type=scrolling][type=codelab] .codelab-banner .material-icons {
       color: var(--devsite-secondary-text-color)
}

body[codelabs-content-type=scrolling][type=codelab] .devsite-nav-item.devsite-toc-toggle {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       margin-bottom: 0
}

body[codelabs-content-type=scrolling][type=codelab] devsite-toc:not(.devsite-toc-embedded) .devsite-toc-toggle:before {
       content: "schedule";
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal
}

body[codelabs-content-type=scrolling][type=codelab] h3>.devsite-heading>a[href*=github],
body[codelabs-content-type=scrolling][type=codelab] h3>.devsite-heading>a[href*=github]:visited {
       color: #000;
       text-decoration: none;
       padding-left: 24px;
       background-repeat: no-repeat;
       background-size: 18px;
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAflBMVEUAAACXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZbf2s+YAAAAKXRSTlMA+SAC7QrIBPXROWMX17rCSmusXEaAD9zNeXFWJqOLMx3mtJJAK5xP4Jw4LyAAAAT6SURBVGje1NbdcqJAEAXg0zJAQEFA0QhojJHE8/4vuBfrJlvQGHSGbO13CzVT09M/g//HIssPRZAYIUkxSVAc8myBSfnrMjVUmbRc+5jEsUqFN0lazeDYogo4SlC5jPq6EI4mxRpOhKuId4pWof228y0fsJ1bbp0lfFCS4XFNSgtpg8eEO6EV2YV4QBvRWtTiXl4udEByD3fxCzpS+LhDk9CZpMFosaFDJsZItdApqTHKnM7NMULOCeQW5534zDUnUuOmWDgRiXFDYzgZ02CQn3BCiY8BXsFJFd7YQjLPkeGDTPRsRhZVK+zIABxX+yfe6Wm/OgL4YIe0UIQRO8x1jm/yiHeI8s11RdP7FKJvx649PmUBRwoyfNqza6dUktzsNt7HliNsa+9m95UGXSl7XvQn2OV0qOpzO1tsNotZe66rw+lyXbb08bcX9qToyNgjYTcoS3PaxT4UflydzLJ7nFDYk3V+SdhzQZfnQTP89VW5jPDbmRTAWvDdnAq1zFnC2pLfHHnFn9uYK3yJ+HOhZoRPa2peYe2VmjX+KKjawNKGqgJXC6HqDEtnqmSB3yrqSlgqqau+UkAVwVLEKz1tZxxQw1LNATObSNvHOqUqCGEtDKhKAcAXqlo40Ag14g92D77BiTcO9pByqNbsDfeIcvCK3+HI++AlG2piOBJTY4AjNVs4s6XmiMwitSzSK0Nu0bQs2leOAzUzODOj5qDPYvHgTCj6TA703HLoog+oxGIgWgzHBMbigWnx1DSQyTcOqBDw34Sav9q1sx1HYSAKoNcYE4cl0AlhIB22rF3//4PTI43ULbrMYjzKy5zHROiGyNhlyqAXDC5z8Acc6mcFu3+OpeCD+Y87ONMRR1isik6qet+wah3gzMEwfIPXLIsB9sQp4UxJnL2pDFRwRBHrauoEZHDkaeoV5PSKKpNydMTSCk4oTawO8O07Nva9JN+8Z0skHNgk5l3bkf7hLUcjW+CceH2B1YqeeDmzTXU5sB/EE4rZmDucsA9ksBtvJuoQq4SaDE5sqc8n2+eaNyqBOTmHtcycG8xo3B4lrMgjmZ0GrwtYaQsLbUBmImZeojKuHRbyHjRmz5ZFQRUdByfGxCPEfPJW07gbVyVoiU9xIwYz97GVs1LD5oMmbPknvcKntLmXNNDvT2GBEV1WXXyadjA0Q64bIMygLsTo00aCsbmWfCbfDOEnt6QF8EzjlBi6BasVdscU5HYwbdz9LO65y9ae4tjKwTzDTJUZfxlPJjRLhoELfdPHgNrl9ZIFK6I5LhjyxOB75QdFsqAEVIKmCW+qcZ0B9xvOPft7eReaVnFPRPmj1lPvbcJdx6toUrkB46zpmyeAnFLViMGDZvSkKfo8Y3ikAORjB8RVqonIT4+hxJjW/qRRzezNvd1VoegKoG1uGOPRhBomaktfAok/PJ9a3PykQEk1xsQ0bqtg5Pk/+04qBtryotDlG4wpaJTvzS7Q3sCwDdbhgu1sw9yi7V/9XFSEb3MwbAbXYWn5H7zF3+5J2gZHNhuPX5frsaqaOvWpsAw+rC3FY6tg/cRMYU88zya4DzGbV7oL3npYQNWugmuFZSLtIlhHWOwcrA8OzrAgT3pdsD5J2PH2a4L3HuzdStvgMscq8j2hL/e5wcm7BLA2OuBbFebVKWBirYR/D6OWc16JizqEO0WUCrHzMMrbCZFGBf5j/QYa/td1VlNoIAAAAABJRU5ErkJggg==)
}

body[codelabs-content-type=scrolling][type=codelab] .faq a[href*=cloud\.google\.com] {
       padding-left: 22px;
       background-size: 20px;
       background-repeat: no-repeat;
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZRDf/zEH/zkPbRTlJifT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t7e1SkPXbRDdLjPW70fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjVtofhOi/NKh+9HgelGf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/fr6Oj9yT/3vjvaQDPUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJhu5EfOPo3Nv/0Ez8y0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznpsTjKRTjo8P3U4/z6+vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3t59f/89TvxcPsurXasKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj/xujvptjvutjrxtjn8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3/Cdu+/e4uv33Nk+btP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3RjYehnIT+2XPedW370mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjTSPS/w9vu50vs7hfr5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4OA/dt83bt80a9xmjdby19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXpqHXo57aop3ZkovTwIboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfsrTbkljbabDbcVTbsmTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCgqKA6WCooK7r333nvvvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr9sfp5Ckyfk6h8o5JkH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6WQsMDExF3/StLytka/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsAA545TWg8RQlc5MMBflrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3QvEBhYLLAu6+LDoIOtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlGSlVr3iJpOpOMsbt36r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms7lfu+yBthHhwcFhoaCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff175jFb9lrZecIVGgz09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992aapABKakzvKByQymxbO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8jD6NXqpEQPAmDCszibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVrQLIV16uGRGMTxD6PIEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQqcCHJK69cn62xDnA3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9CnchlYzyWYF7OFV8ATgAPV624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc74ESa1NsUBXK9QelLHfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT/DMpxkAW7CsCCFZ3D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvYA1i9BP8UkRtjsW8c3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNSqZ1Jgf/0xQsgSuXPCQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS7+JGPfOBgNEJDK3wg60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUecQrsGx8RbmmZxgfoIV9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1FpqnYJWkKklJScNLjxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4ugULlyuXJlyjQaNeqbFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1JTLAYD+mkhSoeBLoGoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/96/vzyHeXN3Inc6zSuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC)
}

body[codelabs-content-type=scrolling][type=codelab] .faq a[href*=stackoverflow\.com] {
       padding-left: 22px;
       background-size: 24px;
       background-repeat: no-repeat;
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAA4VBMVEUAAACCg4aCg4aCg4bIj0P1fx/2hh+ojHCojHCojHD2ih/UjCn0eiD0eiD2hB/2hR/RjjDUjCnKkkPUjCnUjCn2ih/UjCnCllPCllP2ih/CllPCllPCllP2ih/CllPCllPCllP2ih/2ih/CllPCllP2ih/2ih/CllPUjCnCllPUjCn0eiD0eiD2ih+ojHD0eiDUjCn0eiD0eiCojHDUjCn0eiDUjCn0eiDUjCnUjCn0eiCojHD0eiCojHD2ih+ojHD2ih+ojHCojHCdiXaViHuCg4aojHD0eiDCllPUjCn2ih8XYwy7AAAARXRSTlMAv0CAEEAQv4BA7++/gCBQQN8wIIDPv2Dfv5+PUDDPryCAcO+/r49wn4Bg79/frJ9QcGDPr6+Pj3DPz2AwIJ9wYOaPVDAbIL/gAAAGhElEQVR42uzbsYrCQBDG8WmyxaJJlcIixQmxMSIRgiBB7Bbm/R/oPAnH3e0SxwSvyf/3DLt8zDeMAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F9k7Xm1Xwlek53WqyY87AVWfbHumvCTE5hkIZYJTFyIrQU2+xA5CmxWIULcWq1DTGBzCrFcMDluC4ENcTtDEyKdwKYLkYuAuH27ggFtuj7ETgLiNo0B7Z3c1YnNMUQaWbTC6/W1uKUPHbha7wr60GnP7ot3YpGHWCsL5Wod1JP70LMsU+H12424nfDsBj4XgzMD2kN20F82YtDSh965nf61JW7Nzy7iKwY067OLlfJcw/qx1KQPQ9zSh1aaVtGHGnxoUummrB97WZhSk3byRM/6UST3mpQRtwZbTTo4GXdhQLvbaNJVxnX0oSMftyBuDQpN8o4BzaDWpFrG5KwfH5zXpJuMCfShox83pw812GnSxrx+XPI5hjvowF7ttawfB5km+Yq4nf5xS84x5lR7nGPMqfaI2znVHgPajGqPc4w51R7nGJ/sm29P2zAQh49h1kJgJHGWlrbQItAIebNO67owadpgwOzv/4Wm8S8NLsXxGSTu/HyEk/O78+McRu0FH4pQe2EdA6P2wjoGRu2FdotQe2EdA6P2wjoGRu2FdotQe+GChlF7DNcxKulN7bFbx4h1lPlSe+x8aKK1Tqae1B6zdYxM35BLP2qP1TqGjPQdmfCi9ji125l+ICp9qD1G6xixXiSPPag9PusYiW5SCLza49JuK/2YKEOrPSYXNBFpkyTGqj0e6xiFXkoukWqPwzpGrJ8iEyi1x8GHnuknSUqU2qO/jlHpVeQpwhB8oL6OISK9mkK4qz3q7bbQzxFV7mqP9jpGqi1IYme1R3sdI060BTPpaAiot9ss0hZkwk3tUb+gyUJbkEzd1B55HxqfaQvy1Ent0V/HKCNtwVy0NwSfGPhQMdcWRJWD2uOwjiFzbcFZ3F7tsVjHmDqMLTZqj3S7bTm2RJloZwh2maxjyJnd2NJS7XFZx7AcW2QrtUe93dZUDmOLjdrbaTTa7e9fNgj1i7ZjS9lK7dU+dPvzzgaRZ8elpPZji73a2/j749vOLuWytRtbCmmv9jghLMcWuw936zfwwnZssTAEexw+VidTmstn1N4Wr2/2gcrBlO6HY3eHKNqPLYfh2FmPLeZ/aXvh2D1Q2o0tYkHt8ZxQliIybTm2NNXex30IWI8tcePDPYSAywPv+61w7NwfeHfJHrvJS44tSQmUGan+oCfAgTi3fOCly1D952A4eqkH3gTocqDuOT5NX2JsmQJZhFrkaHwy8fzAmwNdeuoRRgQiTakEugyUSR2B+LFlDoTpK4M6AvH/pUUC6JIqAyMCMQ+8pMe8E2XgGIFlxKxbAIyVgUUEWj/wUh6QAZQBIgJlzqlbQKwMUBE4Tdh0C4ChMsBFoMgiJt2ivpvVoCNQznh0CxDKAB2B9dgSA2l6ygAbgfUDbwG0GSgDPxEo5tS7xYq7GT4CU8Im6pbRsNkxMBFIex5ezqQ3qM8fPgL5kZ6Mj1QNLgKpR90y4tNjpbxFID+ExwjsAUN8ReAYmOIjAlmePF8RyLHv+orAPgScI3AIb531tQZ/XjECR3DL5VoTeDOsXTVYf8UIFHDLu6sm8GZAFA8ZgccQimcgLCPwNBRvOROLCExD8Z4mXR2BRxCK5+wCx6F47hHYC8Vzj8BJKJ5zBPYhFM85Agf0i3dx3ulcdLubm5e+I3BEv3id65r7Ov70EoGCV/EW+NrpdLu/cHWkX7zz65pn6hiK9689O8hJKIaiMCxK0nYzTBgSYxDs/pekiTohEq/v0eRKv28J/+zkXMbrF2IdxQvEC3ScOF7r6+3LrtZDa1vxVinfHaeId+qjTBCv9kGO4i1XJoi365/EWxCv9EF24i1XJ4jXv4iXKd7p/uNt+yjt/uO1PspZvOVmmGcPrZ1q3ZUi3qoDaNva4WYdj5PFu2nHMm+8nzqKF4y3vuOreL923PcrqngRz6291FrKXrxbdWzifXB6iydehHh5iDco3maQpxnivQ2yEU888cQLEi8R8cSLES8R8cSLES8R8cSLES8R8cSLES8R8QbFexzkPEO86xxA4on3F+LlIZ54QeLlIZ54QeLlIZ54QeLlId6qeOk8/BviiRciXibiiRciXibiiRciXibiiRciXibiiQcAAAAAAAAAAAAAAAAAwHTeAe21evvWi2VXAAAAAElFTkSuQmCC)
}

body[codelabs-content-type=scrolling][type=codelab] .faq a[href*=support\.google\.com\/webmasters\/] {
       padding-left: 24px;
       background-size: 24px;
       background-repeat: no-repeat;
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEUAAADW1tbW1tZ6enrQ0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+ju7+9PT0/Q0dK8vLxGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx+3e3+GsrKxwcHBZk/dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAADnRSTlMAEcxmzO7MzDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7T+7+1xjTiwxVOAmeORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i22tZWqBRSDgKFfC4CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3sdq+nQB+nQABIQ+CQABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLneQAAVAvM/ttzVLlB4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6m9wTA4DzANiyW6lOqTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4k+TApBukHfFSBa7/I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8toRYKHEndkTauEQIIUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yATABwIChvVyE3IBR7AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlIL2AA5AIYAgJXUAjaAAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPiMAf8UgZEUpK/LoJ4oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA3p5RV9JboDeytp/kk4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQknwxIqIBu468hBgDqNYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26Dl5+fn5+fn5+dn7i/3LEaKJNV/0wAAAABJRU5ErkJggg==)
}

body[codelabs-content-type=scrolling][type=codelab] .faq a[href*=android-developer],
body[codelabs-content-type=scrolling][type=codelab] .faq a[href*=developer\.android\.com] {
       padding-left: 20px;
       background-repeat: no-repeat;
       background-size: 20px;
       background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAq1BMVEX///+lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX57ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi813Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2rzkr1+erJ35C61m6uz1KcxRHn8M6/2XgEePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzOC+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBGYJdA19qLAOU4s4LkyUN7G4Ude2glmzuRihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7JuCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZNMusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsvH697/eP/j7uDTOvB+dxwX/AaM2SQ+6icrYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRNJn20SYtHK8HaKZzoffhZl5tlNxsD5PsnUQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIlpY2FpgsgdQPkLXJQar0A/LVIDB6Idp2GxQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3hDMmZAQ05I020gT2PmeM+w4uGpLksFs+oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4KB52zuvTrOa5EssC0auM0C0tYKtI0DqgpUgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhlTrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQLBBQkUHAJfoB34UBS/9CfAETe6lZYKZft/QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+O24OQlynK62EGCF2J9IbpIsy/P0I3CHW+Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEKFUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAElFTkSuQmCC)
}

@media screen and (max-width:840px) {
       body[codelabs-content-type=paginated] .devsite-badger-award {
              left: 0
       }
}

body[codelabs-content-type=paginated] google-codelab-about .codelab-title {
       width: 100%;
       text-align: center;
       font-size: 32px;
       margin: 20px auto 30px;
       line-height: 45px;
       max-width: 700px
}

body[codelabs-content-type=paginated] google-codelab-about .codelab-title .token {
       display: inline-block;
       margin: 0 5px
}

body[codelabs-content-type=paginated] google-codelab-about .about-card {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       border: 1px solid #dadce0;
       border-radius: 5px;
       background: #fff;
       max-width: 800px;
       margin: 0 auto 30px;
       padding: 20px
}

body[codelabs-content-type=paginated] google-codelab-about .about-card h2 {
       font-weight: 500;
       font-weight: 400 !important;
       line-height: 1em !important;
       margin: 0 !important;
       font-size: 28px
}

body[codelabs-content-type=paginated] google-codelab-about .about-card>:not(:first-child) {
       padding-top: 30px
}

body[codelabs-content-type=paginated] google-codelab-about .about-card .material-icons {
       margin-right: 10px;
       top: 6px;
       position: relative
}

body[codelabs-content-type=scrolling][ready] google-codelab-about {
       border-radius: 4px;
       border: var(--devsite-primary-border);
       border-left: 4px solid var(--google-codelab-about-active-border-color);
       display: block;
       margin-top: 32px;
       padding: 32px
}

body[codelabs-content-type=scrolling] google-codelab-about .caption {
       color: var(--devsite-secondary-text-color);
       font: 400 12px/16px var(--devsite-primary-font-family);
       letter-spacing: .3px;
       margin: 0 0 24px;
       text-transform: uppercase
}

body[codelabs-content-type=scrolling] google-codelab-about .about {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

body[codelabs-content-type=scrolling] google-codelab-about .about-item {
       -webkit-border-end: solid 1px var(--devsite-background-5);
       -moz-border-end: solid 1px var(--devsite-background-5);
       border-inline-end: solid 1px var(--devsite-background-5);
       -webkit-padding-end: 16px;
       -moz-padding-end: 16px;
       padding-inline-end: 16px;
       -webkit-padding-start: 16px;
       -moz-padding-start: 16px;
       padding-inline-start: 16px
}

body[codelabs-content-type=scrolling] google-codelab-about .about-item:first-child {
       -webkit-padding-start: 0;
       -moz-padding-start: 0;
       padding-inline-start: 0
}

body[codelabs-content-type=scrolling] google-codelab-about .about-item:last-child {
       -webkit-border-end: 0;
       -moz-border-end: 0;
       border-inline-end: 0;
       -webkit-padding-end: 0;
       -moz-padding-end: 0;
       padding-inline-end: 0
}

body[codelabs-content-type=scrolling] google-codelab-about .author,
body[codelabs-content-type=scrolling] google-codelab-about .duration,
body[codelabs-content-type=scrolling] google-codelab-about .last-updated {
       font: 14px/20px var(--devsite-primary-font-family)
}

body[codelabs-content-type=scrolling] google-codelab-about .material-icons {
       color: var(--devsite-tertiary-text-color);
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px
}

body[codelabs-content-type=paginated] google-codelab-step {
       line-height: 24px;
       display: block
}

body[codelabs-content-type=paginated] google-codelab-step:focus {
       outline: none
}

body[codelabs-content-type=paginated] google-codelab-step code,
body[codelabs-content-type=paginated] google-codelab-step pre {
       font-family: Source Code Pro, Helvetica, Arial;
       font-size: inherit;
       border-radius: 4px;
       overflow-x: auto;
       overflow-y: visible
}

body[codelabs-content-type=paginated] google-codelab-step code {
       background-color: #e8eaed;
       padding: .1em .3em
}

body[codelabs-content-type=paginated] google-codelab-step pre {
       display: block;
       color: #fff;
       background-color: #28323f;
       padding: 14px;
       -webkit-text-size-adjust: none;
       line-height: 1.4
}

body[codelabs-content-type=paginated] google-codelab-step pre>code {
       padding: 0;
       background-color: transparent
}

body[codelabs-content-type=paginated] google-codelab-step code em {
       color: #97c8f2
}

body[codelabs-content-type=paginated] google-codelab-step code .str,
body[codelabs-content-type=paginated] google-codelab-step pre .str {
       color: #34a853
}

body[codelabs-content-type=paginated] google-codelab-step code .kwd,
body[codelabs-content-type=paginated] google-codelab-step pre .kwd {
       color: #f538a0
}

body[codelabs-content-type=paginated] google-codelab-step code .com,
body[codelabs-content-type=paginated] google-codelab-step pre .com {
       color: #bdc1c6
}

body[codelabs-content-type=paginated] google-codelab-step code .typ,
body[codelabs-content-type=paginated] google-codelab-step pre .typ {
       color: #24c1e0
}

body[codelabs-content-type=paginated] google-codelab-step code .lit,
body[codelabs-content-type=paginated] google-codelab-step pre .lit {
       color: #4285f4
}

body[codelabs-content-type=paginated] google-codelab-step code .pun,
body[codelabs-content-type=paginated] google-codelab-step pre .pun {
       color: #f8f9fa
}

body[codelabs-content-type=paginated] google-codelab-step code .pln,
body[codelabs-content-type=paginated] google-codelab-step pre .pln {
       color: #f8f9fa
}

body[codelabs-content-type=paginated] google-codelab-step code .tag,
body[codelabs-content-type=paginated] google-codelab-step pre .tag {
       color: #24c1e0
}

body[codelabs-content-type=paginated] google-codelab-step code .atn,
body[codelabs-content-type=paginated] google-codelab-step pre .atn {
       color: #eda912
}

body[codelabs-content-type=paginated] google-codelab-step code .atv,
body[codelabs-content-type=paginated] google-codelab-step pre .atv {
       color: #34a853
}

body[codelabs-content-type=paginated] google-codelab-step code .dec,
body[codelabs-content-type=paginated] google-codelab-step pre .dec {
       color: #5195ea
}

body[codelabs-content-type=paginated] google-codelab-step paper-button {
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: relative;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       min-width: 5.14em;
       margin: 0 .29em;
       background: transparent;
       -webkit-tap-highlight-color: transparent;
       font: inherit;
       text-transform: uppercase;
       outline-width: 0;
       border-radius: 3px;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       cursor: pointer;
       z-index: 0;
       padding: .7em .57em;
       font-family: Roboto, Noto, sans-serif;
       -webkit-font-smoothing: antialiased;
       box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2)
}

body[codelabs-content-type=paginated] google-codelab-step h2.step-title {
       font-family: Google Sans, Arial, sans-serif !important;
       font-size: 28px !important;
       font-weight: 400 !important;
       line-height: 1em !important;
       margin: 0 0 30px !important
}

body[codelabs-content-type=paginated] google-codelab-step .step-title a {
       color: #3c4043;
       text-decoration: none
}

body[codelabs-content-type=paginated] google-codelab-step .step-title a:focus,
body[codelabs-content-type=paginated] google-codelab-step .step-title a:hover {
       color: #212121;
       text-decoration: underline
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions {
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       background: #fff;
       max-width: 800px;
       font-size: 14px;
       margin: 0 auto 90px;
       border-radius: 4px
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .inner {
       padding: 24px
}

body[codelabs-content-type=paginated] google-codelab[theme=minimal] google-codelab-step .instructions .inner {
       padding: 0 24px
}

@media (max-width:800px) {
       body[codelabs-content-type=paginated] google-codelab .instructions {
              margin: 0 0 16px
       }
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions :not(.step-title)>a,
body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions :not(.step-title)>a:visited {
       color: #1a73e8
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions h2,
body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions h3,
body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions h4 {
       font-weight: 400;
       margin: 0
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions h2 {
       font-weight: 300;
       line-height: 1em;
       font-size: 22px
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions {
       line-height: 24px
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions li {
       margin: .5em 0
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions h2 {
       font-weight: 500;
       margin: 20px 0 0;
       font-size: 20px
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions h3 {
       font-size: 16px;
       font-weight: 500;
       margin: 20px 0 0
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside {
       padding: .5em 1em;
       margin: 2em 0;
       border-left: 4px solid;
       border-radius: 4px
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside p {
       margin: .5em 0
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.note,
body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.notice {
       border-color: #ea8600;
       background: #fef7e0;
       color: #212124
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.special,
body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.tip {
       border-color: #137333;
       background: #e6f4ea;
       color: #212124
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) google-codelab-step .instructions aside.warning {
       border-color: #ea8600;
       background: #fef7e0;
       color: #212124
}

body[codelabs-content-type=paginated] google-codelab-step .instructions aside.callout {
       background-color: #e8f0fe;
       margin: 20px 0;
       padding: 15px;
       border-left: 3px solid #185abc;
       border-radius: 4px;
       color: #212124;
       font-size: 14px;
       line-height: 1.5
}

body[codelabs-content-type=paginated] google-codelab-step aside.callout b {
       color: #185abc
}

body[codelabs-content-type=paginated] google-codelab-step .instructions ul.checklist {
       list-style: none;
       padding: 0 0 0 1em
}

body[codelabs-content-type=paginated] google-codelab-step .instructions ul.checklist li {
       padding-left: 24px;
       background-size: 20px;
       background-repeat: no-repeat;
       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAWlBMVEUAAAAxokwwoks1pFAxokwxokwxokwxokwxokwnnkQnnkQnnkRou3y84cTS69cxokwonkQxokwnnkRqvH1VsmtluXlVsmsnnkRdtnLw+PIxokwqn0YinEAfmj3goh/UAAAAGnRSTlMA2CcEo+6AQT7+2IOBJxPl27alhoBnX15SCCe258UAAAB+SURBVEjH7dA5EoAgEERR3BcQ923Q+1/T0SqKlNbMouP3gxkRFvZpyQb64VSQT4mOcYc8mU5DnqIG8zXoozj4d34tML+YrET8XBFx4e2F4oAL4N7J3EUB/EfSUwD/zG3hvFdROu9XtL31vgXguQA9F6DnAvM8WbOHpkXYD3cBBCcPjtASYjwAAAAASUVORK5CYII=")
}

body[codelabs-content-type=paginated] google-codelab-step .instructions h2 code,
body[codelabs-content-type=paginated] google-codelab-step .instructions table code {
       background: #fff
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .indented {
       margin-left: 40px
}

body[codelabs-content-type=paginated] google-codelab-step .instructions strong {
       font-weight: 600
}

body[codelabs-content-type=paginated] google-codelab-step .instructions :link paper-button {
       text-decoration: none !important
}

body[codelabs-content-type=paginated] google-codelab-step .instructions paper-button {
       display: inline-block;
       border-radius: 4px;
       color: #fff;
       font-family: Google Sans, Arial, sans-serif;
       font-size: 14px;
       font-weight: 600;
       letter-spacing: .6px;
       padding: 6px 16px 6px 12px;
       text-transform: none
}

body[codelabs-content-type=paginated] google-codelab-step .instructions paper-button a {
       text-decoration: none;
       color: inherit !important
}

body[codelabs-content-type=paginated] google-codelab-step a paper-button {
       display: inline-block
}

body[codelabs-content-type=paginated] google-codelab-step .instructions paper-button.colored {
       background-color: #1e8e3e
}

body[codelabs-content-type=paginated] google-codelab-step .instructions paper-button.red {
       background-color: #d93025
}

body[codelabs-content-type=paginated] google-codelab-step .instructions iron-icon {
       vertical-align: sub;
       margin-right: 7px;
       margin-left: 3px;
       font-size: 16px;
       top: -1px;
       position: relative
}

body[codelabs-content-type=paginated] google-codelab-step .instructions img {
       max-width: 100%;
       vertical-align: bottom
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .image-container {
       text-align: center
}

body[codelabs-content-type=paginated] google-codelab-step .instructions table {
       border-spacing: 0
}

body[codelabs-content-type=paginated] google-codelab-step .instructions td {
       vertical-align: top;
       border-bottom: 1px solid #ccc;
       padding: 8px
}

body[codelabs-content-type=paginated] google-codelab-step .instructions table p {
       margin: 0
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) .instructions h3.faq {
       border-bottom: 1px solid #ddd
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) .instructions ul.faq {
       list-style: none;
       padding-left: 1em
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) .instructions .faq li {
       font-size: 1.1em;
       margin-bottom: .8em
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) .instructions .faq a {
       color: inherit;
       text-decoration: none
}

body[codelabs-content-type=paginated] google-codelab:not([theme=minimal]) .instructions .faq a:hover {
       text-decoration: underline
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .faq a[href*=cloud\.google\.com] {
       padding-left: 22px;
       background-size: 20px;
       background-repeat: no-repeat;
       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC9FBMVEX////u7u7v7+/ZRDf/zEH/zkPbRTlJifT/z0XYRDhRj/XWRDdPjvVOjfX/zkH/z0fXQzdGiPXUQzdMi/VKi/Xr6+3t7e1SkPXbRDdLjPW70fPaQjVOjPXx8PD9/f1nnff19fXRQzdHifVJhOxEh/Tu7/JLifH9y0DUQjVtofhOi/NKh+9HgelGf+b+7saaWXX/zDz+yTrZRzrRQjT7+/vxx8PeqkTsuj32uzrOQzdqn/j39/fr6Oj9yT/3vjvaQDPUPTBJivVKifPq7O/z0Mz968T4wj7zwD3NPTHGPDD0+P9Bifrv8/Xx8vJJhu5EfOPo3Nv/0Ez8y0rxvT3ZPjBDi/tBhPT55ePkysj+3Hr/0VLHVErcpkPcTUH7xD35wTzztznpsTjKRTjo8P3U4/z6+vr//PmQt/mBrff//fayy/ZUkfZjmfSXufP78/L18+//+Oj66Of+9eBCdt3t59f/89TvxcPsurXasKztqKL+4Y7jjIT0033ShH3hc2ngaV7/1F3/0ljjv1fbWU37xkDaoEDCSj/xujvptjvutjrxtjn8xDflrDb5vjXJQjX2tzP4+v+bwf3I3Pyiw/t0pvhel/VZlPW90fP/+/DV3/Cdu+/e4uv33Nk+btP+8Mz+8Mniwb7+7L3u371Vdrv+6bDusq3+56j+5aTx2Z+Gjpj+4pbolI3RjYehnIT+2XPedW370mbHaGDMZl3bY1jQVUvbU0f/00PYTkLKSj/tsjjwpjfeXjfnfjbEQjbXPjTSPS/w9vu50vs7hfr5+flypPf89vb89fTF1fHM2vBsnfB3ou/67+6swOpekert6uNdi+M5deLq4OA/dt83bt80a9xmjdby19VKc8jx5cf12cP/7r/gwr+pnr/v4b7xwLtffbf+6rHx3KnorKjYqKTXpqHXo57aop3ZkovTwIboh3+jX3f30XDgenCWUm3Kc2zIsGnMcGj4y1zgYFXgX1TfrEXWlz7mhjfsrTbkljbabDbcVTbsmTBDSJ02AAAFFklEQVRYw+2WV1jTUABGkyZpi6W0tKUWC0hBsAporbMWrCgqKA6WCooK7r333nvvvffee++99957b33x3uTetIEGnnzx83y89Tunf25SWuI/f4Oqk6cU4ijLkr9sfp5Ckyfk6h8o5JkH4umpVPr5+fnqdLro6GiZTBYkk3l71z5SNbdA8zyt8wLYhKefUunr66vV6WQsMDExF3/StLytka/0VPopfbUgoEWBoCBv76lNcj6AFnnQ+6MB0BcsKNA8x2M4iPbjAThQgVsAA545TWg8RQlc5MMBflrg8wHgg3NsIX6OAa10Lr6SDQgHgAXetSeJD5iqRTrytfAKdHwgiAu0EZ3QvEBhYLLAu6+LDoIOtCApKSnVUqoBDondyiahoTggazt9ej4hd94Wxbya4z5wskZoYVgA0/NXlGSlVr3iJpOpOMsbt36r4BphsACQHSezBfSP4zQQs8Zs3n7P3QmeDQ8OAwVwdkEt0ADhhI3jFCxms7lfu+yBthHhwcFhoaCgnXZC4obqPYbZPABqgHVpNj/yak1QABdRQatriwcIiXy312alrBRFqff175jFb9lrZecIVGgz09+NTurjbw/LNFmtUqnVw8PRM0AY6JowaHFN7iIKz2rvtCIjfbBPkvF992aapABKakzvKByQymxbO5e7iDb8BfjoA5uWsPv7kJxPSi4Oy7RpgA/+kl8KArdolUq1uDMshLXCA8jD6NXqpEQPAmDCszibTSFlccS4+DMGMCrVtvdzO0eEh59CPulfgsDYoQ/Rb4q1mbiCsX8zZ2AVrQLIV16uGRGMTxD6PIEkh2TBOPA4og09nSeYJoe+fND1SxdmSRCBgg+6PypE9o01mTRq6Bs+1yEQqcCHJK69cn62xDnA3YS6W4qD51kBA9LV6MX5aXKuIB90/wyJnztCQFMJKuif2zQANfANn9CnchlYzyWYF7OFV8ATgAPV624BAzQKCgTSSxIsDxIYOQR00m7kFgjpsQP6CgUlNWxFd7LDAEaOoPvoc74ESa1NsUBXK9QelLHfafTqclZmKwXvsjpJihyi/mkc9j3Su/P7BngxeMJHPXoru9vbCP4vYZ9aT/DMpxkAW7CsCCFZ3D5I5BowAPnp1wgnqRaGQ84kduEKemchwC5BJ1jX6Tt6Ey50SvBiMH1AgCvYA1i9BP8UkRtjsW8c3E5wjcstfCBxUQgW/APt9sBAfxIR/2ScBvnS5O6EgA4baL7w+hzpRELyhNSqZ1Jgf/0xQsgSuXPCQzxBSPwaG/YpawyRhRnrvBh0DvSGLkITn2A9M/Kljt5HiawsTGAwxVbohS7+JGPfOBgNEJDK3wg60d2EBTvM2KdWE27opPLCWPqEZP9W+BCLfIoa3JFwxyoLX4haVNFHSMUecQrsGx8RbmmZxgfoIV9KIeoDhg4d+jXTzPubCREWWmhOB0SV5hgxYkRGxpgxY36i+2cEgRixQLN1FpqnYJWkKklJScNLjxy5MyPjhwf0Kegn9yZEmZdAuxQqVwEkDR8+auTO77uhD3XKsbWOeKBZL4ugULlyuXJlyjQaNeqbFfhG6BuSwdeqOF0H0q6FBmyhUaNdu6FPQd/RHw4Qpxfj4heMatCwIZywh1JTLAYD+mkhSoeBLoGoqCENYGDXL943oB834iyhLdjHgfF79mHfsb0bkRvLBhZDjB49euzYsePH/96/vzyHeXN3Inc6zSuCqcRys1tJjm4xdYj//JP8AXE5S/JuAn7MAAAAAElFTkSuQmCC")
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .faq a[href*=stackoverflow\.com] {
       padding-left: 22px;
       background-size: 24px;
       background-repeat: no-repeat;
       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAAE8CAMAAABq2/00AAAA4VBMVEUAAACCg4aCg4aCg4bIj0P1fx/2hh+ojHCojHCojHD2ih/UjCn0eiD0eiD2hB/2hR/RjjDUjCnKkkPUjCnUjCn2ih/UjCnCllPCllP2ih/CllPCllPCllP2ih/CllPCllPCllP2ih/2ih/CllPCllP2ih/2ih/CllPUjCnCllPUjCn0eiD0eiD2ih+ojHD0eiDUjCn0eiD0eiCojHDUjCn0eiDUjCn0eiDUjCnUjCn0eiCojHD0eiCojHD2ih+ojHD2ih+ojHCojHCdiXaViHuCg4aojHD0eiDCllPUjCn2ih8XYwy7AAAARXRSTlMAv0CAEEAQv4BA7++/gCBQQN8wIIDPv2Dfv5+PUDDPryCAcO+/r49wn4Bg79/frJ9QcGDPr6+Pj3DPz2AwIJ9wYOaPVDAbIL/gAAAGhElEQVR42uzbsYrCQBDG8WmyxaJJlcIixQmxMSIRgiBB7Bbm/R/oPAnH3e0SxwSvyf/3DLt8zDeMAAAAAAAAAAAAAAAAAAAAAAAAAAAA4F9k7Xm1Xwlek53WqyY87AVWfbHumvCTE5hkIZYJTFyIrQU2+xA5CmxWIULcWq1DTGBzCrFcMDluC4ENcTtDEyKdwKYLkYuAuH27ggFtuj7ETgLiNo0B7Z3c1YnNMUQaWbTC6/W1uKUPHbha7wr60GnP7ot3YpGHWCsL5Wod1JP70LMsU+H12424nfDsBj4XgzMD2kN20F82YtDSh965nf61JW7Nzy7iKwY067OLlfJcw/qx1KQPQ9zSh1aaVtGHGnxoUummrB97WZhSk3byRM/6UST3mpQRtwZbTTo4GXdhQLvbaNJVxnX0oSMftyBuDQpN8o4BzaDWpFrG5KwfH5zXpJuMCfShox83pw812GnSxrx+XPI5hjvowF7ttawfB5km+Yq4nf5xS84x5lR7nGPMqfaI2znVHgPajGqPc4w51R7nGJ/sm29P2zAQh49h1kJgJHGWlrbQItAIebNO67owadpgwOzv/4Wm8S8NLsXxGSTu/HyEk/O78+McRu0FH4pQe2EdA6P2wjoGRu2FdotQe2EdA6P2wjoGRu2FdotQe+GChlF7DNcxKulN7bFbx4h1lPlSe+x8aKK1Tqae1B6zdYxM35BLP2qP1TqGjPQdmfCi9ji125l+ICp9qD1G6xixXiSPPag9PusYiW5SCLza49JuK/2YKEOrPSYXNBFpkyTGqj0e6xiFXkoukWqPwzpGrJ8iEyi1x8GHnuknSUqU2qO/jlHpVeQpwhB8oL6OISK9mkK4qz3q7bbQzxFV7mqP9jpGqi1IYme1R3sdI060BTPpaAiot9ss0hZkwk3tUb+gyUJbkEzd1B55HxqfaQvy1Ent0V/HKCNtwVy0NwSfGPhQMdcWRJWD2uOwjiFzbcFZ3F7tsVjHmDqMLTZqj3S7bTm2RJloZwh2maxjyJnd2NJS7XFZx7AcW2QrtUe93dZUDmOLjdrbaTTa7e9fNgj1i7ZjS9lK7dU+dPvzzgaRZ8elpPZji73a2/j749vOLuWytRtbCmmv9jghLMcWuw936zfwwnZssTAEexw+VidTmstn1N4Wr2/2gcrBlO6HY3eHKNqPLYfh2FmPLeZ/aXvh2D1Q2o0tYkHt8ZxQliIybTm2NNXex30IWI8tcePDPYSAywPv+61w7NwfeHfJHrvJS44tSQmUGan+oCfAgTi3fOCly1D952A4eqkH3gTocqDuOT5NX2JsmQJZhFrkaHwy8fzAmwNdeuoRRgQiTakEugyUSR2B+LFlDoTpK4M6AvH/pUUC6JIqAyMCMQ+8pMe8E2XgGIFlxKxbAIyVgUUEWj/wUh6QAZQBIgJlzqlbQKwMUBE4Tdh0C4ChMsBFoMgiJt2ivpvVoCNQznh0CxDKAB2B9dgSA2l6ygAbgfUDbwG0GSgDPxEo5tS7xYq7GT4CU8Im6pbRsNkxMBFIex5ezqQ3qM8fPgL5kZ6Mj1QNLgKpR90y4tNjpbxFID+ExwjsAUN8ReAYmOIjAlmePF8RyLHv+orAPgScI3AIb531tQZ/XjECR3DL5VoTeDOsXTVYf8UIFHDLu6sm8GZAFA8ZgccQimcgLCPwNBRvOROLCExD8Z4mXR2BRxCK5+wCx6F47hHYC8Vzj8BJKJ5zBPYhFM85Agf0i3dx3ulcdLubm5e+I3BEv3id65r7Ov70EoGCV/EW+NrpdLu/cHWkX7zz65pn6hiK9689O8hJKIaiMCxK0nYzTBgSYxDs/pekiTohEq/v0eRKv28J/+zkXMbrF2IdxQvEC3ScOF7r6+3LrtZDa1vxVinfHaeId+qjTBCv9kGO4i1XJoi365/EWxCv9EF24i1XJ4jXv4iXKd7p/uNt+yjt/uO1PspZvOVmmGcPrZ1q3ZUi3qoDaNva4WYdj5PFu2nHMm+8nzqKF4y3vuOreL923PcrqngRz6291FrKXrxbdWzifXB6iydehHh5iDco3maQpxnivQ2yEU888cQLEi8R8cSLES8R8cSLES8R8cSLES8R8cSLES8R8QbFexzkPEO86xxA4on3F+LlIZ54QeLlIZ54QeLlIZ54QeLlId6qeOk8/BviiRciXibiiRciXibiiRciXibiiRciXibiiQcAAAAAAAAAAAAAAAAAwHTeAe21evvWi2VXAAAAAElFTkSuQmCC")
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .faq a[href*=support\.google\.com\/webmasters\/] {
       padding-left: 24px;
       background-size: 24px;
       background-repeat: no-repeat;
       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAolBMVEUAAADW1tbW1tZ6enrQ0dJ6enrMzMzq6+zq6+x6enru7+/m5+ju7+/m5+j////S09REi/XW1tbm5+ju7+9PT0/Q0dK8vLxGjfVZWVlNTU16enrMzMzIyMj09PS/0uuSkpJpaWmbm5tim/e0tLSEhIStx+3e3+GsrKxwcHBZk/dPk/R1p/KPtu/U3eqmpqZlZWVfmO5woeqHreWvwN6nu9qLi4vZSE73AAAADnRSTlMAEcxmzO7MzDMz7u6IiHn/rpYAAALMSURBVHja7dXpjtowFIZhUkqZlSV1ncQdEsK+zD7T+7+1xjTiwxVOAmeORyP5+2UspPchEtDy8/Pz8/Pz8/M7cZeduHKdyxbL0FfVAMUraHdUHUB12i22tZWqBRSDgKFfC4CApV8PgIClXw/gE6hyTd/lAR7gAV8fEHwbWtc/ul/WfQ8IfQKAIECfCoCA3sdq+nQB+nQABIQ+CQABtY9Z+lQB+gwACBj6AFAE6DM9AL0fAalPB/yGgNAfntwHAAJKnwCAwNLneQAAVAvM/ttzVLlB4z2/A6AFVoDRf43IfewVgGKNAG/Uvrl39BsCXqh9cy8nA/51tmk63+jDZp6m9wTA4DzANiyW6lOqTxAMHAD22XASReuwpKDvELCNookBGJwx9E8B3OvsQp8e9GmOviNANA/Dh4k+TApBukHfFSBa7/I7whqf3xWA/gOAoU8DDJwBCHk+wIAw9CsAPw/W++CFB/MAD/hCgL59PXPS8toRYKHEndkTauEQIIUQ0hToG2eAXOicKdBXmSPAo9CTpkDo5U4Ad6IEGILy0gFgFJctCACIh/yATABwIChvVyE3IBR7AAQAiOmIGZADAMEBQMkRL+AJAAgOALGUI07AQgBgCPb3uRbwAaYAGAIAZlIL2AA5AIYAgJXUAjaAAsAQADCWO4EjAAQGQAvYAUsDsDQAeuwAMZvu89PZ/jZhBmQCi2dl60+MPiMAf8UgZEUpK/LoJ4oX0C9LIIyF0U8yXkBPVCzRWzIDZjX9sWQG9Kv7ScYN6KnKfizZAf2qfpLzA3p5RV9JboDeytp/kk4Ao5WtP+UFQKCO9sdTSQQ03+OR/kxKdgAWZv/11VI6AWBmP5HSNQD5zwQknwxIqIBu468hBgDqNYCuFXBDASSNAbdWQHB1PiBpDLgOWtZdXPEDri/QswjYAOjbF9x0OQHd26Dl5+fn5+fn5+dn7i/3LEaKJNV/0wAAAABJRU5ErkJggg==")
}

body[codelabs-content-type=paginated] google-codelab-step .instructions .faq a[href*=android-developer],
body[codelabs-content-type=paginated] google-codelab-step .instructions .faq a[href*=developer\.android\.com] {
       padding-left: 20px;
       background-repeat: no-repeat;
       background-size: 20px;
       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAq1BMVEX///+lyjmfxyGhyCqkyjakyTP+/vuiyS7z+OWlyjKgxyTX57ChyCfa6bTx9uLy9+Sz0l6szk/D24Tt9NrN4ZnK4JSiyCyexh34+/D6/PTp8dPh7cjf7L7k78vc6rnW5qzU5ajS5KPP4p+21GWnzD3F3Yi813Kx0ViqzUWexhr8/vjv9d7Z6LKy0lyZxADh7cLA2n2rzkr1+erJ35C61m6uz1KcxRHn8M6/2XgEePWtAAACr0lEQVRo3u3Z2XKiQBiG4Y9ebNO2aCCyzOC+7zH7/V/ZRJZQZaJpWnKS4TlJUItXbX4pFJXK71DTusvccI6z5oMSAutdhDP2uzpK4CxwxsRBGYJdA19qLAOU4s4LkyUN7G4Ude2glmzuRihHKDqAPZhNuJRKSckms37rvctrKMnG728l5cxKMU7JuCF7KEvf87h1gnu0iXK4B2p9Sc3dUgZNMusMLvu42r20LiBXT8JMWRepN1xlGu+fK8/6xFPxwsvH697/eP/j7uDTOvB+dxwX/AaM2SQ+6icrYHDyGmgfWE3irNeCqTaPAwcArydroboAbuMAb8NQRNJn20SYtHK8HaKZzoffhZl5tlNxsD5PsnUQ2b9jwwnO35WvRo3lN/o2TDwKS5M3gokF0w2wZxgIlpY2FpgsgdQPkLXJQar0A/LVIDB6Idp2GxQQrJI/rbq2Voijlc5S9LZs8uYCqBVyXLTZhLW/fSn3hDMmZAQ05I020gT2PmeM+w4uGpLksFs+oEEtbaqJVnpUkz4uyebf6xQK0CY6XjoSC1xQ9/PPr4KB52zuvTrOa5EssC0auM0C0tYKtI0DqgpUgSpQBapAFfifAj90Tn5YZoGnooH8eutB56KDDosGhlTrYiTyk0epVdFAKJLn9rLHRSNfcE4tF0UDcAXlXPhDfGPtjGejEMUDCEdPY8eFHoOADvPAxiDQLBBQkUHAJfoB34UBS/9CfAETe6lZYKZft/QIFe94vicRy7tcvKOkB0PhYOo4zlNWYNvjpjOdZwU+O24OQlynK62EGCF2J9IbpIsy/P0I3CHW+Qj8qQJVoAr8VOCx3EB+YvDSwIDmXzaW4oZZseU6Lfr5aaAUPT8uyPuT33VeIpRkI5RHyRQfHEKFUj2UJuh1GjaQsxudKECl8jv8A6GtQkKSkMLrAAAAAElFTkSuQmCC")
}

body[codelabs-content-type=paginated] google-codelab-step .instructions h3>a[href*=github],
body[codelabs-content-type=paginated] google-codelab-step .instructions h3>a[href*=github]:visited {
       color: #000;
       text-decoration: none;
       padding-left: 24px;
       background-repeat: no-repeat;
       background-size: 18px;
       background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAflBMVEUAAACXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZaXlZbf2s+YAAAAKXRSTlMA+SAC7QrIBPXROWMX17rCSmusXEaAD9zNeXFWJqOLMx3mtJJAK5xP4Jw4LyAAAAT6SURBVGje1NbdcqJAEAXg0zJAQEFA0QhojJHE8/4vuBfrJlvQGHSGbO13CzVT09M/g//HIssPRZAYIUkxSVAc8myBSfnrMjVUmbRc+5jEsUqFN0lazeDYogo4SlC5jPq6EI4mxRpOhKuId4pWof228y0fsJ1bbp0lfFCS4XFNSgtpg8eEO6EV2YV4QBvRWtTiXl4udEByD3fxCzpS+LhDk9CZpMFosaFDJsZItdApqTHKnM7NMULOCeQW5534zDUnUuOmWDgRiXFDYzgZ02CQn3BCiY8BXsFJFd7YQjLPkeGDTPRsRhZVK+zIABxX+yfe6Wm/OgL4YIe0UIQRO8x1jm/yiHeI8s11RdP7FKJvx649PmUBRwoyfNqza6dUktzsNt7HliNsa+9m95UGXSl7XvQn2OV0qOpzO1tsNotZe66rw+lyXbb08bcX9qToyNgjYTcoS3PaxT4UflydzLJ7nFDYk3V+SdhzQZfnQTP89VW5jPDbmRTAWvDdnAq1zFnC2pLfHHnFn9uYK3yJ+HOhZoRPa2peYe2VmjX+KKjawNKGqgJXC6HqDEtnqmSB3yrqSlgqqau+UkAVwVLEKz1tZxxQw1LNATObSNvHOqUqCGEtDKhKAcAXqlo40Ag14g92D77BiTcO9pByqNbsDfeIcvCK3+HI++AlG2piOBJTY4AjNVs4s6XmiMwitSzSK0Nu0bQs2leOAzUzODOj5qDPYvHgTCj6TA703HLoog+oxGIgWgzHBMbigWnx1DSQyTcOqBDw34Sav9q1sx1HYSAKoNcYE4cl0AlhIB22rF3//4PTI43ULbrMYjzKy5zHROiGyNhlyqAXDC5z8Acc6mcFu3+OpeCD+Y87ONMRR1isik6qet+wah3gzMEwfIPXLIsB9sQp4UxJnL2pDFRwRBHrauoEZHDkaeoV5PSKKpNydMTSCk4oTawO8O07Nva9JN+8Z0skHNgk5l3bkf7hLUcjW+CceH2B1YqeeDmzTXU5sB/EE4rZmDucsA9ksBtvJuoQq4SaDE5sqc8n2+eaNyqBOTmHtcycG8xo3B4lrMgjmZ0GrwtYaQsLbUBmImZeojKuHRbyHjRmz5ZFQRUdByfGxCPEfPJW07gbVyVoiU9xIwYz97GVs1LD5oMmbPknvcKntLmXNNDvT2GBEV1WXXyadjA0Q64bIMygLsTo00aCsbmWfCbfDOEnt6QF8EzjlBi6BasVdscU5HYwbdz9LO65y9ae4tjKwTzDTJUZfxlPJjRLhoELfdPHgNrl9ZIFK6I5LhjyxOB75QdFsqAEVIKmCW+qcZ0B9xvOPft7eReaVnFPRPmj1lPvbcJdx6toUrkB46zpmyeAnFLViMGDZvSkKfo8Y3ikAORjB8RVqonIT4+hxJjW/qRRzezNvd1VoegKoG1uGOPRhBomaktfAok/PJ9a3PykQEk1xsQ0bqtg5Pk/+04qBtryotDlG4wpaJTvzS7Q3sCwDdbhgu1sw9yi7V/9XFSEb3MwbAbXYWn5H7zF3+5J2gZHNhuPX5frsaqaOvWpsAw+rC3FY6tg/cRMYU88zya4DzGbV7oL3npYQNWugmuFZSLtIlhHWOwcrA8OzrAgT3pdsD5J2PH2a4L3HuzdStvgMscq8j2hL/e5wcm7BLA2OuBbFebVKWBirYR/D6OWc16JizqEO0WUCrHzMMrbCZFGBf5j/QYa/td1VlNoIAAAAABJRU5ErkJggg==")
}

body[codelabs-content-type=paginated] google-codelab-step .youtube-video {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: auto;
       width: 560px;
       height: 315px;
       border: none;
       max-width: 100%;
       max-height: 51vw
}

body[codelabs-content-type=paginated] google-codelab-step .embedded-iframe {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: auto;
       width: 560px;
       height: 315px;
       border: none;
       max-width: 100%;
       max-height: 51vw
}

body[codelabs-content-type=paginated] google-codelab google-codelab-step .note:before,
body[codelabs-content-type=paginated] google-codelab google-codelab-step .special:before,
body[codelabs-content-type=paginated] google-codelab google-codelab-step aside:before {
       content: unset !important
}

body[codelabs-content-type=paginated] google-codelab google-codelab-step .instructions aside.special,
body[codelabs-content-type=paginated] google-codelab google-codelab-step .instructions aside.warning {
       margin: 10px 0 !important;
       padding: 15px 20px !important
}

body[codelabs-content-type=paginated] iron-icon {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       font-size: inherit
}

body[codelabs-content-type=paginated] iron-icon[icon=file-download]:after {
       content: "cloud_download"
}

body[codelabs-content-type=paginated] google-codelab .warning,
body[codelabs-content-type=paginated] google-codelab .warning :link,
body[codelabs-content-type=paginated] google-codelab .warning :visited,
body[codelabs-content-type=paginated] google-codelab .warning code {
       background: #fef7e0
}

body[codelabs-content-type=paginated] google-codelab .special :link,
body[codelabs-content-type=paginated] google-codelab .special :visited,
body[codelabs-content-type=paginated] google-codelab .special code,
body[codelabs-content-type=paginated] google-codelab aside :link,
body[codelabs-content-type=paginated] google-codelab aside :visited,
body[codelabs-content-type=paginated] google-codelab aside code {
       background: #e6f4ea
}

body[codelabs-content-type=paginated] google-codelab-step td {
       background: transparent
}

body[codelabs-content-type=paginated] google-codelab-step .instructions h3>a[href*=github],
body[codelabs-content-type=paginated] google-codelab-step .instructions h3>a[href*=github]:visited {
       background-position: 0 3px
}

body[codelabs-content-type=paginated] google-codelab-step code {
       font: 500 90%/1 var(--devsite-code-font-family)
}

body[codelabs-content-type=paginated] google-codelab-step pre {
       background: var(--devsite-code-background, #f1f3f4);
       border-radius: 0;
       color: var(--devsite-code-color, inherit);
       font: 14px/20px var(--devsite-code-font-family);
       margin: 16px 0;
       overflow-x: auto;
       padding: 8px 80px 8px 8px;
       position: relative
}

body[codelabs-content-type=paginated] google-codelab-step devsite-code pre {
       margin: 0
}

body[codelabs-content-type=paginated] google-codelab-step pre,
body[codelabs-content-type=paginated] google-codelab-step pre code {
       font: 14px/20px var(--devsite-code-font-family)
}

body[codelabs-content-type=paginated] google-codelab-step code .com,
body[codelabs-content-type=paginated] google-codelab-step pre .com {
       color: var(--devsite-code-comments-color)
}

body[codelabs-content-type=paginated] google-codelab-step code .dec,
body[codelabs-content-type=paginated] google-codelab-step code .lit,
body[codelabs-content-type=paginated] google-codelab-step pre .dec,
body[codelabs-content-type=paginated] google-codelab-step pre .lit {
       color: var(--devsite-code-numbers-color)
}

body[codelabs-content-type=paginated] google-codelab-step code .kwd,
body[codelabs-content-type=paginated] google-codelab-step code .tag,
body[codelabs-content-type=paginated] google-codelab-step pre .kwd,
body[codelabs-content-type=paginated] google-codelab-step pre .tag {
       color: var(--devsite-code-keywords-color)
}

body[codelabs-content-type=paginated] google-codelab-step code .atv,
body[codelabs-content-type=paginated] google-codelab-step code .str,
body[codelabs-content-type=paginated] google-codelab-step pre .atv,
body[codelabs-content-type=paginated] google-codelab-step pre .str {
       color: var(--devsite-code-strings-color)
}

body[codelabs-content-type=paginated] google-codelab-step code .atn,
body[codelabs-content-type=paginated] google-codelab-step code .typ,
body[codelabs-content-type=paginated] google-codelab-step pre .atn,
body[codelabs-content-type=paginated] google-codelab-step pre .typ {
       color: var(--devsite-code-types-color)
}

body[codelabs-content-type=paginated] google-codelab-step code .pln,
body[codelabs-content-type=paginated] google-codelab-step code .pun,
body[codelabs-content-type=paginated] google-codelab-step pre .pln,
body[codelabs-content-type=paginated] google-codelab-step pre .pun {
       color: inherit
}

google-codelab-survey {
       visibility: hidden
}

google-codelab-survey[upgraded] {
       visibility: visible
}

google-codelab-survey {
       display: block;
       margin: 2em 0;
       padding: 0;
       background: #e8f0fe;
       border-left: 4px solid #185abc;
       border-radius: 4px;
       color: #3c4043
}

google-codelab-survey h4 {
       font-size: 16px;
       font-weight: 400;
       padding: .8em 0 0;
       margin: 0
}

google-codelab-survey .survey-question-wrapper {
       padding: .4em 0 1.1em 30px
}

google-codelab-survey .survey-question-options {
       padding: .8em 0 0
}

.survey-option-wrapper {
       cursor: pointer;
       display: block;
       padding: 0 0 4px;
       position: relative;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       vertical-align: middle
}

google-codelab-survey .option-text {
       color: #212121;
       font-size: 16px;
       padding-left: 24px
}

.survey-option-wrapper input {
       position: absolute;
       opacity: 0
}

.custom-radio-button {
       position: absolute;
       top: 5px;
       left: 0;
       height: 13px;
       width: 13px;
       background-color: #fff;
       border: 2px solid #3f51b5;
       border-radius: 50%
}

.custom-radio-button:after {
       content: "";
       position: absolute;
       display: none
}

.survey-option-wrapper input:checked~.custom-radio-button:after {
       display: block
}

.survey-option-wrapper .custom-radio-button:after {
       top: 1px;
       left: 1px;
       width: 7px;
       height: 7px;
       border-radius: 50%;
       background: #3f51b5
}

/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
       display: block
}

audio,
canvas,
video {
       display: inline-block
}

audio:not([controls]) {
       display: none;
       height: 0
}

[hidden] {
       display: none
}

html {
       font-family: sans-serif;
       -ms-text-size-adjust: 100%;
       -webkit-text-size-adjust: 100%
}

body {
       margin: 0
}

a:focus {
       outline: thin dotted
}

a:active,
a:hover {
       outline: 0
}

h1 {
       font-size: 2em;
       margin: .67em 0
}

abbr[title] {
       border-bottom: 1px dotted
}

b,
strong {
       font-weight: 700
}

dfn {
       font-style: italic
}

hr {
       -moz-box-sizing: content-box;
       box-sizing: content-box
}

mark {
       background: #ff0;
       color: #000
}

code,
kbd,
pre,
samp {
       font-family: monospace, serif;
       font-size: 1em
}

pre {
       white-space: pre-wrap
}

q {
       quotes: "“""”""‘""’"
}

small {
       font-size: 80%
}

sub,
sup {
       font-size: 75%;
       line-height: 0;
       position: relative;
       vertical-align: baseline
}

sup {
       top: -.5em
}

sub {
       bottom: -.25em
}

img {
       border: 0
}

svg:not(:root) {
       overflow: hidden
}

figure {
       margin: 0
}

fieldset {
       border: 1px solid silver;
       margin: 0 2px;
       padding: .35em .625em .75em
}

legend {
       border: 0;
       padding: 0
}

button,
input,
select,
textarea {
       font-family: inherit;
       font-size: 100%;
       margin: 0
}

button,
input {
       line-height: normal
}

button,
select {
       text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
       -webkit-appearance: button;
       cursor: pointer
}

button[disabled],
html input[disabled] {
       cursor: default
}

input[type=checkbox],
input[type=radio] {
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 0
}

input[type=search] {
       -webkit-appearance: textfield;
       -moz-box-sizing: content-box;
       box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
       -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
       border: 0;
       padding: 0
}

textarea {
       overflow: auto;
       vertical-align: top
}

[theme=cloud-theme] {
       --devsite-primary-color: #fff;
       --devsite-secondary-color: #202124
}

[foreground=cloud-theme],
[theme=cloud-theme] [foreground=theme] {
       --devsite-foreground-color: #fff;
       --devsite-foreground-button-background-hover: #fff;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #fff;
       --devsite-foreground-button-border-color-active: #fff;
       --devsite-foreground-button-color: #fff;
       --devsite-foreground-button-primary-background: #fff;
       --devsite-foreground-button-primary-background-hover: #202124;
       --devsite-foreground-button-primary-color: #fff
}

[theme=cloud-theme][background-white] {
       --devsite-background-0: #fff
}

[theme=cloud-theme] {
       --devsite-feedback-icon-background: #1a73e8;
       --devsite-header-border: 1px solid #bdc1c6;
       --devsite-header-foreground-lower: #5f6368;
       --devsite-header-foreground-lower-hover: #202124;
       --devsite-header-foreground-lower-active: #202124;
       --devsite-offline-heading-color: #039be5;
       --devsite-progress-background-color: #5f6368;
       --devsite-toc-border: #039be5;
       --devsite-user-avatar-background: #1a73e8;
       --devsite-user-avatar-color: #fff
}

[theme=cloud-theme] [background=theme] {
       --devsite-text-color: #202124
}

body,
dd,
div,
dl,
figure,
form,
img,
input,
menu {
       margin: 0;
       padding: 0
}

body[no-overflow] {
       overflow: hidden
}

iframe {
       border: 0
}

iframe:not([src]) {
       display: none
}

.beta>:first-child,
.caution>:first-child,
.deprecated>:first-child,
.dogfood>:first-child,
.key-point>:first-child,
.key-term>:first-child,
.note>:first-child,
.objective>:first-child,
.preview>:first-child,
.quickstart-left>:first-child,
.quickstart-wide>:first-child,
.special>:first-child,
.success>:first-child,
.warning>:first-child,
aside>:first-child,
blockquote>:first-child,
dd>:first-child,
li>p:first-child,
td>.devsite-table-wrapper:first-child>table,
td>.expandable:first-child>:nth-child(2),
td>:first-child,
td>:first-child>li:first-child {
       margin-top: 0
}

.beta>:last-child,
.caution>:last-child,
.deprecated>:last-child,
.dogfood>:last-child,
.key-point>:last-child,
.key-term>:last-child,
.note>:last-child,
.objective>:last-child,
.preview>:last-child,
.quickstart-left>:last-child,
.quickstart-wide>:last-child,
.special>:last-child,
.success>:last-child,
.warning>:last-child,
aside>:last-child,
blockquote>:last-child,
dd>:last-child,
li>p:last-child,
td>.devsite-table-wrapper:last-child>table,
td>.expandable:last-child>:last-child,
td>:last-child,
td>:last-child>li:last-child {
       margin-bottom: 0
}

html {
       -moz-box-sizing: border-box;
       box-sizing: border-box
}

*,
:after,
:before {
       -moz-box-sizing: inherit;
       box-sizing: inherit
}

.clearfix:after,
.quickstart-step:after {
       clear: both;
       content: "";
       display: table;
       height: 0;
       visibility: hidden
}

:root {
       --devsite-code-font-family: Roboto Mono, monospace;
       --devsite-primary-font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       --devsite-h1-margin: 40px 0 20px;
       --devsite-h2-margin: 40px 0 20px;
       --devsite-h3-margin: 32px 0 16px;
       --devsite-h4-font: 500 16px/24px var(--devsite-primary-font-family);
       --devsite-h5-font: 700 14px/24px var(--devsite-primary-font-family);
       --devsite-h6-font: 500 14px/24px var(--devsite-primary-font-family);
       --devsite-background-0: #e8eaed;
       --devsite-background-1: #fff;
       --devsite-background-2: #f8f9fa;
       --devsite-background-3: #f1f3f4;
       --devsite-background-4: #e8eaed;
       --devsite-background-5: #dadce0;
       --devsite-primary-text-color: #202124;
       --devsite-primary-text-rgba: rgba(0, 0, 0, 0.87);
       --devsite-secondary-text-color: #5f6368;
       --devsite-secondary-text-rgba: rgba(0, 0, 0, 0.65);
       --devsite-tertiary-text-color: #bdc1c6;
       --devsite-tertiary-text-rgba: rgba(0, 0, 0, 0.26);
       --devsite-inverted-text-color: #fff;
       --devsite-inverted-text-color-hover: hsla(0, 0%, 100%, 0.7);
       --devsite-inverted-text-rgba: hsla(0, 0%, 100%, 0.7);
       --devsite-primary-border: 1px solid #dadce0;
       --devsite-secondary-border: 1px solid #e8eaed;
       --devsite-elevation-key-shadow-color: rgba(60, 64, 67, 0.3);
       --devsite-elevation-ambient-shadow-color: rgba(60, 64, 67, 0.15);
       --devsite-elevation-inset-shadow-color: rgba(154, 160, 166, 0.5);
       --tenant-background-1: #fff;
       --tenant-background-2: #f8f9fa;
       --tenant-background-3: #f1f3f4;
       --tenant-primary-text-color: #202124;
       --tenant-secondary-text-color: #5f6368;
       --tenant-inverted-text-color: #fff;
       --tenant-primary-border: 1px solid #dadce0;
       --tenant-secondary-border: 1px solid #e8eaed;
       --devsite-link-background: #d2e3fc;
       --devsite-link-background-active: #e8f0fe;
       --devsite-link-color: #1a73e8;
       --devsite-contrast-link-color: #185abc;
       --devsite-button-background-hover: #e4eefc;
       --devsite-button-background-active: #c8ddf9;
       --devsite-button-color: #1a73e8;
       --devsite-button-primary-color: #fff;
       --devsite-caution-notice-background: #feefe3;
       --devsite-caution-notice-color: #bf360c;
       --devsite-key-point-notice-background: #e8eaf6;
       --devsite-key-point-notice-color: #3f51b5;
       --devsite-key-term-notice-background: #f3e8fd;
       --devsite-key-term-notice-color: #9334e6;
       --devsite-note-notice-background: #e1f5fe;
       --devsite-note-notice-color: #01579b;
       --devsite-status-notice-background: #eceff1;
       --devsite-status-notice-color: #546e7a;
       --devsite-success-notice-background: #e0f2f1;
       --devsite-success-notice-color: #00796b;
       --devsite-warning-notice-background: #fce8e6;
       --devsite-warning-notice-color: #d50000;
       --devsite-notice-margin: 16px 0;
       --devsite-notice-padding-block: 16px;
       --devsite-notice-padding-inline: 60px 24px;
       --devsite-book-nav-background: var(--devsite-background-1);
       --devsite-card-background: var(--devsite-background-1);
       --devsite-card-header-background: var(--devsite-background-3);
       --devsite-checkbox-border-radius: 2px;
       --devsite-checkbox-icon-canvas-border-radius: 50%;
       --devsite-checkbox-icon-canvas-offset-x: -9px;
       --devsite-checkbox-icon-canvas-offset-y: -9px;
       --devsite-checkbox-icon-canvas-size: 36px;
       --devsite-checkbox-margin-block: -2px 2px;
       --devsite-checkbox-margin-inline: 0 8px;
       --devsite-checkbox-offset-x: 3px;
       --devsite-checkbox-offset-y: -3px;
       --devsite-checkbox-size: 18px;
       --devsite-feature-tooltip-background-color: #1a73e8;
       --devsite-feature-tooltip-offset-y: 3px;
       --devsite-input-background: var(--devsite-background-1);
       --devsite-input-border: var(--devsite-secondary-border);
       --devsite-item-gap: 24px;
       --devsite-mdc-line-height: 56px;
       --devsite-scrollbar-thumb-background: rgba(128, 134, 139, 0.26);
       --devsite-select-background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="4" viewBox="0 0 20 4"><path d="M0,0l4,4l4-4H0z" fill="%23202124"/></svg>');
       --devsite-select-border-radius: 2px
}

[lang=ar],
[lang=fa] {
       --devsite-nav-item-line-height: 18px
}

devsite-appearance-selector {
       --devsite-appearance-selector-menu-transform: translate3d(-10px, 0, 0)
}

[dir=rtl] devsite-appearance-selector {
       --devsite-appearance-selector-menu-transform: translate3d(calc(46px - 100%), 0, 0)
}

devsite-bookmark {
       --devsite-bookmark-background: 0;
       --devsite-bookmark-background-focus-legacy: var(--devsite-background-4);
       --devsite-bookmark-background-hover-legacy: var(--devsite-background-3);
       --devsite-bookmark-icon-color: var(--devsite-secondary-text-color);
       --devsite-bookmark-icon-color-saved: var(--devsite-link-color);
       --devsite-bookmark-icon-color-saved-hover: #174ea6;
       --devsite-dropdown-list-toggle-background-hover: var(--devsite-background-3);
       --devsite-dropdown-list-toggle-border: var(--devsite-primary-border, 0);
       --devsite-dropdown-list-toggle-border-hover: var(--devsite-primary-border);
       --devsite-dropdown-list-toggle-height: 36px
}

devsite-book-nav {
       --devsite-book-nav-input-height: 32px;
       --devsite-nav-divider-background: #eceff1
}

.devsite-book-nav-toggle[aria-expanded] {
       --devsite-book-nav-toggle-background: var(--devsite-background-3);
       --devsite-book-nav-toggle-background-hover: var(--devsite-background-4)
}

.devsite-book-nav-toggle:not([aria-expanded]) {
       --devsite-book-nav-toggle-background: var(--devsite-background-1);
       --devsite-book-nav-toggle-background-hover: var(--devsite-background-3)
}

devsite-carousel {
       --devsite-carousel-gap: 16px 24px;
       --devsite-carousel-grid: 1fr 40px/40px 1fr 40px;
       --devsite-carousel-item-flex: 0 0 var(--devsite-carousel-item-width, auto);
       --devsite-carousel-marker-margin-inline: -18px 0;
       --devsite-carousel-marker-size: 12px;
       --devsite-carousel-markers-gap: 0 4px;
       --devsite-carousel-markers-grid-column: 2;
       --devsite-carousel-markers-grid-row: 2;
       --devsite-carousel-next-grid-column: 3;
       --devsite-carousel-prev-grid-column: 1;
       --devsite-carousel-prev-next-grid-row: 2;
       --devsite-carousel-slideshow-grid-column: 1/-1;
       --devsite-carousel-slideshow-grid-row: 1
}

devsite-carousel[data-items-per-slide] {
       --devsite-carousel-item-gap: 0 24px
}

devsite-carousel[data-items-per-slide=auto] {
       --devsite-carousel-item-gap: 0 8px
}

[template=page] devsite-carousel[data-full-width],
[template=page] devsite-carousel[data-items-per-slide=auto] {
       --devsite-carousel-gap: 16px 40px;
       --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0;
       --devsite-carousel-margin-inline: -40px;
       --devsite-carousel-markers-grid-column: 3;
       --devsite-carousel-next-grid-column: 4;
       --devsite-carousel-prev-grid-column: 2;
       --devsite-carousel-slideshow-grid-column: 1/-1;
       --devsite-carousel-slideshow-padding-inline: 40px
}

[template=page] devsite-carousel[data-items-per-slide=auto] {
       --devsite-carousel-ghost-item-width: 32px;
       --devsite-carousel-slideshow-scroll-padding: 0 40px
}

devsite-catalog {
       --devsite-button-icon-content: "cancel";
       --devsite-button-icon-margin-x-end: 8px;
       --devsite-button-icon-margin-x-start: 8px;
       --devsite-catalog-grid: "sidebar main" 1fr/1fr 3fr;
       --devsite-chips-gap: 8px;
       --devsite-dynamic-content-margin: 0;
       --devsite-catalog-sidebar-button-display: none !important;
       --devsite-input-border-radius: var(--devsite-card-border-radius);
       --devsite-input-height: 40px;
       --devsite-input-padding: 7px 16px;
       --devsite-input-width: 100%;
       --devsite-notice-margin: 16px 0;
       --devsite-notice-padding-block: 16px;
       --devsite-notice-padding-inline: 60px 24px
}

[layout=docs] devsite-catalog {
       --devsite-catalog-grid: "sidebar main" 1fr/1fr 2fr
}

[layout=docs] devsite-catalog:not([items-across]),
devsite-catalog[template=activity]:not([items-across]) {
       --devsite-columns: 2
}

devsite-catalog .catalog-filter-chip {
       --devsite-button-sibling-gap-x: 0
}

[dir=ltr] devsite-catalog .catalog-filter-chip {
       --devsite-button-padding: 0 0 0 12px
}

[dir=rtl] devsite-catalog .catalog-filter-chip {
       --devsite-button-padding: 0 12px 0 0
}

devsite-code,
devsite-content {
       --devsite-code-background: #f1f3f4;
       --devsite-code-color: #37474f;
       --devsite-var-color: #d01884
}

devsite-code {
       --devsite-code-buttons-toggle-dark-display: inline;
       --devsite-code-buttons-toggle-light-display: none;
       --devsite-code-comments-color: #b80672;
       --devsite-code-keywords-color: #1967d2;
       --devsite-code-numbers-color: #c5221f;
       --devsite-code-strings-color: #188038;
       --devsite-code-types-color: #9334e6;
       --devsite-github-link-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9-.06A9,9,0,0,0,6.16,17.48c.44.09.59-.19.59-.43V15.38c-2.5.54-3-1.07-3-1.07a2.35,2.35,0,0,0-1-1.31c-.82-.56.06-.55.06-.55a1.89,1.89,0,0,1,1.38.93,1.92,1.92,0,0,0,2.62.75,1.91,1.91,0,0,1,.57-1.21c-2-.23-4.1-1-4.1-4.45a3.49,3.49,0,0,1,.92-2.41,3.25,3.25,0,0,1,.09-2.38S5,3.43,6.75,4.6a8.59,8.59,0,0,1,4.5,0c1.72-1.17,2.48-.92,2.48-.92a3.25,3.25,0,0,1,.09,2.38,3.49,3.49,0,0,1,.92,2.41c0,3.46-2.1,4.22-4.11,4.44a2.14,2.14,0,0,1,.62,1.67v2.47c0,.24.14.52.6.43A9,9,0,0,0,9-.06Z" fill="%231a73e8"/></svg>')
}

devsite-code[dark-code] {
       --devsite-code-background: #283142;
       --devsite-code-buttons-color: hsla(0, 0%, 100%, 0.7);
       --devsite-code-buttons-hover: #fff;
       --devsite-code-buttons-toggle-dark-display: none;
       --devsite-code-buttons-toggle-light-display: inline;
       --devsite-code-color: #eceff1;
       --devsite-code-comments-color: #ff8bcb;
       --devsite-code-keywords-color: #78d9ec;
       --devsite-code-numbers-color: #fbc02d;
       --devsite-code-strings-color: #9ccc65;
       --devsite-code-types-color: #d7aefb;
       --devsite-github-link-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9-.06A9,9,0,0,0,6.16,17.48c.44.09.59-.19.59-.43V15.38c-2.5.54-3-1.07-3-1.07a2.35,2.35,0,0,0-1-1.31c-.82-.56.06-.55.06-.55a1.89,1.89,0,0,1,1.38.93,1.92,1.92,0,0,0,2.62.75,1.91,1.91,0,0,1,.57-1.21c-2-.23-4.1-1-4.1-4.45a3.49,3.49,0,0,1,.92-2.41,3.25,3.25,0,0,1,.09-2.38S5,3.43,6.75,4.6a8.59,8.59,0,0,1,4.5,0c1.72-1.17,2.48-.92,2.48-.92a3.25,3.25,0,0,1,.09,2.38,3.49,3.49,0,0,1,.92,2.41c0,3.46-2.1,4.22-4.11,4.44a2.14,2.14,0,0,1,.62,1.67v2.47c0,.24.14.52.6.43A9,9,0,0,0,9-.06Z" fill="%23669df6"/></svg>');
       --devsite-scrollbar-thumb-background: hsla(0, 0%, 100%, 0.7);
       --devsite-var-color: #ff8bcb
}

devsite-content {
       --devsite-compare-yes-color: #34a853;
       --devsite-compare-no-color: #dd2c00;
       --devsite-confidential-results-background: rgba(254, 239, 227, 0.5);
       --devsite-search-results-breadcrumb-color: #1e8e3e;
       --devsite-select-sibling-gap-x: 16px;
       --devsite-steps-title-border-focus: 1px solid #174ea6;
       --devsite-steps-title-color: #174ea6;
       --devsite-dropdown-list-border-radius: var(--devsite-dropdown-list-toggle-border-radius);
       --devsite-dropdown-list-min-width: 194px;
       --devsite-dropdown-list-toggle-background-hover: var(--devsite-background-2);
       --devsite-dropdown-list-toggle-border-radius: 4px;
       --devsite-dropdown-list-toggle-color: var(--devsite-secondary-text-color);
       --devsite-dropdown-list-toggle-color-hover: var(--devsite-primary-text-color)
}

devsite-device {
       --devsite-device-border-color: #ddd
}

devsite-dynamic-content {
       --devsite-progress-background: #dadce0;
       --devsite-progress-background-2: #dadce0;
       --devsite-progress-background-4: #dadce0;
       --devsite-progress-bar-color: #f9ab00
}

devsite-dynamic-content .completed {
       --devsite-progress-bar-color: #1e8e3e
}

devsite-footer-linkboxes {
       --devsite-footer-linkboxes-grid-template-columns: repeat(auto-fit, minmax(85.4px, 1fr));
       --devsite-footer-linkboxes-padding: 0 24px
}

devsite-footer-utility devsite-language-selector {
       --devsite-language-selector-menu-inset-inline: auto 0;
       --devsite-language-selector-menu-transform: translate3d(0, calc(-100% - 36px), 0)
}

devsite-header devsite-language-selector {
       --devsite-select-color: #3c4043
}

devsite-multiple-choice {
       --devsite-multiple-choice-answer-border-bottom: var(--devsite-primary-border);
       --devsite-multiple-choice-answer-border-top: 0;
       --devsite-multiple-choice-background: var(--devsite-background-2);
       --devsite-multiple-choice-border: 0;
       --devsite-multiple-choice-border-radius: 0;
       --devsite-multiple-choice-correct-background: #f8fbf9;
       --devsite-multiple-choice-correct-color: #137333;
       --devsite-multiple-choice-incorrect-background: #fef9f9;
       --devsite-multiple-choice-incorrect-color: #d32f2f;
       --devsite-multiple-choice-overflow: visible;
       --devsite-multiple-choice-question-background: var(--devsite-secondary-text-color);
       --devsite-multiple-choice-question-color: var(--devsite-inverted-text-color)
}

devsite-nav-buttons {
       --devsite-button-primary-background-selected: #174ea6
}

devsite-playlist {
       --devsite-playlist-icon-color: #0d652d;
       --devsite-playlist-max-width: 936px;
       --devsite-playlist-padding-x: 40px
}

[type=playlist] {
       --devsite-card-image-object-fit: contain
}

devsite-playlist devsite-bookmark {
       --devsite-bookmark-background-focus-legacy: rgba(138, 180, 248, 0.12);
       --devsite-bookmark-background-hover-legacy: rgba(138, 180, 248, 0.12);
       --devsite-bookmark-icon-arrow-color: #dadce0;
       --devsite-bookmark-icon-color: #dadce0;
       --devsite-bookmark-icon-color-saved: #8ab4f8;
       --devsite-bookmark-icon-color-saved-hover: #d2e3fc;
       --devsite-dropdown-list-toggle-background-hover: rgba(218, 220, 224, 0.24);
       --devsite-dropdown-list-toggle-border: 1px solid #5f6368;
       --devsite-dropdown-list-toggle-border-hover: 1px solid #5f6368;
       --devsite-dropdown-list-toggle-color-hover: #dadce0
}

devsite-quiz {
       --devsite-quiz-correct-background: #e6f4ea;
       --devsite-quiz-correct-border-color: #e6f4ea;
       --devsite-quiz-correct-border-color-focus: #1e8e3e;
       --devsite-quiz-correct-color: #1e8e3e;
       --devsite-quiz-error-background: #fce8e6;
       --devsite-quiz-error-border-color: #fce8e6;
       --devsite-quiz-error-border-color-focus: #d93025;
       --devsite-quiz-error-color: #d93025;
       --devsite-quiz-partially-correct-background: #feefe3;
       --devsite-quiz-partially-correct-color: #e8710a;
       --devsite-quiz-partially-correct-indicator-background: orange;
       --devsite-quiz-secondary-text-color: #5f6368
}

devsite-recommendations-sidebar,
devsite-recommended-content {
       --devsite-recommendations-accent: #01579b
}

devsite-recommended-content {
       --devsite-background-text-decoration: none;
       --devsite-checkbox-margin-block: 0;
       --devsite-checkbox-margin-inline: 0;
       --devsite-checkbox-size: 0;
       --devsite-h1-margin: 0;
       --devsite-h3-margin: 0;
       --devsite-recommended-content-filters-overflow: scroll hidden;
       --devsite-recommended-content-grid: "list-header" 24px "content" /1fr;
       --devsite-recommended-content-item-show-all-display: flex;
       --devsite-recommended-content-toggle-display: none
}

devsite-recommended-content[filters] {
       --devsite-recommended-content-grid: "filters-header" 24px "filters" minmax(40px, auto) "list-header" 24px "content" /1fr
}

devsite-recommended-content devsite-carousel {
       --devsite-carousel-button-color: var(--devsite-secondary-text-color);
       --devsite-carousel-button-color-hover: var(--devsite-primary-text-color);
       --devsite-carousel-marker-margin-inline: -16px 0;
       --devsite-carousel-marker-size: 8px;
       --devsite-carousel-markers-background-focus: var(--devsite-secondary-text-color);
       --devsite-carousel-markers-background-hover: var(--devsite-secondary-text-color);
       --devsite-carousel-markers-gap: 0;
       --devsite-carousel-prev-next-box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       --devsite-recommended-content-filters-overflow: initial
}

[template=landing] devsite-recommended-content devsite-carousel {
       --devsite-carousel-gap: 0;
       --devsite-carousel-grid: 1fr auto/24px 24px 1fr 24px 24px;
       --devsite-carousel-margin-inline: -24px;
       --devsite-carousel-markers-grid-column: 2/-2;
       --devsite-carousel-markers-grid-row: 2;
       --devsite-carousel-next-grid-column: -1/-3;
       --devsite-carousel-prev-grid-column: 1/3;
       --devsite-carousel-prev-next-grid-row: 1;
       --devsite-carousel-slideshow-grid-column: 2/-2;
       --devsite-carousel-slideshow-grid-row: 1;
       --devsite-carousel-slideshow-padding-inline: 24px
}

devsite-recommended-content devsite-carousel[data-items-per-slide=auto] {
       --devsite-carousel-gradient-background: var(--devsite-background-3);
       --devsite-carousel-gradient-display: block;
       --devsite-carousel-gradient-end-grid-column: 5;
       --devsite-carousel-gradient-grid-row: 1;
       --devsite-carousel-gradient-start-grid-column: 1;
       --devsite-carousel-markers-display: none;
       --devsite-carousel-slideshow-margin-block: -8px;
       --devsite-carousel-slideshow-padding-block: 8px
}

devsite-book-nav,
devsite-search {
       --devsite-searchbox-hover: #e8eaed;
       --devsite-searchbox-inactive: var(--devsite-background-3);
       --devsite-search-border-radius: 2px;
       --devsite-search-form-background-active: var(--devsite-background-3);
       --devsite-search-height: 36px;
       --devsite-search-image-top: 6px;
       --devsite-search-image-x: 8px;
       --devsite-search-field-border: 0;
       --devsite-search-field-height: 36px;
       --devsite-search-field-padding-x-start: 40px
}

devsite-select {
       --devsite-select-display: inline-block
}

devsite-user {
       --devsite-notification-background: #1967d2
}

google-codelab-about {
       --google-codelab-about-active-border-color: #1a73e8
}

table {
       --devsite-alt-table-cell-background: rgba(241, 243, 244, 0.75);
       --devsite-h2-border: 0;
       --devsite-responsive-table-first-column-background: #f1f3f4;
       --devsite-table-cell-background: hsla(0, 0%, 100%, 0.95);
       --devsite-table-heading-background: #e8eaed
}

table.blue {
       --devsite-alt-table-cell-background: #f6f7fb;
       --devsite-table-heading-background: 0;
       --devsite-responsive-table-first-column-background: #f6f7fb;
       --devsite-table-row-background: #e8eaf6;
       --devsite-table-row-border: 1px solid #c5cae9
}

table.blue table {
       --devsite-table-heading-background: inherit
}

table.cyan {
       --devsite-alt-table-cell-background: #f4fcfd;
       --devsite-table-heading-background: 0;
       --devsite-responsive-table-first-column-background: #f4fcfd;
       --devsite-table-row-background: #e4f7fb;
       --devsite-table-row-border: 1px solid #a1e4f2
}

table.cyan table {
       --devsite-table-heading-background: inherit
}

table.green {
       --devsite-alt-table-cell-background: #f3faf9;
       --devsite-table-heading-background: 0;
       --devsite-responsive-table-first-column-background: #f3faf9;
       --devsite-table-row-background: #e0f2f1;
       --devsite-table-row-border: 1px solid #b2dfdb
}

table.green table {
       --devsite-table-heading-background: inherit
}

table.orange {
       --devsite-alt-table-cell-background: #fff9f4;
       --devsite-table-heading-background: 0;
       --devsite-responsive-table-first-column-background: #fff9f4;
       --devsite-table-row-background: #feefe3;
       --devsite-table-row-border: 1px solid #fedfc8
}

table.orange table {
       --devsite-table-heading-background: inherit
}

table.pink {
       --devsite-alt-table-cell-background: #fef5fa;
       --devsite-table-heading-background: 0;
       --devsite-responsive-table-first-column-background: #fef5fa;
       --devsite-table-row-background: #fde7f3;
       --devsite-table-row-border: 1px solid #fdcfe8
}

table.pink table {
       --devsite-table-heading-background: inherit
}

table.purple {
       --devsite-alt-table-cell-background: #faf6fe;
       --devsite-table-heading-background: 0;
       --devsite-responsive-table-first-column-background: #faf6fe;
       --devsite-table-row-background: #f3e8fd;
       --devsite-table-row-border: 1px solid #e9d2fd
}

table.purple table {
       --devsite-table-heading-background: inherit
}

.devsite-header-billboard {
       --devsite-h1-margin: 14px 0
}

[background] {
       --devsite-background-button-border-color: transparent;
       --devsite-background-button-color: var(--devsite-button-color);
       --devsite-background-button-color-hover: var(--devsite-button-color);
       --devsite-background-button-primary-background: var(--devsite-background-1);
       --devsite-background-button-primary-background-hover: var(--devsite-link-background-active);
       --devsite-background-button-primary-color: var(--devsite-button-color);
       --devsite-background-button-primary-color-hover: var(--devsite-button-color);
       --devsite-background-button-white-background-hover: rgba(154, 160, 166, 0.3);
       --devsite-background-button-white-background-focus: rgba(154, 160, 166, 0.5);
       --devsite-background-button-white-color: var(--devsite-inverted-text-color);
       --devsite-heading-color: var(--devsite-inverted-text-color);
       --devsite-icon-color: var(--devsite-inverted-text-color);
       --devsite-icon-color-hover: var(--devsite-inverted-text-color-hover);
       --devsite-link-color: var(--devsite-inverted-text-color)
}

.devsite-landing-row-cta {
       --devsite-button-border: 1px solid transparent;
       --devsite-button-border-active: 1px solid transparent;
       --devsite-button-border-hover: 1px solid transparent;
       --devsite-button-primary-background: var(--devsite-background-1);
       --devsite-button-primary-background-hover: var(--devsite-link-background-active);
       --devsite-button-primary-color: var(--devsite-button-color);
       --devsite-button-primary-color-hover: var(--devsite-button-color);
       --devsite-button-raised-background: var(--devsite-background-1);
       --devsite-button-raised-background-active: var(--devsite-link-background-active);
       --devsite-button-raised-background-hover: var(--devsite-link-background-active);
       --devsite-button-white-background-focus: rgba(154, 160, 166, 0.5);
       --devsite-button-white-background-hover: rgba(154, 160, 166, 0.3);
       --devsite-button-white-color: var(--devsite-inverted-text-color)
}

[theme=cyan] .devsite-landing-row-cta,
[theme=google-yellow] .devsite-landing-row-cta,
[theme=orange] .devsite-landing-row-cta,
[theme=pale-blue] .devsite-landing-row-cta {
       --devsite-button-white-color: #202124;
       --devsite-text-color: #202124
}

[background=theme] {
       --devsite-background-color: var(--devsite-primary-color)
}

[background=grey],
[background=white] {
       --devsite-background-button-border-color: #dadce0;
       --devsite-background-button-color: var(--devsite-button-color);
       --devsite-background-button-color-hover: var(--devsite-button-color);
       --devsite-background-button-primary-background: var(--devsite-button-primary-background);
       --devsite-background-button-primary-background-hover: var(--devsite-button-primary-background-hover);
       --devsite-background-button-primary-color: var(--devsite-button-primary-color);
       --devsite-background-button-primary-color-hover: var(--devsite-button-primary-color-hover);
       --devsite-background-button-white-color: var(--devsite-button-color);
       --devsite-icon-color: var(--devsite-secondary-text-color);
       --devsite-icon-color-hover: var(--devsite-link-color)
}

[background=blue-grey] {
       --devsite-background-color: #607d8b
}

[foreground=blue-grey],
[theme=blue-grey] [foreground=theme] {
       --devsite-foreground-color: #607d8b;
       --devsite-foreground-button-background-hover: #eff2f3;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #d7dfe2;
       --devsite-foreground-button-border-color-active: #eff2f3;
       --devsite-foreground-button-color: #607d8b;
       --devsite-foreground-button-primary-background: #607d8b;
       --devsite-foreground-button-primary-background-hover: #455a64;
       --devsite-foreground-button-primary-color: #fff
}

[background=blue-grey-dark] {
       --devsite-background-color: #455a64
}

[foreground=blue-grey-dark],
[theme=blue-grey-dark] [foreground=theme] {
       --devsite-foreground-color: #455a64;
       --devsite-foreground-button-background-hover: #eceff0;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #d1d6d8;
       --devsite-foreground-button-border-color-active: #eceff0;
       --devsite-foreground-button-color: #455a64;
       --devsite-foreground-button-primary-background: #455a64;
       --devsite-foreground-button-primary-background-hover: #37474f;
       --devsite-foreground-button-primary-color: #fff
}

[background=cyan] {
       --devsite-background-color: #12b5cb
}

[foreground=cyan],
[theme=cyan] [foreground=theme] {
       --devsite-foreground-color: #12b5cb;
       --devsite-foreground-button-background-hover: #e7f8fa;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c4edf2;
       --devsite-foreground-button-border-color-active: #e7f8fa;
       --devsite-foreground-button-color: #12b5cb;
       --devsite-foreground-button-primary-background: #12b5cb;
       --devsite-foreground-button-primary-background-hover: #098591;
       --devsite-foreground-button-primary-color: #fff
}

[background=deep-orange] {
       --devsite-background-color: #ff5722
}

[foreground=deep-orange],
[theme=deep-orange] [foreground=theme] {
       --devsite-foreground-color: #ff5722;
       --devsite-foreground-button-background-hover: #ffeee9;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #ffd5c8;
       --devsite-foreground-button-border-color-active: #ffeee9;
       --devsite-foreground-button-color: #ff5722;
       --devsite-foreground-button-primary-background: #ff5722;
       --devsite-foreground-button-primary-background-hover: #e64a19;
       --devsite-foreground-button-primary-color: #fff
}

[background=deep-purple] {
       --devsite-background-color: #673ab7
}

[foreground=deep-purple],
[theme=deep-purple] [foreground=theme] {
       --devsite-foreground-color: #673ab7;
       --devsite-foreground-button-background-hover: #f0ebf8;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #d9ceed;
       --devsite-foreground-button-border-color-active: #f0ebf8;
       --devsite-foreground-button-color: #673ab7;
       --devsite-foreground-button-primary-background: #673ab7;
       --devsite-foreground-button-primary-background-hover: #512da8;
       --devsite-foreground-button-primary-color: #fff
}

[background=google-blue] {
       --devsite-background-color: #1a73e8
}

[foreground=google-blue],
[theme=google-blue] [foreground=theme] {
       --devsite-foreground-color: #1a73e8;
       --devsite-foreground-button-background-hover: #e8f1fd;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c6dcf9;
       --devsite-foreground-button-border-color-active: #e8f1fd;
       --devsite-foreground-button-color: #1a73e8;
       --devsite-foreground-button-primary-background: #1a73e8;
       --devsite-foreground-button-primary-background-hover: #185abc;
       --devsite-foreground-button-primary-color: #fff
}

[background=google-green] {
       --devsite-background-color: #1e8e3e
}

[foreground=google-green],
[theme=google-green] [foreground=theme] {
       --devsite-foreground-color: #1e8e3e;
       --devsite-foreground-button-background-hover: #e9f4ec;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c7e3cf;
       --devsite-foreground-button-border-color-active: #e9f4ec;
       --devsite-foreground-button-color: #1e8e3e;
       --devsite-foreground-button-primary-background: #1e8e3e;
       --devsite-foreground-button-primary-background-hover: #137333;
       --devsite-foreground-button-primary-color: #fff
}

[background=google-red] {
       --devsite-background-color: #d93025
}

[foreground=google-red],
[theme=google-red] [foreground=theme] {
       --devsite-foreground-color: #d93025;
       --devsite-foreground-button-background-hover: #fbeae9;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #f6cbc9;
       --devsite-foreground-button-border-color-active: #fbeae9;
       --devsite-foreground-button-color: #d93025;
       --devsite-foreground-button-primary-background: #d93025;
       --devsite-foreground-button-primary-background-hover: #b31412;
       --devsite-foreground-button-primary-color: #fff
}

[background=google-yellow] {
       --devsite-background-color: #f9ab00
}

[foreground=google-yellow],
[theme=google-yellow] [foreground=theme] {
       --devsite-foreground-color: #f9ab00;
       --devsite-foreground-button-background-hover: #fef7e6;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #feeabf;
       --devsite-foreground-button-border-color-active: #fef7e6;
       --devsite-foreground-button-color: #f9ab00;
       --devsite-foreground-button-primary-background: #f9ab00;
       --devsite-foreground-button-primary-background-hover: #ea8600;
       --devsite-foreground-button-primary-color: #fff
}

[background=indigo] {
       --devsite-background-color: #3f51b5
}

[foreground=indigo],
[theme=indigo] [foreground=theme] {
       --devsite-foreground-color: #3f51b5;
       --devsite-foreground-button-background-hover: #eceef8;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #cfd4ed;
       --devsite-foreground-button-border-color-active: #eceef8;
       --devsite-foreground-button-color: #3f51b5;
       --devsite-foreground-button-primary-background: #3f51b5;
       --devsite-foreground-button-primary-background-hover: #303f9f;
       --devsite-foreground-button-primary-color: #fff
}

[background=orange] {
       --devsite-background-color: #e8710a
}

[foreground=orange],
[theme=orange] [foreground=theme] {
       --devsite-foreground-color: #e8710a;
       --devsite-foreground-button-background-hover: #fdf1e7;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #f9dcc2;
       --devsite-foreground-button-border-color-active: #fdf1e7;
       --devsite-foreground-button-color: #e8710a;
       --devsite-foreground-button-primary-background: #e8710a;
       --devsite-foreground-button-primary-background-hover: #c26401;
       --devsite-foreground-button-primary-color: #fff
}

[background=pink] {
       --devsite-background-color: #e52592
}

[foreground=pink],
[theme=pink] [foreground=theme] {
       --devsite-foreground-color: #e52592;
       --devsite-foreground-button-background-hover: #fce9f4;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #f9c9e4;
       --devsite-foreground-button-border-color-active: #fce9f4;
       --devsite-foreground-button-color: #e52592;
       --devsite-foreground-button-primary-background: #e52592;
       --devsite-foreground-button-primary-background-hover: #b80672;
       --devsite-foreground-button-primary-color: #fff
}

[background=purple] {
       --devsite-background-color: #9334e6
}

[foreground=purple],
[theme=purple] [foreground=theme] {
       --devsite-foreground-color: #9334e6;
       --devsite-foreground-button-background-hover: #f4ebfd;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #e4ccf9;
       --devsite-foreground-button-border-color-active: #f4ebfd;
       --devsite-foreground-button-color: #9334e6;
       --devsite-foreground-button-primary-background: #9334e6;
       --devsite-foreground-button-primary-background-hover: #7627bb;
       --devsite-foreground-button-primary-color: #fff
}

[background=teal] {
       --devsite-background-color: #009688
}

[foreground=teal],
[theme=teal] [foreground=theme] {
       --devsite-foreground-color: #009688;
       --devsite-foreground-button-background-hover: #e6f5f3;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #bfe5e1;
       --devsite-foreground-button-border-color-active: #e6f5f3;
       --devsite-foreground-button-color: #009688;
       --devsite-foreground-button-primary-background: #009688;
       --devsite-foreground-button-primary-background-hover: #00796b;
       --devsite-foreground-button-primary-color: #fff
}

[background=blue] {
       --devsite-background-color: #1a73e8
}

[foreground=blue],
[theme=blue] [foreground=theme] {
       --devsite-foreground-color: #1a73e8;
       --devsite-foreground-button-background-hover: #e8f1fd;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c6dcf9;
       --devsite-foreground-button-border-color-active: #e8f1fd;
       --devsite-foreground-button-color: #1a73e8;
       --devsite-foreground-button-primary-background: #1a73e8;
       --devsite-foreground-button-primary-background-hover: #185abc;
       --devsite-foreground-button-primary-color: #fff
}

[background=green] {
       --devsite-background-color: #1e8e3e
}

[foreground=green],
[theme=green] [foreground=theme] {
       --devsite-foreground-color: #1e8e3e;
       --devsite-foreground-button-background-hover: #e9f4ec;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c7e3cf;
       --devsite-foreground-button-border-color-active: #e9f4ec;
       --devsite-foreground-button-color: #1e8e3e;
       --devsite-foreground-button-primary-background: #1e8e3e;
       --devsite-foreground-button-primary-background-hover: #137333;
       --devsite-foreground-button-primary-color: #fff
}

[background=light-blue] {
       --devsite-background-color: #0288d1
}

[foreground=light-blue],
[theme=light-blue] [foreground=theme] {
       --devsite-foreground-color: #0288d1;
       --devsite-foreground-button-background-hover: #e6f3fa;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c0e1f4;
       --devsite-foreground-button-border-color-active: #e6f3fa;
       --devsite-foreground-button-color: #0288d1;
       --devsite-foreground-button-primary-background: #0288d1;
       --devsite-foreground-button-primary-background-hover: #01579b;
       --devsite-foreground-button-primary-color: #fff
}

[background=light-green] {
       --devsite-background-color: #8bc34a
}

[foreground=light-green],
[theme=light-green] [foreground=theme] {
       --devsite-foreground-color: #8bc34a;
       --devsite-foreground-button-background-hover: #f3f9ed;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #e2f0d2;
       --devsite-foreground-button-border-color-active: #f3f9ed;
       --devsite-foreground-button-color: #8bc34a;
       --devsite-foreground-button-primary-background: #8bc34a;
       --devsite-foreground-button-primary-background-hover: #689f38;
       --devsite-foreground-button-primary-color: #fff
}

[background=navy] {
       --devsite-background-color: #3f51b5
}

[foreground=navy],
[theme=navy] [foreground=theme] {
       --devsite-foreground-color: #3f51b5;
       --devsite-foreground-button-background-hover: #eceef8;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #cfd4ed;
       --devsite-foreground-button-border-color-active: #eceef8;
       --devsite-foreground-button-color: #3f51b5;
       --devsite-foreground-button-primary-background: #3f51b5;
       --devsite-foreground-button-primary-background-hover: #303f9f;
       --devsite-foreground-button-primary-color: #fff
}

[background=pale-blue] {
       --devsite-background-color: #12b5cb
}

[foreground=pale-blue],
[theme=pale-blue] [foreground=theme] {
       --devsite-foreground-color: #12b5cb;
       --devsite-foreground-button-background-hover: #e7f8fa;
       --devsite-foreground-button-border-color: #dadce0;
       --devsite-foreground-button-border-color-hover: #c4edf2;
       --devsite-foreground-button-border-color-active: #e7f8fa;
       --devsite-foreground-button-color: #12b5cb;
       --devsite-foreground-button-primary-background: #12b5cb;
       --devsite-foreground-button-primary-background-hover: #098591;
       --devsite-foreground-button-primary-color: #fff
}

[background=cyan] {
       --devsite-background-color: #43cde6
}

[background=google-yellow] {
       --devsite-background-color: #fcc934
}

[background=light-green] {
       --devsite-background-color: #aed581
}

[background=orange] {
       --devsite-background-color: #fcad70
}

[background=grey],
[background=light-green] {
       --devsite-link-color: unset
}

[background=grey] {
       --devsite-background-color: var(--devsite-background-3);
       --devsite-heading-color: var(--devsite-primary-text-color);
       --devsite-text-color: var(--devsite-primary-text-color);
       --devsite-text-color-hover: var(--devsite-secondary-text-color)
}

[background=light-green] {
       --devsite-background-button-white-color: #202124;
       --devsite-icon-color: #202124;
       --devsite-icon-color-hover: #5f6368;
       --devsite-text-color: #202124;
       --devsite-text-color-hover: #5f6368
}

[foreground=light-green] {
       --devsite-foreground-button-primary-color: #202124
}

.devsite-landing-row-item-labels [background=light-green]:not([foreground]) {
       --devsite-text-color: #202124
}

[background=cyan],
[background=google-yellow],
[background=orange],
[background=pale-blue],
[theme=cyan] [background=theme],
[theme=google-yellow] [background=theme],
[theme=orange] [background=theme],
[theme=pale-blue] [background=theme] {
       --devsite-background-button-white-color: #202124;
       --devsite-heading-color: #202124;
       --devsite-icon-color: #202124;
       --devsite-icon-color-hover: #5f6368;
       --devsite-link-color: #202124;
       --devsite-text-color: #202124;
       --devsite-text-color-hover: #5f6368
}

[background=white] {
       --devsite-background-color: var(--devsite-background-1);
       --devsite-heading-color: var(--devsite-primary-text-color);
       --devsite-link-color: unset;
       --devsite-text-color: var(--devsite-primary-text-color);
       --devsite-text-color-hover: var(--devsite-secondary-text-color)
}

[foreground=cyan],
[foreground=google-yellow],
[foreground=orange],
[foreground=pale-blue] {
       --devsite-foreground-button-primary-color: #202124
}

[foreground=theme] {
       --devsite-icon-color: var(--devsite-primary-color)
}

[foreground=theme] .devsite-heading-link {
       --devsite-icon-color: var(--devsite-secondary-text-color);
       --devsite-icon-color-hover: var(--devsite-link-color)
}

[foreground=white] {
       --devsite-icon-color: var(--devsite-inverted-text-color);
       --devsite-text-color: var(--devsite-inverted-text-color)
}

.devsite-landing-row-item-labels [background]:not([foreground]) {
       --devsite-text-color: #fff
}

.devsite-landing-row-item-labels [background=cyan]:not([foreground]),
.devsite-landing-row-item-labels [background=google-yellow]:not([foreground]),
.devsite-landing-row-item-labels [background=orange]:not([foreground]),
.devsite-landing-row-item-labels [background=pale-blue]:not([foreground]) {
       --devsite-text-color: #202124
}

[layout=docs] {
       --devsite-banner-margin: -40px -40px 40px
}

[layout=docs],
[layout=docs][template=landing] {
       --devsite-banner-message-padding: 20px 40px
}

[layout=full],
[template=landing] {
       --devsite-banner-message-padding: 20px 24px
}

[layout=full] {
       --devsite-banner-margin: -40px calc(50% - 50vw) 40px;
       --devsite-main-content-max-width: 1600px;
       --devsite-main-content-padding: 40px 80px
}

[template=\34 04],
[template=offline] {
       --devsite-404-links-columns: 4;
       --devsite-404-search-margin: 0 0 160px;
       --devsite-main-content-padding: 0 80px
}

[layout][template=landing],
[layout][template=playlist],
[layout][template=profile],
[layout][template=quiz],
[layout][template=topic] {
       --devsite-banner-margin: 0;
       --devsite-main-content-max-width: none;
       --devsite-main-content-padding: 0
}

[layout=full]:not([template=landing]) {
       --devsite-notice-margin: 16px calc(50% - 50vw);
       --devsite-notice-padding-block: 16px;
       --devsite-notice-padding-inline: calc(50vw - 50% + 36px) calc(50vw - 50%)
}

[layout=full] devsite-content,
[template=landing] devsite-content {
       --devsite-breadcrumb-list-display: none;
       --devsite-breadcrumb-list-padding: 20px 24px
}

.devsite-landing-row {
       --devsite-landing-group-padding: 0 24px;
       --devsite-landing-row-padding: 40px 0
}

[layout=docs] .devsite-landing-row {
       --devsite-landing-group-padding: 0 40px
}

.devsite-landing-row-padding-small {
       --devsite-landing-row-padding: 32px 0
}

.devsite-landing-row-padding-medium {
       --devsite-landing-row-padding: 64px 0
}

.devsite-landing-row-padding-large {
       --devsite-landing-row-padding: 96px 0
}

.devsite-landing-row-padding-xlarge {
       --devsite-landing-row-padding: 128px 0
}

.devsite-landing-row-1-up {
       --devsite-1-up-grid-template-columns: repeat(12, 1fr);
       --devsite-1-up-no-media-description-grid-column: 1/span 8;
       --devsite-custom-image-icon-font-size: 256px;
       --devsite-custom-image-icon-max-height: 256px;
       --devsite-custom-image-icon-width: 256px
}

.devsite-landing-row-2-up,
.devsite-landing-row-50 {
       --devsite-custom-image-icon-font-size: 192px;
       --devsite-custom-image-icon-max-height: 192px;
       --devsite-custom-image-icon-width: 192px
}

.devsite-landing-row-3-up,
.devsite-landing-row-67 {
       --devsite-custom-image-icon-font-size: 128px;
       --devsite-custom-image-icon-max-height: 128px;
       --devsite-custom-image-icon-width: 128px
}

.devsite-landing-row-4-up,
.devsite-landing-row-75,
[layout=docs] .devsite-landing-row-2-up {
       --devsite-custom-image-icon-font-size: 96px;
       --devsite-custom-image-icon-max-height: 96px;
       --devsite-custom-image-icon-width: 96px
}

.devsite-landing-row-2-up {
       --devsite-landing-row-group-grid: auto-flow/repeat(2, 1fr)
}

.devsite-landing-row-3-up {
       --devsite-landing-row-group-grid: auto-flow/repeat(3, 1fr)
}

.devsite-landing-row-4-up {
       --devsite-landing-row-group-grid: auto-flow/repeat(4, 1fr)
}

[header-position=left],
[header-position=right] {
       --devsite-landing-row-group-grid: auto-flow/repeat(2, 1fr)
}

[size=small] {
       --devsite-icon-size: 24px
}

[size=medium] {
       --devsite-icon-size: 48px
}

[size=large] {
       --devsite-icon-size: 96px
}

[size=xlarge] {
       --devsite-icon-size: 144px
}

.devsite-landing-row-logos [size] {
       --devsite-custom-image-icon-font-size: 96px;
       --devsite-custom-image-icon-max-height: 96px;
       --devsite-custom-image-icon-width: 96px;
       --devsite-icon-size: 96px
}

[background][size] {
       --devsite-icon-margin-block: 0;
       --devsite-icon-margin-inline: 0
}

[background][size=small] {
       --devsite-icon-canvas-size: 28px;
       --devsite-icon-size: 18px
}

[background][size=medium],
[size=medium] {
       --devsite-icon-canvas-size: 56px
}

[background][size=medium] {
       --devsite-icon-size: 36px
}

[background][size=large] {
       --devsite-icon-canvas-size: 112px;
       --devsite-icon-size: 72px
}

[background][size=xlarge] {
       --devsite-icon-canvas-size: 168px;
       --devsite-icon-size: 108px
}

[icon-position^=bottom] {
       --devsite-icon-canvas-margin-block: 8px 0
}

[icon-position=bottom] {
       --devsite-icon-canvas-margin-inline: 0;
       --devsite-icon-margin-inline: 0
}

[icon-position=bottom-right] {
       --devsite-icon-canvas-margin-inline: 20px 0;
       --devsite-icon-margin-inline: 0 4px
}

[icon-position=right] {
       --devsite-icon-canvas-margin-block: 0;
       --devsite-icon-canvas-margin-inline: 20px 0;
       --devsite-icon-margin-block: 0;
       --devsite-icon-margin-inline: 0
}

[icon-position=top] {
       --devsite-header-icon-canvas-margin-block: 0 20px;
       --devsite-header-icon-canvas-margin-inline: 0
}

[icon-position=top] [size=small] {
       --devsite-icon-canvas-margin-block: 0 12px
}

[icon-position=top] [size=medium] {
       --devsite-icon-canvas-margin-block: 0 16px
}

[icon-position=top] [size=large] {
       --devsite-icon-canvas-margin-block: 0 24px
}

[icon-position=top] [size=xlarge] {
       --devsite-icon-canvas-margin-block: 0 32px
}

.devsite-landing-row-header-centered,
.devsite-landing-row-header-centered [icon-position=top] {
       --devsite-header-icon-canvas-margin-inline: auto
}

.devsite-landing-row-item-centered {
       --devsite-icon-margin-inline: auto
}

@media screen and (max-width:1253px) {
       [layout] devsite-catalog {
              --devsite-catalog-grid: "main" /1fr;
              --devsite-catalog-sidebar-button-display: inline-block !important;
              --devsite-catalog-sidebar-button-margin: 0 0 16px;
              --devsite-columns: 2
       }

       devsite-recommended-content {
              --devsite-columns: 3
       }
}

@media screen and (max-width:1440px) {
       [template] devsite-recommended-content devsite-carousel[data-items-per-slide=auto] {
              --devsite-carousel-gap: 0;
              --devsite-carousel-ghost-item-width: 16px;
              --devsite-carousel-gradient-start-grid-column: 2;
              --devsite-carousel-gradient-end-grid-column: -2;
              --devsite-carousel-gradient-width: 80px;
              --devsite-carousel-grid: minmax(40px, auto) /0 48px 1fr 48px 0;
              --devsite-carousel-slideshow-scroll-padding: 0 24px
       }
}

@media screen and (max-width:840px) {

       [template=page] devsite-carousel[data-full-width],
       [template=page] devsite-carousel[data-items-per-slide=auto] {
              --devsite-carousel-gap: 16px 24px;
              --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0;
              --devsite-carousel-margin-inline: -24px;
              --devsite-carousel-markers-grid-column: 3;
              --devsite-carousel-next-grid-column: 4;
              --devsite-carousel-prev-grid-column: 2;
              --devsite-carousel-slideshow-grid-column: 1/-1;
              --devsite-carousel-slideshow-padding-inline: 24px
       }

       [template=page] devsite-carousel[data-items-per-slide=auto] {
              --devsite-carousel-ghost-item-width: 16px;
              --devsite-carousel-slideshow-scroll-padding: 0 24px
       }

       devsite-footer-utility devsite-language-selector {
              --devsite-language-selector-menu-inset-inline: 0 auto
       }

       devsite-playlist {
              --devsite-playlist-max-width: 768px;
              --devsite-playlist-padding-x: 40px
       }

       devsite-recommended-content {
              --devsite-columns: 2;
              --devsite-recommended-content-filters-margin-inline: -24px;
              --devsite-recommended-content-filters-padding-inline: 24px;
              --devsite-recommended-content-filters-width: calc(100% + 48px)
       }

       [layout] {
              --devsite-banner-margin: -24px -24px 24px
       }

       [layout][template] {
              --devsite-banner-message-padding: 20px 24px
       }

       [layout=full] {
              --devsite-main-content-padding: 24px
       }

       [template=\34 04],
       [template=offline] {
              --devsite-404-links-columns: 2;
              --devsite-404-search-margin: 0 0 80px;
              --devsite-main-content-padding: 0 24px
       }

       .devsite-landing-row,
       [class^=devsite-landing-row-padding-] {
              --devsite-landing-row-padding: 24px 0
       }

       [layout=docs] .devsite-landing-row {
              --devsite-landing-group-padding: 0 24px
       }

       .devsite-landing-row-1-up {
              --devsite-1-up-grid-template-columns: repeat(2, 1fr);
              --devsite-1-up-no-media-description-grid-column: 1/span 2
       }

       .devsite-landing-row-1-up,
       .devsite-landing-row-2-up,
       .devsite-landing-row-3-up,
       .devsite-landing-row-4-up {
              --devsite-custom-image-icon-font-size: 128px;
              --devsite-custom-image-icon-max-height: 128px;
              --devsite-custom-image-icon-width: 128px
       }

       .devsite-landing-row-3-up,
       .devsite-landing-row-4-up {
              --devsite-landing-row-group-grid: auto-flow/repeat(2, 1fr)
       }

       [icon-position^=bottom] {
              --devsite-icon-canvas-margin-block: 0;
              --devsite-icon-canvas-margin-inline: 20px 0;
              --devsite-icon-margin-inline: 0 4px
       }
}

@media screen and (max-width:600px) {
       :root {
              --devsite-item-gap: 16px
       }

       [layout][template] {
              --devsite-banner-message-padding: 16px
       }

       [layout=full] {
              --devsite-main-content-padding: 16px;
              --devsite-notice-margin: 16px -40px;
              --devsite-notice-padding-block: 16px;
              --devsite-notice-padding-inline: 76px 40px
       }

       [layout=full] devsite-content,
       [template=landing] devsite-content {
              --devsite-breadcrumb-list-padding: 20px 16px
       }

       [template=\34 04],
       [template=offline] {
              --devsite-404-search-margin: 0 0 40px;
              --devsite-main-content-padding: 0 16px
       }

       [template] devsite-carousel[data-full-width],
       [template] devsite-carousel[data-items-per-slide=auto] {
              --devsite-carousel-gap: 16px 16px;
              --devsite-carousel-grid: 1fr 40px/0 40px 1fr 40px 0;
              --devsite-carousel-margin-inline: -16px;
              --devsite-carousel-markers-grid-column: 3;
              --devsite-carousel-next-grid-column: 4;
              --devsite-carousel-prev-grid-column: 2;
              --devsite-carousel-slideshow-grid-column: 1/-1;
              --devsite-carousel-slideshow-padding-inline: 16px
       }

       [template] devsite-carousel[data-items-per-slide=auto] {
              --devsite-carousel-ghost-item-width: 8px;
              --devsite-carousel-slideshow-scroll-padding: 0 16px
       }

       devsite-content {
              --devsite-select-sibling-gap-x: 0;
              --devsite-select-sibling-gap-y: 16px
       }

       devsite-footer-linkboxes {
              --devsite-footer-linkboxes-grid-template-columns: 1fr;
              --devsite-footer-linkboxes-padding: 0 16px
       }

       devsite-playlist {
              --devsite-playlist-max-width: 100%;
              --devsite-playlist-padding-x: 24px
       }

       devsite-recommended-content {
              --devsite-columns: 1;
              --devsite-recommended-content-filters-flex-wrap: wrap;
              --devsite-recommended-content-filters-item-display: inline-flex;
              --devsite-recommended-content-filters-margin-block: 0;
              --devsite-recommended-content-filters-margin-inline: 0;
              --devsite-recommended-content-filters-padding-block: 0;
              --devsite-recommended-content-filters-padding-inline: 0;
              --devsite-recommended-content-filters-width: revert;
              --devsite-recommended-content-item-show-all-display: none;
              --devsite-recommended-content-toggle-display: block
       }

       devsite-recommended-content [show-all] {
              --devsite-recommended-content-item-show-all-display: flex
       }

       [template] devsite-recommended-content devsite-carousel {
              --devsite-carousel-item-width: 80vw !important;
              --devsite-carousel-margin-inline: -16px;
              --devsite-carousel-markers-display: none;
              --devsite-carousel-prev-next-display: none;
              --devsite-carousel-slideshow-grid-column: 1/-1;
              --devsite-carousel-slideshow-padding-inline: 16px;
              --devsite-carousel-slideshow-scroll-padding: 0 16px
       }

       devsite-recommended-content devsite-carousel[data-items-per-slide=auto] {
              --devsite-carousel-gradient-display: none;
              --devsite-carousel-item-flex: initial
       }

       devsite-select {
              --devsite-select-display: block
       }

       .devsite-landing-row,
       [class^=devsite-landing-row-padding-] {
              --devsite-landing-group-padding: 0 16px;
              --devsite-landing-row-padding: 16px 0
       }

       [layout=docs] .devsite-landing-row {
              --devsite-landing-group-padding: 0 16px
       }

       .devsite-landing-row-1-up,
       .devsite-landing-row-2-up,
       .devsite-landing-row-3-up {
              --devsite-item-display: block
       }

       .devsite-landing-row-2-up,
       .devsite-landing-row-3-up,
       .devsite-landing-row-4-up,
       .devsite-landing-row[header-position] {
              --devsite-landing-row-group-grid: auto-flow/1fr
       }
}

:root {
       --devsite-headline-font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       --devsite-heading-color: #202124;
       --devsite-display-font: 400 44px/52px var(--devsite-headline-font-family);
       --devsite-h1-font: 400 32px/40px var(--devsite-headline-font-family);
       --devsite-h1-letter-spacing: 0;
       --devsite-h1-margin: 48px 0 24px;
       --devsite-h2-border: 0;
       --devsite-h2-font: 400 24px/32px var(--devsite-headline-font-family);
       --devsite-h2-letter-spacing: 0;
       --devsite-h2-margin: 48px 0 24px;
       --devsite-h2-padding: 0;
       --devsite-h3-font: 400 20px/28px var(--devsite-headline-font-family);
       --devsite-table-heading-font: 500 14px/20px var(--devsite-primary-font-family);
       --devsite-wordmark-font: 400 22px/32px var(--devsite-headline-font-family);
       --devsite-button-background-hover: #e8f0fe;
       --devsite-button-background-active: #e8f0fe;
       --devsite-button-border: 1px solid #dadce0;
       --devsite-button-border-hover: 1px solid #d2e3fc;
       --devsite-button-border-active: 1px solid #e8f0fe;
       --devsite-button-border-radius: 4px;
       --devsite-button-box-shadow: none;
       --devsite-button-box-shadow-active: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       --devsite-button-font: 500 14px/36px var(--devsite-headline-font-family);
       --devsite-button-line-height: 34px;
       --devsite-button-padding: 0 24px;
       --devsite-button-text-transform: none;
       --devsite-background-button-color: #d2e3fc;
       --devsite-background-button-color-hover: #d2e3fc;
       --devsite-button-disabled-background: transparent;
       --devsite-button-disabled-border: 1px solid #f8f9fa;
       --devsite-button-disabled-color: #9aa0a6;
       --devsite-button-disabled-line-height: 34px;
       --devsite-button-primary-background: #1a73e8;
       --devsite-button-primary-background-hover: #1765cc;
       --devsite-button-primary-background-active: #185abc;
       --devsite-button-primary-box-shadow-hover: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       --devsite-background-button-primary-background-hover: #e8f0fe;
       --devsite-background-button-primary-color: #d2e3fc;
       --devsite-background-button-primary-color-hover: #d2e3fc;
       --devsite-button-white-background-hover: #e8f0fe;
       --devsite-button-white-background-active: #e8f0fe;
       --devsite-button-white-box-shadow-active: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       --devsite-button-raised-background-hover: #e8f0fe;
       --devsite-button-raised-background-active: #e8f0fe;
       --devsite-button-with-icon-padding: 0 15px;
       --devsite-button-material-icon-margin-x: -12px;
       --devsite-button-white-material-icon-margin-x: 0;
       --devsite-card-border: var(--devsite-primary-border);
       --devsite-card-border-radius: 8px;
       --devsite-card-box-shadow: none;
       --devsite-card-content-border-radius: 7px 7px 0 0;
       --devsite-card-list-item-border-radius: 0;
       --devsite-card-list-item-margin: 0;
       --devsite-card-list-overflow: hidden;
       --devsite-feature-tooltip-border-radius: 8px;
       --devsite-link-background-hover: #e8f0fe;
       --devsite-nav-active-color: #185abc;
       --devsite-input-background-focus: #d2e3fc;
       --devsite-input-border: 1px solid #dadce0;
       --devsite-input-color-disabled: rgba(95, 99, 104, 0.38);
       --devsite-input-file-padding: 8px 24px
}

@media screen and (max-width:600px) {
       :root {
              --devsite-display-font: 400 24px/32px var(--devsite-headline-font-family);
              --devsite-h1-font: 400 24px/32px var(--devsite-headline-font-family)
       }
}

.button-primary,
.button-raised {
       --devsite-button-disabled-background: rgba(241, 243, 244, 0.38);
       --devsite-button-disabled-border: 0
}

.devsite-article-body>:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning):not([class*=attempt]),
.devsite-article-body>:is(div, p, section)>:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning):not([class*=attempt]) {
       --devsite-notice-margin: 16px -40px;
       --devsite-notice-padding-block: 16px;
       --devsite-notice-padding-inline: 76px 40px
}

.devsite-breadcrumb-list {
       --devsite-font-family: var(--devsite-headline-font-family)
}

.devsite-header-billboard {
       --devsite-h1-font: 400 44px/52px var(--devsite-headline-font-family);
       --devsite-h1-letter-spacing: 0.5px
}

.devsite-landing-row-item {
       --devsite-buttons-margin: auto 0 -4px
}

.devsite-nav-active {
       --devsite-link-color-active: #185abc
}

.devsite-product-button-row {
       --devsite-button-border: 0;
       --devsite-button-border-hover: 0;
       --devsite-button-border-active: 0
}

devsite-book-nav {
       --devsite-nav-divider-background: var(--devsite-background-3);
       --devsite-nav-heading-color-hover: var(--devsite-secondary-text-color);
       --devsite-nav-title-background-active: var(--devsite-link-background-active);
       --devsite-nav-title-background-hover: var(--devsite-background-3);
       --devsite-nav-title-color-hover: var(--devsite-primary-text-color);
       --devsite-nav-title-margin-x: 8px;
       --devsite-nav-title-no-path-color-hover: var(--devsite-secondary-text-color)
}

devsite-code {
       --devsite-code-button-size: 32px
}

.devsite-article-body>devsite-code {
       --devsite-code-buttons-container-right: 40px;
       --devsite-code-margin: 16px -40px;
       --devsite-code-padding-block: 24px;
       --devsite-code-padding-inline: 40px
}

@media screen and (max-width:840px) {
       .devsite-article-body>devsite-code {
              --devsite-code-buttons-container-right: 24px;
              --devsite-code-margin: 16px -24px;
              --devsite-code-padding-inline: 24px
       }
}

@media screen and (max-width:600px) {
       .devsite-article-body>devsite-code {
              --devsite-code-buttons-container-right: 16px;
              --devsite-code-margin: 16px -16px;
              --devsite-code-padding-inline: 16px
       }
}

.devsite-article-body>devsite-code:last-child {
       --devsite-code-margin: 16px -40px -16px
}

@media screen and (max-width:840px) {
       .devsite-article-body>devsite-code:last-child {
              --devsite-code-margin: 16px -24px -16px
       }
}

@media screen and (max-width:600px) {
       .devsite-article-body>devsite-code:last-child {
              --devsite-code-margin: 16px -16px -16px
       }
}

devsite-catalog {
       --devsite-button-icon-content: "clear";
       --devsite-button-icon-margin-x-end: 6px;
       --devsite-chips-gap: 16px 8px
}

devsite-catalog .catalog-show-sidebar-button {
       --devsite-button-border-radius: 16px;
       --devsite-button-height: 32px;
       --devsite-button-line-height: 30px
}

devsite-content {
       --devsite-search-term-color: #5f6368;
       --devsite-search-term-weight: 400
}

devsite-dialog {
       --devsite-border-radius: 8px;
       --devsite-feedback-buttons-padding: 16px 24px 8px;
       --devsite-heading-font: 400 18px/30px var(--devsite-headline-font-family);
       --devsite-heading-text-align: center
}

devsite-footer-linkboxes,
devsite-footer-promos {
       --devsite-footer-heading-font: 400 16px/26px var(--devsite-headline-font-family);
       --devsite-footer-heading-font-weight: 400;
       --devsite-footer-heading-margin: 1px 0 4px;
       --devsite-footer-list-heading-margin: 34px 0 0
}

devsite-header {
       --devsite-button-line-height: 36px;
       --devsite-header-link-background-active: var(--devsite-link-background-active);
       --devsite-header-link-box-shadow-active: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       --devsite-header-link-color: var(--devsite-link-color);
       --devsite-header-link-color-active: var(--devsite-link-color)
}

devsite-jump-to {
       --devsite-link-background: #fff;
       --devsite-link-background-hover: #e8f0fe;
       --devsite-link-color: #1a73e8
}

devsite-multiple-choice {
       --devsite-multiple-choice-answer-border-bottom: 0;
       --devsite-multiple-choice-answer-border-top: var(--devsite-primary-border);
       --devsite-multiple-choice-background: var(--devsite-background-1);
       --devsite-multiple-choice-border: var(--devsite-primary-border);
       --devsite-multiple-choice-border-radius: 8px;
       --devsite-multiple-choice-overflow: hidden;
       --devsite-multiple-choice-question-background: var(--devsite-background-4);
       --devsite-multiple-choice-question-color: var(--devsite-primary-text-color)
}

devsite-catalog,
devsite-nav-buttons {
       --devsite-button-background-selected: var(--devsite-button-primary-background);
       --devsite-button-border-selected: 0;
       --devsite-button-color-selected: var(--devsite-inverted-text-color);
       --devsite-button-padding: 0 16px
}

devsite-book-nav,
devsite-search {
       --devsite-search-border-radius: 4px;
       --devsite-search-active-box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       --devsite-search-active-overflow: hidden;
       --devsite-searchbox-before-display: none;
       --devsite-search-form-background-active: #fff;
       --devsite-search-form-text-active: var(--devsite-secondary-text-color);
       --devsite-popout-box-shadow: none;
       --devsite-popout-display: none;
       --devsite-popout-active-display: block;
       --devsite-popout-margin-top: 0;
       --devsite-popout-position: relative;
       --devsite-popout-transform: none;
       --devsite-popout-transition: none;
       --devsite-popout-z-index: auto
}

@media screen and (max-width:840px) {

       devsite-book-nav,
       devsite-search {
              --devsite-search-button-margin-before: auto;
              --devsite-search-form-position: absolute;
              --devsite-search-form-position-end: 40px;
              --devsite-search-form-position-start: 0;
              --devsite-popout-display: block;
              --devsite-popout-position-start: 0;
              --devsite-popout-width: auto;
              --devsite-search-content-padding-start: 40px
       }
}

@media screen and (max-width:600px) {

       devsite-book-nav,
       devsite-search {
              --devsite-search-content-padding-start: 12px
       }
}

devsite-appearance-selector,
devsite-language-selector,
devsite-select,
select {
       --devsite-item-background-selected: #e8f0fe;
       --devsite-item-font-weight-selected: 400;
       --devsite-list-border: 0;
       --devsite-list-border-radius: 4px;
       --devsite-select-border: var(--devsite-primary-border);
       --devsite-select-border-radius: 4px;
       --devsite-select-font: 500 14px/36px var(--devsite-headline-font-family)
}

devsite-select,
select {
       --devsite-select-padding: 0 27px 0 15px
}

devsite-selector {
       --devsite-border: 1px solid #dadce0;
       --devsite-border-radius: 8px;
       --devsite-content-border-radius: 0 0 7px 7px;
       --devsite-link-hover: #5f6368;
       --devsite-tab-marker-color: #5f6368;
       --devsite-overflow-tab-background: #f1f3f4;
       --devsite-overflow-tab-border-radius: 0 7px 0 0;
       --devsite-overflow-link-background-hover: #e8f0fe
}

[dir=rtl] devsite-selector {
       --devsite-overflow-tab-border-radius: 7px 0 0
}

devsite-snackbar {
       --devsite-snack-max-width: 568px;
       --devsite-snack-min-width: 288px;
       --devsite-snackbar-inner-background: #202124;
       --devsite-snackbar-inner-border-radius: 4px;
       --devsite-snackbar-inner-color: #ddd;
       --devsite-snackbar-message-font: 500 14px/1 Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       --devsite-snackbar-action-font: 500 14px/1 var(--devsite-headline-font-family);
       --devsite-snackbar-action-margin-left: auto;
       --devsite-snackbar-action-margin-right: 16px;
       --devsite-snackbar-action-padding: 8px;
       --devsite-snackbar-link-color: #669df6;
       --devsite-snackbar-message-padding: 16px 24px
}

devsite-snackbar [type=cookie-notification],
devsite-snackbar [type^=notification-] {
       --devsite-snackbar-inner-flex-wrap: wrap;
       --devsite-snackbar-action-padding: 4px 8px 24px;
       --devsite-snackbar-message-flex: 0 0 100%;
       --devsite-snackbar-message-padding: 24px 24px 16px
}

@media screen and (max-width:840px) {
       devsite-snackbar {
              --devsite-snack-width: 100%;
              --devsite-snackbar-inner-border-radius: 0
       }

       devsite-snackbar [type=cookie-notification],
       devsite-snackbar [type^=notification-] {
              --devsite-snackbar-message-padding: 24px
       }
}

devsite-tabs {
       --devsite-tabs-wrapper-x: 6px;
       --devsite-link-font: 500 14px/20px var(--devsite-headline-font-family);
       --devsite-link-padding: 0 18px;
       --devsite-link-text-transform: none;
       --devsite-dropdown-tab-padding-x: 18px;
       --devsite-dropdown-toggle-padding-x: 12px;
       --devsite-overflow-menu-border-radius: 4px;
       --devsite-overflow-menu-top: 44px;
       --devsite-overflow-tab-padding: 0 18px;
       --devsite-tab-marker-border-radius: 3px 3px 0 0;
       --devsite-tab-marker-height: 3px;
       --devsite-tab-marker-inset-x: 4px;
       --devsite-tab-marker-position-x: 22px;
       --devsite-upper-tab-font-weight: 500
}

html {
       -ms-touch-action: manipulation;
       touch-action: manipulation
}

body,
html {
       color: var(--devsite-primary-text-color);
       font: 400 16px/24px var(--devsite-primary-font-family);
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       height: 100%;
       margin: 0;
       -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
       -ms-text-size-adjust: 100%;
       text-size-adjust: 100%
}

body {
       background-color: var(--devsite-background-1)
}

.devsite-book-nav-bg:after,
body[layout=docs] {
       background-color: var(--devsite-body-background, var(--devsite-background-0))
}

body[sitemask--active] {
       overflow: hidden
}

p {
       margin: 16px 0;
       padding: 0
}

img,
video {
       border: 0;
       height: auto;
       max-width: 100%
}

table img {
       max-width: 272px
}

table :link,
table :visited {
       word-break: normal
}

.devsite-toast-content :link,
.devsite-toast-content :visited {
       color: #fff;
       text-decoration: underline
}

.devsite-toast-content a:focus {
       background: hsla(0, 0%, 100%, .3);
       border-radius: 2px;
       margin: -4px;
       padding: 4px;
       text-decoration: none
}

sup {
       line-height: 1
}

dd,
ol,
ul {
       margin: 0;
       padding-left: 40px
}

td>dl>dd,
td>ol,
td>ul {
       padding-left: 20px
}

ol {
       list-style: decimal outside
}

ol ol {
       list-style-type: lower-alpha
}

ol ol ol {
       list-style-type: lower-roman
}

ol.upper-alpha {
       list-style-type: upper-alpha
}

ul {
       list-style: disc outside
}

li,
li p {
       margin: 12px 0;
       padding: 0
}

dt {
       font: 700 16px/24px var(--devsite-primary-font-family)
}

dd,
dt {
       margin: 16px 0
}

blockquote {
       background: var(--devsite-blockquote-background, var(--devsite-background-3));
       border-left: var(--devsite-blockquote-border-left, 0);
       border-radius: var(--devsite-blockquote-border-radius, 0);
       margin: var(--devsite-blockquote-margin, 16px 0);
       padding: var(--devsite-blockquote-padding, 8px);
       quotes: none
}

hr {
       border: 0;
       border-top: var(--devsite-primary-border);
       height: 0;
       margin: var(--devsite-hr-margin, 16px 0);
       width: 100%
}

.devsite-page-title~.devsite-article-body>p:first-child {
       margin-top: 28px
}

.devsite-article-body>hr.full-width {
       margin: 16px -40px;
       width: calc(100% + 80px)
}

@media screen and (max-width:840px) {
       .devsite-article-body>hr.full-width {
              margin: 16px -24px;
              width: calc(100% + 48px)
       }
}

@media screen and (max-width:600px) {
       .devsite-article-body>hr.full-width {
              margin: 16px -16px;
              width: calc(100% + 32px)
       }
}

abbr,
acronym {
       border-bottom: 1px dotted var(--devsite-secondary-text-color);
       cursor: help
}

address,
cite,
dfn,
em {
       font-style: italic
}

strong {
       font-weight: 700
}

[visually-hidden] {
       opacity: 0 !important;
       pointer-events: none !important;
       visibility: hidden !important
}

.hidden,
[hidden] {
       display: none !important
}

[render-hidden] {
       display: inline !important;
       position: absolute !important;
       visibility: hidden !important
}

#app-progress {
       left: 0;
       position: fixed;
       right: 0;
       top: 0;
       z-index: 1011
}

#app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-1,
#app-progress .devsite-progress--indeterminate .devsite-progress--indeterminate-3 {
       background-color: var(--devsite-progress-background-color, var(--devsite-primary-color, var(--devsite-secondary-text-color)))
}

.devsite-article .material-icons {
       vertical-align: bottom
}

.devsite-article-body .material-icons:not(:link):not(button),
[template=landing] .devsite-article .material-icons:not(:link):not(button) {
       cursor: default;
       pointer-events: none
}

.footnotes ol {
       padding-left: 16px
}

.footnotes li {
       font: 400 13px/20px var(--devsite-primary-font-family)
}

#qv-wrapper,
#table-of-contents,
#tb-wrapper,
.inline-toc,
div.toc:not(.class):not(.group):not(.type):not(.interface),
h2#contents,
h2.toc,
h3#contents,
h3.toc,
ol.toc,
section.toc,
ul.toc {
       display: none
}

@media screen and (max-width:840px) {
       #app-progress {
              z-index: 1014
       }
}

:link,
:visited {
       color: var(--devsite-link-color);
       outline: 0;
       -webkit-text-decoration: var(--devsite-link-text-decoration, none);
       -moz-text-decoration: var(--devsite-link-text-decoration, none);
       text-decoration: var(--devsite-link-text-decoration, none);
       word-break: break-word
}

a:hover {
       -webkit-text-decoration: var(--devsite-link-text-decoration-hover);
       -moz-text-decoration: var(--devsite-link-text-decoration-hover);
       text-decoration: var(--devsite-link-text-decoration-hover)
}

a:focus {
       text-decoration: underline
}

a:focus img {
       -webkit-filter: brightness(75%);
       filter: brightness(75%)
}

.no-feedback devsite-feedback {
       display: none !important
}

.preserve-case {
       text-transform: none
}

a.external:after,
a[href*=man7\.org]:after,
a[href*=oracle\.com]:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       content: "open_in_new";
       font-size: 18px;
       margin-block: 0;
       margin-inline: 4px 0;
       vertical-align: text-bottom
}

[dir=rtl] a.external:after,
[dir=rtl] a[href*=man7\.org]:after,
[dir=rtl] a[href*=oracle\.com]:after {
       -webkit-transform: scaleX(-1);
       transform: scaleX(-1)
}

a.download:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       content: "file_download";
       display: inline-block;
       font-size: 18px;
       margin-block: 0;
       margin-inline: 0 4px;
       vertical-align: text-bottom
}

devsite-content {
       counter-reset: numbered-h2 numbered-h3
}

h2.numbered {
       line-height: 48px;
       margin-top: 60px;
       padding-bottom: 19px
}

h2.numbered~h3.numbered {
       line-height: 40px
}

h2.numbered:before,
h2.numbered~h3.numbered:before {
       background: var(--devsite-tertiary-text-color);
       color: var(--devsite-inverted-text-color);
       display: inline-block;
       margin-block: 0;
       text-align: center
}

h2.numbered:before {
       border-radius: 24px;
       content: counter(numbered-h2);
       counter-increment: numbered-h2;
       counter-set: numbered-h3 0;
       height: 48px;
       line-height: 48px;
       margin-inline: 0 20px;
       width: 48px
}

h2.numbered~h3.numbered:before {
       border-radius: 20px;
       content: counter(numbered-h2) "." counter(numbered-h3);
       counter-increment: numbered-h3;
       height: 40px;
       line-height: 40px;
       margin-inline: 0 16px;
       min-width: 40px;
       padding-inline: 4px
}

.compare-better,
.compare-no,
.compare-worse,
.compare-yes {
       font-weight: 700
}

.compare-better:before,
.compare-blank:before,
.compare-no:before,
.compare-worse:before,
.compare-yes:before {
       content: "";
       display: inline-block;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       word-wrap: normal;
       margin-block: -4px 0;
       margin-inline: 0 4px;
       text-transform: none;
       vertical-align: middle;
       width: 24px
}

.compare-better:before,
.compare-yes:before {
       color: var(--devsite-compare-yes-color)
}

.compare-no:before,
.compare-worse:before {
       color: var(--devsite-compare-no-color)
}

.compare-better:before {
       content: "thumb_up"
}

.compare-no:before {
       content: "not_interested"
}

.compare-worse:before {
       content: "thumb_down"
}

.compare-yes:before {
       content: "check"
}

.align-center {
       text-align: center
}

.align-right {
       text-align: right
}

.hanging-indent,
.members.function td:first-child {
       -webkit-padding-start: 25px;
       -moz-padding-start: 25px;
       padding-inline-start: 25px;
       text-indent: -17px
}

.bad-table {
       table-layout: fixed
}

.bad-table td,
.bad-table tr {
       word-wrap: break-word
}

.bad-table pre {
       word-wrap: normal
}

.screenshot {
       border: var(--devsite-secondary-border);
       padding: 3px
}

.columns td,
.columns th,
.columns tr {
       background: 0;
       border: 0;
       font: 16px/24px var(--devsite-primary-font-family);
       padding-block: 0
}

.columns tr {
       padding-inline: 0
}

.columns td,
.columns th {
       padding-inline: 0 20px
}

.columns th {
       color: var(--devsite-primary-text-color);
       font-weight: 500
}

.columns code,
.columns pre {
       background: var(--devsite-background-3)
}

.inline:not(.expandable) {
       display: inline
}

.inline-block {
       display: inline-block
}

.block {
       display: block
}

img.inline-icon {
       height: 1.2em;
       vertical-align: sub
}

.no-select {
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
}

.wrap-code {
       white-space: normal
}

.attempt-left,
.attempt-right,
aside.attempt-left,
aside.attempt-right {
       max-width: calc((100% - 40px)/2)
}

.attempt-left,
.video-wrapper-left,
aside.attempt-left {
       margin-block: 0 40px;
       margin-inline: 0 40px
}

[dir=ltr] .attempt-left,
[dir=ltr] .video-wrapper-left,
[dir=ltr] aside.attempt-left {
       float: left
}

[dir=rtl] .attempt-left,
[dir=rtl] .video-wrapper-left,
[dir=rtl] aside.attempt-left {
       float: right
}

.attempt-right,
.video-wrapper,
aside.attempt-right {
       margin-block: 0 40px;
       margin-inline: 40px 0
}

[dir=ltr] .attempt-right,
[dir=ltr] .video-wrapper,
[dir=ltr] aside.attempt-right {
       float: right
}

[dir=rtl] .attempt-right,
[dir=rtl] .video-wrapper,
[dir=rtl] aside.attempt-right {
       float: left
}

.attempt-left+.attempt-right,
.attempt-left+.video-wrapper,
.video-wrapper-left+.attempt-right,
.video-wrapper-left+.video-wrapper {
       margin-inline: 0
}

.video-wrapper,
.video-wrapper-full-width {
       overflow: hidden;
       position: relative
}

.video-wrapper,
.video-wrapper-left {
       width: calc((100% - 40px)/2)
}

.video-wrapper-full-width {
       margin: 16px 0;
       width: 100%
}

.video-wrapper-full-width embed,
.video-wrapper-full-width iframe,
.video-wrapper-full-width object,
.video-wrapper-left embed,
.video-wrapper-left iframe,
.video-wrapper-left object,
.video-wrapper embed,
.video-wrapper iframe,
.video-wrapper object {
       height: 101%;
       left: -.5%;
       position: absolute;
       top: -.5%;
       width: 101%
}

@media screen and (max-width:840px) {

       .attempt-left,
       .attempt-right,
       aside.attempt-left,
       aside.attempt-right {
              display: block;
              max-width: 100%
       }

       .attempt-left,
       .attempt-right,
       .video-wrapper,
       .video-wrapper-left,
       aside.attempt-left,
       aside.attempt-right {
              float: none;
              margin: 16px 0;
              width: 100%
       }
}

body[pending] #gc-wrapper {
       margin-top: 0 !important
}

body[ready] #gc-wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0;
       flex: 1 0;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-wrapper {
       min-height: 100vh
}

body[ready] .devsite-wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       min-height: 100%;
       overflow: hidden
}

.full-bleed {
       margin: 0;
       padding: 0
}

.devsite-book-nav-bg,
devsite-book-nav {
       width: 269px
}

body[pending] devsite-book-nav {
       position: absolute
}

@media screen and (max-width:840px) {
       body[devsite-book-nav--open] {
              overflow: hidden
       }

       body[devsite-book-nav--open] devsite-book-nav[fixed] {
              -webkit-transform: translateX(0) !important;
              transform: translateX(0) !important
       }
}

.devsite-sidebar {
       grid-column: 3;
       grid-row: 1;
       min-width: 0;
       width: auto
}

[has-sidebar] .devsite-sidebar {
       margin: 24px 0 0;
       -webkit-margin-end: 24px;
       -moz-margin-end: 24px;
       margin-inline-end: 24px;
       -webkit-margin-start: -8px;
       -moz-margin-start: -8px;
       margin-inline-start: -8px
}

.devsite-sidebar[fixed] .devsite-sidebar-content {
       background-color: var(--devsite-body-background, var(--devsite-background-0));
       contain: content;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-height: var(--devsite-js-sidebar-max-height);
       max-width: var(--devsite-js-sidebar-max-width);
       -webkit-padding-start: 8px;
       -moz-padding-start: 8px;
       padding-inline-start: 8px;
       position: fixed;
       -webkit-transform: translate3d(0, var(--devsite-js-sidebar-offset), 0);
       transform: translate3d(0, var(--devsite-js-sidebar-offset), 0)
}

.devsite-sidebar devsite-toc.devsite-toc,
.devsite-sidebar devsite-toc>.devsite-nav-list {
       width: auto
}

devsite-recommendations-sidebar.recommendations-rendered {
       margin-top: 20px
}

body devsite-toc>.devsite-nav-list {
       width: auto
}

.devsite-main-content {
       margin: 0 auto;
       max-width: var(--devsite-main-content-max-width);
       padding: var(--devsite-main-content-padding);
       position: relative;
       width: 100%
}

#contain-402 {
       z-index: 1004 !important
}

body[pending] .devsite-main-content {
       min-height: calc(100vh - 456px)
}

body[ready] .devsite-main-content {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       min-height: auto
}

body[layout=docs] .devsite-main-content {
       display: grid;
       grid-gap: 24px;
       grid-template-columns: 1fr minmax(752px, 936px) 1fr;
       grid-template-rows: 1fr
}

body[layout=docs] .devsite-main-content[has-sidebar] {
       grid-template-columns: 1fr minmax(752px, 936px) minmax(160px, 1fr)
}

body[layout=docs] .devsite-main-content[has-book-nav] {
       grid-template-columns: minmax(269px, 1fr) minmax(752px, 936px) 1fr
}

body[layout=docs] .devsite-main-content[has-book-nav][has-sidebar] {
       grid-template-columns: minmax(269px, 1fr) minmax(752px, 936px) minmax(160px, 1fr)
}

.devsite-main-content[has-book-nav]~.devsite-footer,
.devsite-main-content[has-book-nav]~devsite-footer-promos,
.devsite-main-content[has-book-nav]~devsite-footer-utility {
       margin-block: 0;
       margin-inline: 269px 0
}

@media screen and (max-width:1253px) {
       body[layout=docs] .devsite-main-content[has-sidebar] {
              grid-template-columns: 1fr minmax(752px, 936px) 1fr
       }

       body[layout=docs] .devsite-main-content[has-book-nav],
       body[layout=docs] .devsite-main-content[has-book-nav][has-sidebar] {
              grid-template-columns: 269px 1fr 0
       }

       .devsite-sidebar {
              display: none
       }
}

@media screen and (max-width:840px) {
       body[layout=docs] .devsite-main-content {
              display: block;
              min-width: 100%
       }

       devsite-content-footer {
              padding: 0 24px
       }

       .devsite-main-content[has-book-nav]~.devsite-footer,
       .devsite-main-content[has-book-nav]~devsite-footer-promos,
       .devsite-main-content[has-book-nav]~devsite-footer-utility {
              margin-inline: 0
       }
}

@media screen and (max-width:600px) {
       devsite-content-footer {
              padding: 0 16px
       }
}

.devsite-icon:before,
::part(material-icon) {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal
}

.devsite-icon-arrow-drop-down:before {
       content: "arrow_drop_down"
}

.devsite-icon-close:before {
       content: "close"
}

.devsite-icon-code:before {
       content: "code"
}

.devsite-icon-code-dark:before,
.devsite-icon-code-light:before {
       content: "brightness_medium"
}

.devsite-icon-copy:before {
       content: "content_copy"
}

.devsite-icon-edit:before {
       content: "edit"
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) {
       border-radius: var(--devsite-notice-border-radius, 0);
       display: block;
       font-size: 14px;
       margin: var(--devsite-notice-margin);
       padding-block: var(--devsite-notice-padding-block);
       padding-inline: var(--devsite-notice-padding-inline)
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning):before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       margin-block: 0;
       margin-inline: -36px 0
}

[dir=ltr] :is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning):before {
       float: left
}

[dir=rtl] :is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning):before {
       float: right
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) :is(:link, :visited) {
       text-decoration: underline
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) :is(a:hover, a:focus) {
       background: hsla(0, 0%, 100%, .7);
       border-radius: 2px;
       margin: -4px;
       padding: 4px;
       text-decoration: none
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) pre {
       background: hsla(0, 0%, 100%, .75)
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) code {
       border: 0;
       font-weight: 700;
       padding: 0
}

aside var {
       background: inherit;
       font-weight: 700;
       padding: 0
}

:is(aside, .beta, .note, .preview, .special, .tip),
:is(aside, .beta, .note, .preview, .special, .tip) :is(:link, :visited) code,
:is(aside, .beta, .note, .preview, .special, .tip) :is(code, :link, :visited) {
       background: var(--devsite-note-notice-background);
       color: var(--devsite-note-notice-color)
}

:is(aside, .note, .special, .tip):before {
       content: "star"
}

.beta:before,
.preview:before {
       content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M20.21,17.64l-6.15-8.22V5.57h2.57V3H6.35v2.57h2.57v3.86l-6.3,8.4c-0.44,0.6-0.5,1.41-0.15,2.08C2.8,20.58,3.49,21,4.24,21h14.5c1.11,0,2.01-0.9,2.01-2.01C20.75,18.48,20.53,18,20.21,17.64z' fill='%2301579b'/></svg>")
}

.caution,
.caution :is(:link, :visited) code,
.caution :is(code, :link, :visited) {
       background: var(--devsite-caution-notice-background);
       color: var(--devsite-caution-notice-color)
}

.caution:before {
       content: "error"
}

.deprecated,
.deprecated :is(:link, :visited) code,
.deprecated :is(code, :link, :visited) {
       background: var(--devsite-status-notice-background);
       color: var(--devsite-status-notice-color)
}

.deprecated:before {
       content: "not_interested"
}

.dogfood,
.dogfood :is(:link, :visited) code,
.dogfood :is(code, :link, :visited) {
       background: var(--devsite-status-notice-background);
       color: var(--devsite-status-notice-color)
}

.dogfood:before {
       content: "pets"
}

.key-point,
.key-point :is(:link, :visited) code,
.key-point :is(code, :link, :visited) {
       background: var(--devsite-key-point-notice-background);
       color: var(--devsite-key-point-notice-color)
}

.key-point:before {
       content: "lightbulb_outline"
}

.key-term,
.key-term :is(:link, :visited) code,
.key-term :is(code, :link, :visited) {
       background: var(--devsite-key-term-notice-background);
       color: var(--devsite-key-term-notice-color)
}

.key-term:before {
       content: "font_download"
}

:is(.objective, .success),
:is(.objective, .success) :is(:link, :visited) code,
:is(.objective, .success) :is(code, :link, :visited) {
       background: var(--devsite-success-notice-background);
       color: var(--devsite-success-notice-color)
}

.objective:before {
       content: "school"
}

.success:before {
       content: "check_circle"
}

.warning,
.warning :is(:link, :visited) code,
.warning :is(code, :link, :visited) {
       background: var(--devsite-warning-notice-background);
       color: var(--devsite-warning-notice-color)
}

.warning:before {
       content: "warning"
}

:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) :is(:hover, :focus) code {
       background: transparent
}

.devsite-no-page-title>:is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning):first-child {
       clear: right
}

.devsite-banner {
       font: var(--devsite-banner-font, inherit);
       font-size: var(--devsite-banner-font-size, 14px);
       letter-spacing: var(--devsite-banner-letter-spacing, normal);
       margin: var(--devsite-banner-margin)
}

.devsite-banner :link,
.devsite-banner :visited {
       text-decoration: underline
}

.devsite-banner-message {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: var(--devsite-banner-message-justify-content, normal);
       -webkit-justify-content: var(--devsite-banner-message-justify-content, normal);
       -moz-box-pack: var(--devsite-banner-message-justify-content, normal);
       -ms-flex-pack: var(--devsite-banner-message-justify-content, normal);
       justify-content: var(--devsite-banner-message-justify-content, normal);
       margin: 0 auto;
       max-width: var(--devsite-banner-message-max-width, 1488px);
       padding: var(--devsite-banner-message-padding)
}

.devsite-banner-message-text {
       -webkit-margin-end: var(--devsite-banner-message-text-margin-x-end, auto);
       -moz-margin-end: var(--devsite-banner-message-text-margin-x-end, auto);
       margin-inline-end: var(--devsite-banner-message-text-margin-x-end, auto)
}

.devsite-banner[background] a:not(.button):focus,
.devsite-banner a:not(.button):focus {
       background: var(--devsite-inverted-text-rgba);
       border-radius: 2px;
       margin: -4px;
       padding: 4px;
       text-decoration: none
}

.devsite-banner[background=white] {
       border-bottom: var(--devsite-primary-border)
}

.devsite-banner-announcement,
.devsite-banner-announcement :link:not(.button),
.devsite-banner-announcement :visited:not(.button) {
       background: var(--devsite-banner-background, var(--devsite-note-notice-background))
}

[layout=docs] .devsite-banner:first-of-type {
       border-radius: var(--devsite-banner-border-radius, 0)
}

.devsite-banner-announcement[background] :link:not(.button),
.devsite-banner-announcement[background] :visited:not(.button) {
       background: 0
}

.devsite-banner-confidential {
       background: var(--devsite-caution-notice-background);
       color: var(--devsite-caution-notice-color)
}

.devsite-banner-confidential .devsite-banner-message:before {
       content: "warning";
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       -webkit-margin-end: 16px;
       -moz-margin-end: 16px;
       margin-inline-end: 16px
}

.devsite-banner-translated {
       background: var(--devsite-background-3);
       color: var(--devsite-secondary-text-rgba)
}

.devsite-banner-translated :link {
       text-decoration: none
}

.devsite-banner .button,
.devsite-banner button {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       margin: -6px 0;
       -webkit-margin-start: 16px;
       -moz-margin-start: 16px;
       margin-inline-start: 16px;
       text-decoration: none
}

.devsite-banner .material-icons {
       margin: -2px 0;
       vertical-align: middle
}

.devsite-banner-translated-image {
       margin: 4px 0 -4px;
       -webkit-margin-end: 24px;
       -moz-margin-end: 24px;
       margin-inline-end: 24px;
       width: 122px
}

.devsite-banner-heading {
       font-weight: 700
}

@media screen and (max-width:1253px) {
       .devsite-banner-translated .devsite-banner-translated-text {
              display: block
       }
}

@media screen and (max-width:840px) {
       [layout=docs] .devsite-banner-announcement {
              border-radius: 0
       }
}

@media screen and (max-width:600px) {
       [layout][template] .devsite-banner-message {
              display: block
       }

       .devsite-banner .button,
       .devsite-banner button {
              margin: 12px 0 0;
              -webkit-margin-start: 0;
              -moz-margin-start: 0;
              margin-inline-start: 0
       }
}

[items-across=\31] {
       --devsite-columns: 1
}

[items-across=\32] {
       --devsite-columns: 2
}

[items-across=\33] {
       --devsite-columns: 3
}

[items-across=\34] {
       --devsite-columns: 4
}

.devsite-card-group {
       display: grid;
       gap: var(--devsite-item-gap, 24px);
       grid: auto-flow/repeat(var(--devsite-columns, 3), 1fr)
}

.devsite-card-wrapper {
       min-width: 0
}

.devsite-card-wrapper[hidden] {
       display: none
}

.devsite-card h3 {
       font: var(--devsite-h2-font);
       letter-spacing: var(--devsite-h2-letter-spacing);
       margin: 0 0 10px
}

.devsite-card {
       background: var(--devsite-card-background);
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       box-shadow: var(--devsite-card-box-shadow);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: 100%;
       overflow: hidden;
       position: relative;
       -webkit-transition: var(--devsite-card-transition, 0);
       transition: var(--devsite-card-transition, 0)
}

.devsite-card-image {
       height: 100%;
       object-fit: var(--devsite-card-image-object-fit, cover);
       position: absolute;
       width: 100%
}

.devsite-card-image-container {
       background-image: url(../images/dynamic-content-card-default.png);
       background-position: 50%;
       background-repeat: no-repeat;
       background-size: cover;
       padding: 0 0 56.25%
}

.devsite-card-image-no-background {
       background-image: none !important;
       overflow: hidden;
       position: relative
}

.devsite-card-content-wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0;
       flex: 1 0;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-card-buttons,
.devsite-card-content,
.devsite-card-skill {
       padding: var(--devsite-card-content-padding, 16px)
}

.devsite-card-content {
       -webkit-box-flex: var(--devsite-card-content-flex, 1 0);
       -webkit-flex: var(--devsite-card-content-flex, 1 0);
       -moz-box-flex: var(--devsite-card-content-flex, 1 0);
       -ms-flex: var(--devsite-card-content-flex, 1 0);
       flex: var(--devsite-card-content-flex, 1 0);
       word-break: break-word
}

.devsite-card-category {
       background-color: var(--devsite-label-background-color, transparent);
       border-radius: var(--devsite-label-border-radius, 4px);
       color: var(--devsite-label-color, inherit);
       font: var(--devsite-label-font, 700 12px/22px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-label-letter-spacing, .3px);
       margin: var(--devsite-label-margin, 0 0 16px);
       padding: var(--devsite-label-padding, 0);
       text-transform: var(--devsite-label-text-transform, uppercase)
}

.devsite-card-summary {
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 4;
       color: var(--devsite-card-summary-color, inherit);
       display: -webkit-box;
       font: 400 16px/24px var(--devsite-primary-font-family);
       margin: var(--devsite-card-summary-margin, 16px 0 0);
       max-height: 96px;
       overflow: hidden
}

.devsite-card-attribution {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-top: var(--devsite-card-attribution-border, var(--devsite-primary-border));
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       color: var(--devsite-card-attribution-color, inherit);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-size: var(--devsite-card-attribution-font-size, 12px);
       font-weight: var(--devsite-card-attribution-font-weight, normal);
       gap: 0 16px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       line-height: var(--devsite-card-attribution-line-height, 16px);
       margin: var(--devsite-card-attribution-margin, 0);
       min-height: var(--devsite-card-attribution-min-height, 40px);
       padding: var(--devsite-card-attribution-padding, 16px);
       position: relative
}

.devsite-card-icon-container {
       color: var(--devsite-secondary-text-color);
       display: grid;
       height: 32px;
       place-content: center;
       width: 32px
}

.devsite-card-icon-container[background] {
       background-color: var(--devsite-background-color);
       border-radius: 50%;
       overflow: hidden
}

.devsite-card-attribution-text-container {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       text-align: end
}

.devsite-card-icon-image {
       height: 32px
}

.devsite-card-icon.material-icons {
       color: var(--devsite-foreground-color);
       font-size: 32px
}

.devsite-card-icon-container[background] .devsite-card-icon {
       font-size: 24px
}

.devsite-card-attribution-author,
.devsite-card-attribution-date,
.devsite-card-attribution-name,
.devsite-card-date,
.devsite-card-duration {
       margin: 0
}

.devsite-card-attribution-author+.devsite-card-attribution-date,
.devsite-card-attribution-name+.devsite-card-attribution-author {
       margin-top: 8px
}

.devsite-card-section {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 16px;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.devsite-card-attribution+.devsite-card-buttons,
.devsite-card-content+.devsite-card-buttons,
.devsite-card-content+.devsite-card-section .activity-card-icons,
.devsite-card-content+.devsite-card-section .devsite-card-buttons,
.devsite-card-content+.devsite-card-skill,
.devsite-card-skill+.devsite-card-attribution,
.devsite-card-skill+.devsite-card-buttons {
       padding-top: 0
}

.devsite-card-date,
.devsite-card-duration {
       color: var(--devsite-card-date-color, var(--devsite-secondary-text-color));
       font: var(--devsite-card-date-font, 400 12px/16px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-card-date-letter-spacing, .3px)
}

.devsite-card-icons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: 12px;
       padding: 12px
}

.devsite-card-icon {
       height: 32px;
       width: 32px
}

.devsite-card-api-references {
       list-style: none;
       padding: 0
}

.devsite-card-api-references {
       color: var(--devsite-card-api-references-color, var(--devsite-secondary-text-color));
       font-size: 14px;
       line-height: 18px;
       margin-top: 12px
}

.devsite-card-api-references-item {
       margin: 0;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap
}

.devsite-card-skill {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-card-skill-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: var(--devsite-card-skill-font, 14px/20px var(--devsite-primary-font-family));
       -webkit-box-pack: var(--devsite-card-skill-justify-content);
       -webkit-justify-content: var(--devsite-card-skill-justify-content);
       -moz-box-pack: var(--devsite-card-skill-justify-content);
       -ms-flex-pack: var(--devsite-card-skill-justify-content);
       justify-content: var(--devsite-card-skill-justify-content)
}

.devsite-card-skill-icon {
       height: 24px;
       margin: var(--devsite-card-skill-icon-margin, 0 4px 0 -6px);
       width: 24px
}

.devsite-card-skill-icon-filled {
       fill: currentColor
}

.devsite-card-skill-icon-unfilled {
       fill: var(--devsite-background-5)
}

.devsite-card-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse;
       margin: auto 0 0
}

[template=activity] .devsite-card h3 {
       margin-bottom: 4px
}

.devsite-card-list {
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       list-style: none;
       overflow: var(--devsite-card-list-overflow, visible);
       padding: 0
}

.devsite-card-list-item {
       border: var(--devsite-card-list-item-border, 0);
       border-radius: var(--devsite-card-list-item-border-radius, 2px);
       box-shadow: var(--devsite-card-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color));
       margin: var(--devsite-card-list-item-margin, 0 0 20px)
}

.devsite-card-list-item:not(:last-child) {
       border-bottom: var(--devsite-card-list-item-border, var(--devsite-card-border, 0))
}

.devsite-card-list-item:last-child {
       border-bottom: var(--devsite-card-list-item-border, 0);
       margin: 0
}

.devsite-card-list-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-card-list-link-color, var(--devsite-link-color));
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font: var(--devsite-card-list-link-font, var(--devsite-h2-font));
       letter-spacing: var(--devsite-h2-letter-spacing);
       padding: var(--devsite-card-list-link-padding, 16px 20px);
       -webkit-transition: background .2s, color .2s;
       transition: background .2s, color .2s;
       width: 100%
}

.devsite-card-list-link:focus,
.devsite-card-list-link:hover {
       background: var(--devsite-card-list-link-background-hover, var(--devsite-link-background-hover));
       color: var(--devsite-card-list-link-color-hover, var(--devsite-link-color));
       text-decoration: none
}

.devsite-card-list-link:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       content: "arrow_forward";
       margin-left: auto;
       opacity: 0;
       -webkit-transform: translateX(-20px);
       transform: translateX(-20px);
       -webkit-transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, transform .2s;
       transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.devsite-card-list-link:focus:after,
.devsite-card-list-link:hover:after {
       opacity: 1;
       -webkit-transform: translateX(0);
       transform: translateX(0)
}

@media screen and (max-width:840px) {

       .devsite-card-group,
       [items-across=\33],
       [items-across=\34] {
              --devsite-columns: 2
       }
}

@media screen and (max-width:600px) {
       .devsite-card-group {
              display: block
       }

       .devsite-card-wrapper:not(:first-of-type) {
              margin-top: 16px
       }

       .devsite-card-summary {
              font-size: 14px;
              line-height: 20px;
              max-height: 80px
       }
}

.pre-style,
code,
pre {
       background: var(--devsite-code-background);
       color: var(--devsite-code-color);
       direction: ltr !important;
       font: 400 100%/1 var(--devsite-code-font-family);
       padding: var(--devsite-inline-code-padding, 1px 4px);
       text-align: left !important
}

code {
       border: var(--devsite-inline-code-border, 0);
       border-radius: var(--devsite-inline-code-border-radius, 0);
       font: 500 90%/1 var(--devsite-code-font-family);
       word-break: break-word
}

.pre-style code,
pre code,
table code {
       font-weight: 400;
       word-break: normal
}

.pre-style,
pre {
       font: 14px/20px var(--devsite-code-font-family);
       margin: 16px 0;
       overflow-x: auto;
       padding: 24px;
       position: relative
}

.pre-style code,
pre code {
       background: 0;
       border: var(--devsite-inline-nested-code-border, 0);
       font-size: 14px;
       padding: 0
}

b code,
strong code {
       font-weight: 700
}

cite code,
em code,
i code {
       font-style: italic
}

pre.devsite-code-highlight>code>span,
pre.devsite-code-highlight>span {
       -webkit-filter: grayscale(1);
       filter: grayscale(1)
}

td>pre:only-child {
       padding: 0
}

td>devsite-code:only-child pre,
td>devsite-code pre.inline-code {
       padding: 0 64px 0 0
}

td>devsite-code:not([dark-code]):only-child pre,
td>devsite-code pre.inline-code {
       background: 0
}

td>devsite-code:only-child pre~.devsite-code-buttons-container,
td>devsite-code pre.inline-code~.devsite-code-buttons-container {
       top: -6px
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
       background: 0;
       color: var(--devsite-primary-text-color);
       padding: 0
}

h1 code {
       color: #80868b
}

:is(:link, :visited) code,
:is(pre, code) :is(:link, :visited),
td :is(:link, :visited) code,
td code :is(:link, :visited) {
       color: var(--devsite-contrast-link-color)
}

body[layout] .devsite-main-content var span,
var,
var code {
       color: var(--devsite-var-color);
       -moz-osx-font-smoothing: auto;
       -webkit-font-smoothing: auto;
       font-weight: 500
}

pre.clear-for-copy {
       all: initial;
       left: -100vw;
       position: absolute;
       top: -100vh;
       white-space: pre
}

pre.clear-for-copy * {
       all: unset;
       font-family: var(--devsite-code-font-family);
       white-space: pre
}

fieldset {
       border: 0;
       margin: 0;
       padding: 0
}

input[type=radio] {
       -webkit-appearance: none;
       background: var(--devsite-background-1);
       border-radius: 2px;
       cursor: pointer;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       height: 18px;
       margin-block: -2px 2px;
       margin-inline: 0 8px;
       outline: 0;
       position: relative;
       -webkit-transition: color .2s;
       transition: color .2s;
       vertical-align: middle;
       width: 18px
}

input[type=radio] {
       color: var(--devsite-secondary-text-color)
}

input[type=radio] {
       border-radius: 50%;
       -webkit-transition: none;
       transition: none
}

input[type=radio]:focus:before {
       background: var(--devsite-background-4)
}

input[type=radio]:checked {
       color: var(--devsite-link-color)
}

input[type=radio]:focus:before {
       background: var(--devsite-input-background-focus, var(--devsite-link-background))
}

input[type=radio]:after {
       content: "check_box_outline_blank";
       position: relative;
       top: -3px;
       z-index: 1
}

[dir=ltr] input[type=radio]:after {
       right: 3px
}

[dir=rtl] input[type=radio]:after {
       left: 3px
}

input[type=radio]:after {
       content: "radio_button_unchecked"
}

input[type=radio]:checked:after {
       content: "radio_button_checked"
}

input[type=radio]:before {
       border-radius: 50%;
       content: "";
       display: block;
       height: 36px;
       position: absolute;
       top: -9px;
       -webkit-transition: background .2s;
       transition: background .2s;
       width: 36px
}

[dir=ltr] input[type=radio]:before {
       left: -9px
}

[dir=rtl] input[type=radio]:before {
       right: -9px
}

input[type=radio]:disabled {
       color: var(--devsite-input-color-disabled, var(--devsite-tertiary-text-color));
       cursor: default
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select[multiple],
select[size],
textarea {
       background: var(--devsite-input-background);
       border: var(--devsite-input-border);
       border-radius: var(--devsite-input-border-radius, 2px);
       color: var(--devsite-input-color, var(--devsite-primary-text-color));
       font: var(--devsite-input-font, 16px/20px var(--devsite-primary-font-family));
       height: var(--devsite-input-height, auto);
       margin: var(--devsite-input-margin, 0);
       max-width: 100%;
       outline: 0;
       padding: var(--devsite-input-padding, 7px);
       -webkit-transition: border-color .2s;
       transition: border-color .2s;
       vertical-align: middle;
       width: var(--devsite-input-width, auto)
}

input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select[multiple]:focus,
select[size]:focus,
textarea:focus {
       border-bottom: var(--devsite-input-border-bottom-focus, 2px solid var(--devsite-link-color));
       padding-bottom: var(--devsite-input-padding-bottom-focus, 6px)
}

input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=datetime]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
select[multiple]:disabled,
select[size]:disabled,
textarea:disabled {
       background: var(--devsite-background-3)
}

body input[type=file] {
       height: auto;
       line-height: 1;
       padding: var(--devsite-input-file-padding, 8px 16px)
}

select {
       -moz-appearance: none;
       -webkit-appearance: none;
       background-color: var(--devsite-select-background-color);
       border: var(--devsite-select-border, var(--devsite-secondary-border));
       border-radius: var(--devsite-select-border-radius);
       box-shadow: none;
       color: var(--devsite-select-color, var(--devsite-primary-text-color));
       cursor: pointer;
       display: inline-block;
       font: var(--devsite-select-font, 500 14px/36px var(--devsite-primary-font-family));
       height: var(--devsite-select-height, 36px);
       line-height: var(--devsite-select-line-height, 34px);
       max-width: var(--devsite-select-max-width, 340px);
       min-width: 72px;
       outline: 0;
       overflow: hidden;
       padding: var(--devsite-select-padding, 0 27px 0 7px);
       text-align: left;
       text-indent: .01px;
       text-overflow: ellipsis;
       -webkit-transition: background-color .2s;
       transition: background-color .2s;
       vertical-align: middle;
       white-space: nowrap;
       background-image: var(--devsite-select-background-image);
       background-position: 100%;
       background-repeat: no-repeat
}

select:focus,
select:hover {
       background-color: var(--devsite-select-background-color-hover, var(--devsite-background-3));
       border: var(--devsite-select-border-hover, var(--devsite-select-border, var(--devsite-secondary-border)));
       color: var(--devsite-select-color-hover)
}

select:active {
       background-color: var(--devsite-select-background-color-active, var(--devsite-background-4));
       color: var(--devsite-select-color-active)
}

select:disabled {
       background-color: var(--devsite-background-3);
       border-color: transparent;
       color: var(--devsite-tertiary-text-color);
       cursor: default
}

select:disabled {
       background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="4" viewBox="0 0 20 4"><path d="M0,0l4,4l4-4H0z" fill="%23bdc1c6"/></svg>')
}

@media screen and (-ms-high-contrast:active) {
       select {
              background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="4" viewBox="0 0 20 4"><path d="M0,0l4,4l4-4H0z" fill="white"/></svg>')
       }
}

@media screen and (-ms-high-contrast:black-on-white) {
       select {
              background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="4" viewBox="0 0 20 4"><path d="M0,0l4,4l4-4H0z" fill="black"/></svg>')
       }
}

input[type=checkbox] {
       -webkit-appearance: none;
       background: var(--devsite-background-1);
       border-radius: var(--devsite-checkbox-border-radius);
       cursor: pointer;
       height: var(--devsite-checkbox-size);
       margin-block: var(--devsite-checkbox-margin-block);
       margin-inline: var(--devsite-checkbox-margin-inline);
       outline: 0;
       position: relative;
       -webkit-transition: color .2s;
       transition: color .2s;
       vertical-align: middle;
       width: var(--devsite-checkbox-size)
}

input[type=checkbox] {
       color: var(--devsite-secondary-text-color)
}

input[type=checkbox]:focus:before {
       background: var(--devsite-background-4)
}

input[type=checkbox]:checked,
input[type=checkbox]:indeterminate {
       color: var(--devsite-link-color)
}

input[type=checkbox]:checked:focus:before,
input[type=checkbox]:indeterminate:focus:before {
       background: var(--devsite-input-background-focus, var(--devsite-link-background))
}

input[type=checkbox]:after {
       content: "check_box_outline_blank";
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       position: relative;
       right: var(--devsite-checkbox-offset-x);
       top: var(--devsite-checkbox-offset-y);
       z-index: 1
}

:host-context([dir=rtl]) input[type=checkbox]:after,
[dir=rtl] input[type=checkbox]:after {
       left: var(--devsite-checkbox-offset-x);
       right: auto
}

input[type=checkbox]:checked:after {
       content: "check_box"
}

input[type=checkbox]:indeterminate:after {
       content: "indeterminate_check_box"
}

input[type=checkbox]:before {
       border-radius: var(--devsite-checkbox-icon-canvas-border-radius);
       content: "";
       display: block;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       height: var(--devsite-checkbox-icon-canvas-size);
       position: absolute;
       top: var(--devsite-checkbox-icon-canvas-offset-y);
       -webkit-transition: background .2s;
       transition: background .2s;
       width: var(--devsite-checkbox-icon-canvas-size)
}

:host-context([dir=ltr]) input[type=checkbox]:before,
[dir=ltr] input[type=checkbox]:before {
       left: var(--devsite-checkbox-icon-canvas-offset-x)
}

:host-context([dir=rtl]) input[type=checkbox]:before,
[dir=rtl] input[type=checkbox]:before {
       right: var(--devsite-checkbox-icon-canvas-offset-x)
}

input[type=checkbox]:disabled {
       color: var(--devsite-input-color-disabled, var(--devsite-tertiary-text-color));
       cursor: default
}

label {
       color: var(--devsite-secondary-text-color);
       display: block;
       font-size: 12px
}

input+label {
       color: var(--devsite-primary-text-color);
       display: inline;
       font-size: 16px
}

label[for] {
       cursor: pointer
}

input:disabled+label {
       color: var(--devsite-input-color-disabled, var(--devsite-tertiary-text-color));
       cursor: default
}

devsite-book-nav .devsite-breadcrumb-list,
devsite-content .devsite-breadcrumb-list,
devsite-header .devsite-breadcrumb-list {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: var(--devsite-breadcrumb-list-display);
       padding: var(--devsite-breadcrumb-list-padding);
       white-space: nowrap
}

.devsite-search-project .devsite-breadcrumb-list,
devsite-book-nav .devsite-breadcrumb-list,
devsite-header .devsite-breadcrumb-list {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font-family: var(--devsite-font-family, var(--devsite-primary-font-family))
}

devsite-header .devsite-breadcrumb-list {
       letter-spacing: var(--devsite-header-lower-breadcrumb-letter-spacing, 0);
       text-transform: var(--devsite-header-lower-breadcrumb-text-transform, none)
}

devsite-content .devsite-breadcrumb-list {
       background: var(--devsite-breadcrumb-list-background, var(--devsite-background-1));
       display: var(--devsite-breadcrumb-list-display, inline-flex);
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       font-size: var(--devsite-breadcrumb-list-font-size, 13px);
       width: var(--devsite-breadcrumb-list-width)
}

devsite-book-nav .devsite-breadcrumb-item,
devsite-content .devsite-breadcrumb-item,
devsite-header .devsite-breadcrumb-item {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0;
       padding: var(--devsite-breadcrumb-padding)
}

devsite-book-nav .devsite-breadcrumb-guillemet,
devsite-book-nav .devsite-breadcrumb-link,
devsite-header .devsite-breadcrumb-guillemet,
devsite-header .devsite-breadcrumb-link {
       color: var(--devsite-secondary-text-rgba);
       fill: var(--devsite-secondary-text-rgba)
}

devsite-book-nav .devsite-breadcrumb-guillemet:focus,
devsite-book-nav .devsite-breadcrumb-guillemet:hover,
devsite-book-nav .devsite-breadcrumb-link:focus,
devsite-book-nav .devsite-breadcrumb-link:hover,
devsite-header .devsite-breadcrumb-guillemet:focus,
devsite-header .devsite-breadcrumb-guillemet:hover,
devsite-header .devsite-breadcrumb-link:focus,
devsite-header .devsite-breadcrumb-link:hover {
       color: var(--devsite-primary-text-rgba)
}

devsite-book-nav .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path,
devsite-book-nav .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path,
devsite-book-nav .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path,
devsite-book-nav .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path,
devsite-header .devsite-breadcrumb-guillemet:focus .devsite-google-wordmark-svg-path,
devsite-header .devsite-breadcrumb-guillemet:hover .devsite-google-wordmark-svg-path,
devsite-header .devsite-breadcrumb-link:focus .devsite-google-wordmark-svg-path,
devsite-header .devsite-breadcrumb-link:hover .devsite-google-wordmark-svg-path {
       fill: var(--devsite-primary-text-rgba)
}

devsite-book-nav .devsite-breadcrumb-guillemet,
devsite-header .devsite-breadcrumb-guillemet {
       font-size: 24px;
       margin: 0 4px;
       width: 24px
}

devsite-content .devsite-breadcrumb-guillemet {
       color: var(--devsite-secondary-text-color);
       font-size: 18px;
       margin: 0 4px;
       width: 18px
}

devsite-book-nav .devsite-breadcrumb-guillemet:before,
devsite-content .devsite-breadcrumb-guillemet:before,
devsite-header .devsite-breadcrumb-guillemet:before {
       content: "chevron_right"
}

[dir=rtl] devsite-book-nav .devsite-breadcrumb-guillemet:before,
[dir=rtl] devsite-content .devsite-breadcrumb-guillemet:before,
[dir=rtl] devsite-header .devsite-breadcrumb-guillemet:before {
       content: "chevron_left"
}

devsite-book-nav .devsite-breadcrumb-link,
devsite-content .devsite-breadcrumb-link,
devsite-header .devsite-breadcrumb-link {
       display: inline-block;
       -webkit-transition: color .2s;
       transition: color .2s
}

devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link,
devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet,
devsite-header .devsite-product-description-row .devsite-breadcrumb-link {
       color: var(--devsite-header-foreground-lower-hover, var(--devsite-inverted-text-color));
       fill: var(--devsite-header-foreground-lower-hover, var(--devsite-inverted-text-color))
}

devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:focus,
devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-link:hover,
devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:focus,
devsite-header .devsite-product-description-row .devsite-breadcrumb-guillemet:hover,
devsite-header .devsite-product-description-row .devsite-breadcrumb-link:focus,
devsite-header .devsite-product-description-row .devsite-breadcrumb-link:hover {
       color: var(--devsite-header-foreground-lower, var(--devsite-inverted-text-rgba));
       fill: var(--devsite-header-foreground-lower, var(--devsite-inverted-text-rgba))
}

devsite-book-nav .devsite-breadcrumb-link:focus,
devsite-book-nav .devsite-breadcrumb-link:hover,
devsite-header .devsite-breadcrumb-link:focus,
devsite-header .devsite-breadcrumb-link:hover {
       text-decoration: none
}

devsite-content .devsite-breadcrumb-link {
       color: var(--devsite-breadcrumb-link-color, var(--devsite-secondary-text-color))
}

devsite-content .devsite-breadcrumb-link:focus,
devsite-content .devsite-breadcrumb-link:hover {
       color: var(--devsite-breadcrumb-link-hover, var(--devsite-link-color));
       text-decoration: none
}

.devsite-nav {
       font-size: var(--devsite-nav-font-size, 13px)
}

.devsite-nav-list,
.devsite-nav-responsive-tabs,
.devsite-nav-section {
       list-style-type: none;
       padding: 0
}

.devsite-nav-item {
       line-height: var(--devsite-nav-item-line-height, 16px);
       margin: 0
}

.devsite-nav-title {
       color: var(--devsite-nav-title-color, var(--devsite-primary-text-color));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding: var(--devsite-nav-title-padding, 4px 0);
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
}

.devsite-nav-title[href]:focus,
.devsite-nav-title[href]:hover {
       color: var(--devsite-nav-color-hover, var(--devsite-link-color));
       text-decoration: none
}

.devsite-nav-heading>.devsite-nav-title {
       color: var(--devsite-nav-heading-color, var(--devsite-secondary-text-rgba));
       font-weight: 700
}

.devsite-nav-active {
       font-weight: var(--devsite-nav-font-weight-active, 500)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {
       .devsite-nav-active {
              font-weight: 700;
              text-decoration: underline
       }
}

.devsite-nav-active,
.devsite-nav-active.devsite-nav-title,
.devsite-nav-active.devsite-nav-title>.devsite-nav-icon:before,
.devsite-nav-deprecated .devsite-nav-active.devsite-nav-title {
       color: var(--devsite-nav-color-active, var(--devsite-link-color-active, var(--devsite-link-color)))
}

.devsite-nav-text {
       overflow: hidden;
       text-overflow: ellipsis
}

.devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-title-no-path:focus,
.devsite-nav-title-no-path:focus {
       color: var(--devsite-link-color)
}

.devsite-nav-icon {
       cursor: default;
       font-size: 18px;
       margin: -1px 0 -1px 4px
}

[dir=rtl] .devsite-nav-icon {
       margin: -1px 4px -1px 0
}

.devsite-nav-icon:before {
       color: var(--devsite-secondary-text-color);
       content: "info"
}

.devsite-nav-icon[data-icon=alpha]:before,
.devsite-nav-icon[data-icon=beta]:before,
.devsite-nav-icon[data-icon=experimental]:before,
.devsite-nav-icon[data-icon=preview]:before {
       content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'><path d='M15.78,13.39L11,7V4h2V2H5v2h2v3l-4.9,6.53c-0.34,0.47-0.39,1.1-0.12,1.62C2.24,15.67,2.77,16,3.36,16h11.28 c0.86,0,1.56-0.7,1.56-1.56C16.2,14.04,16.03,13.67,15.78,13.39z' fill='%2380868b'/></svg>")
}

.devsite-nav-deprecated.devsite-nav-accordion .devsite-nav-title,
.devsite-nav-deprecated .devsite-nav-title,
.devsite-nav-icon[data-icon=deprecated]:before,
.devsite-nav-icon[data-icon=unsupported]:before {
       color: var(--devsite-secondary-text-color)
}

.devsite-nav-icon[data-icon=deprecated]:before,
.devsite-nav-icon[data-icon=unsupported]:before {
       content: "not_interested"
}

.devsite-nav-icon[data-icon=external]:before {
       content: "open_in_new"
}

[dir=rtl] .devsite-nav-icon[data-icon=external]:before {
       display: inline-block;
       -webkit-transform: scaleX(-1);
       transform: scaleX(-1)
}

.devsite-nav-icon[data-icon=forward]:before {
       content: "arrow_forward";
       cursor: pointer
}

[dir=rtl] .devsite-nav-icon[data-icon=forward]:before {
       content: "arrow_back"
}

.devsite-nav-icon[data-icon=limited]:before {
       content: "verified_user"
}

.devsite-nav-icon[data-icon=new]:before {
       content: "new_releases"
}

.devsite-nav-icon[data-icon=nightly]:before {
       content: "nights_stay"
}

.button,
.devsite-footer-utility-button>a,
button,
input[type=button],
input[type=file],
input[type=image],
input[type=reset],
input[type=submit] {
       -moz-appearance: none;
       -webkit-appearance: none;
       background: var(--devsite-button-background, var(--devsite-background-1));
       border: var(--devsite-button-border, 0);
       border-radius: var(--devsite-button-border-radius, 2px);
       box-shadow: var(--devsite-button-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color));
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       color: var(--devsite-button-color);
       cursor: pointer;
       display: inline-block;
       font: var(--devsite-button-font, 500 14px/36px var(--devsite-primary-font-family));
       height: var(--devsite-button-height, 36px);
       letter-spacing: var(--devsite-button-letter-spacing, 0);
       line-height: var(--devsite-button-line-height, 36px);
       margin: var(--devsite-button-margin, 0);
       -webkit-margin-end: var(--devsite-button-margin-x-end);
       -moz-margin-end: var(--devsite-button-margin-x-end);
       margin-inline-end: var(--devsite-button-margin-x-end);
       max-width: var(--devsite-button-max-width, none);
       min-width: 36px;
       outline: 0;
       overflow: hidden;
       padding: var(--devsite-button-padding, 0 16px);
       text-align: center;
       text-decoration: none;
       text-overflow: ellipsis;
       text-transform: var(--devsite-button-text-transform, uppercase);
       -webkit-transition: background-color .2s, border .2s, box-shadow .2s;
       transition: background-color .2s, border .2s, box-shadow .2s;
       vertical-align: middle;
       white-space: nowrap;
       width: var(--devsite-button-width, auto)
}

.button:focus,
.button:hover,
.devsite-footer-utility-button>a:focus,
.devsite-footer-utility-button>a:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=file]:focus,
input[type=file]:hover,
input[type=image]:focus,
input[type=image]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
       background: var(--devsite-button-background-hover);
       border: var(--devsite-button-border-hover, 0);
       color: var(--devsite-button-color-hover, var(--devsite-button-color));
       font-weight: 500;
       -webkit-text-decoration: var(--devsite-button-text-decoration-hover, none);
       -moz-text-decoration: var(--devsite-button-text-decoration-hover, none);
       text-decoration: var(--devsite-button-text-decoration-hover, none)
}

.button:focus,
.devsite-footer-utility-button>a:focus,
button:focus,
input[type=button]:focus,
input[type=file]:focus,
input[type=image]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
       box-shadow: var(--devsite-button-box-shadow-focus, none)
}

.button:active,
.devsite-footer-utility-button>a:active,
button:active,
input[type=button]:active,
input[type=file]:active,
input[type=image]:active,
input[type=reset]:active,
input[type=submit]:active {
       background: var(--devsite-button-background-active);
       border: var(--devsite-button-border-active, 0);
       box-shadow: var(--devsite-button-box-shadow-active, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color));
       -webkit-transform: var(--devsite-button-transform-active, none);
       transform: var(--devsite-button-transform-active, none)
}

[foreground] .button,
[foreground][background] .button {
       border-color: var(--devsite-foreground-button-border-color, transparent)
}

[foreground] .button,
[foreground] .button:active,
[foreground] .button:focus,
[foreground] .button:hover,
[foreground][background] .button,
[foreground][background] .button:active,
[foreground][background] .button:focus,
[foreground][background] .button:hover {
       color: var(--devsite-foreground-button-color, var(--devsite-foreground-color, var(--devsite-primary-color, var(--devsite-button-color))))
}

[foreground] .button:active,
[foreground] .button:focus,
[foreground] .button:hover,
[foreground][background] .button:active,
[foreground][background] .button:focus,
[foreground][background] .button:hover {
       background: var(--devsite-foreground-button-background-hover);
       border-color: var(--devsite-foreground-button-border-color-hover, transparent);
       color: var(--devsite-foreground-button-color-hover, var(--devsite-foreground-color, var(--devsite-primary-color, var(--devsite-button-color))))
}

[foreground] .button:active,
[foreground][background] .button:active {
       background: var(--devsite-foreground-button-background-active, var(--devsite-foreground-button-background-hover));
       border-color: var(--devsite-foreground-button-border-color-active, transparent)
}

[background]:not(.devsite-landing-row-cards) .button {
       background: var(--devsite-background-button-background, var(--devsite-background-1));
       border-color: var(--devsite-background-button-border-color, transparent);
       color: var(--devsite-foreground-button-color, var(--devsite-background-button-color, var(--devsite-button-color)))
}

[background]:not(.devsite-landing-row-cards) .button:active,
[background]:not(.devsite-landing-row-cards) .button:focus,
[background]:not(.devsite-landing-row-cards) .button:hover {
       background: var(--devsite-background-button-background-hover, var(--devsite-button-background-hover));
       border-color: var(--devsite-background-button-border-color-hover, transparent);
       color: var(--devsite-foreground-button-color-hover, var(--devsite-foreground-button-color, var(--devsite-background-button-color-hover, var(--devsite-button-color))))
}

[background]:not(.devsite-landing-row-cards) .button:active {
       border-color: var(--devsite-background-button-border-color-active, transparent)
}

.button.button-disabled,
.button.button-disabled:active,
.button.button-disabled:focus,
.button.button-disabled:hover,
[background] .button.button-disabled,
[background] .button.button-disabled:active,
[background] .button.button-disabled:focus,
[background] .button.button-disabled:hover,
[foreground] .button.button-disabled,
[foreground] .button.button-disabled:active,
[foreground] .button.button-disabled:focus,
[foreground] .button.button-disabled:hover,
body[theme] [background] .button.button-disabled,
body[theme] [background] .button.button-disabled:active,
body[theme] [background] .button.button-disabled:focus,
body[theme] [background] .button.button-disabled:hover,
body[theme] [foreground] .button.button-disabled,
body[theme] [foreground] .button.button-disabled:active,
body[theme] [foreground] .button.button-disabled:focus,
body[theme] [foreground] .button.button-disabled:hover,
button[disabled],
button[disabled]:active,
button[disabled]:focus,
button[disabled]:hover,
input[type=button][disabled],
input[type=button][disabled]:active,
input[type=button][disabled]:focus,
input[type=button][disabled]:hover,
input[type=file][disabled],
input[type=file][disabled]:active,
input[type=file][disabled]:focus,
input[type=file][disabled]:hover,
input[type=image][disabled],
input[type=image][disabled]:active,
input[type=image][disabled]:focus,
input[type=image][disabled]:hover,
input[type=reset][disabled],
input[type=reset][disabled]:active,
input[type=reset][disabled]:focus,
input[type=reset][disabled]:hover,
input[type=submit][disabled],
input[type=submit][disabled]:active,
input[type=submit][disabled]:focus,
input[type=submit][disabled]:hover {
       background: var(--devsite-button-disabled-background, #ddd);
       border: var(--devsite-button-disabled-border, 0);
       box-shadow: none;
       color: var(--devsite-button-disabled-color, var(--devsite-tertiary-text-rgba));
       cursor: default;
       line-height: var(--devsite-button-disabled-line-height, 36px);
       pointer-events: none
}

.button-blue,
.button-green,
.button-primary,
.button-red,
body devsite-footer-utility .devsite-footer-utility-button>a {
       background: var(--devsite-button-primary-background, var(--devsite-button-color));
       color: var(--devsite-button-primary-color, var(--devsite-inverted-text-color));
       line-height: var(--devsite-button-primary-line-height, 36px)
}

.button-blue,
.button-blue:active,
.button-blue:focus,
.button-blue:hover,
.button-green,
.button-green:active,
.button-green:focus,
.button-green:hover,
.button-primary,
.button-primary:active,
.button-primary:focus,
.button-primary:hover,
.button-red,
.button-red:active,
.button-red:focus,
.button-red:hover,
body devsite-footer-utility .devsite-footer-utility-button>a,
body devsite-footer-utility .devsite-footer-utility-button>a:active,
body devsite-footer-utility .devsite-footer-utility-button>a:focus,
body devsite-footer-utility .devsite-footer-utility-button>a:hover {
       border: 0
}

.button-blue:hover,
.button-green:hover,
.button-primary:hover,
.button-red:hover,
body devsite-footer-utility .devsite-footer-utility-button>a:hover {
       box-shadow: var(--devsite-button-primary-box-shadow-hover, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color))
}

.button-blue:focus,
.button-blue:hover,
.button-green:focus,
.button-green:hover,
.button-primary:focus,
.button-primary:hover,
.button-red:focus,
.button-red:hover,
body devsite-footer-utility .devsite-footer-utility-button>a:focus,
body devsite-footer-utility .devsite-footer-utility-button>a:hover {
       background: var(--devsite-button-primary-background-hover);
       border: var(--devsite-button-primary-border-hover);
       color: var(--devsite-button-primary-color-hover, var(--devsite-inverted-text-color))
}

.button-blue:active,
.button-green:active,
.button-primary:active,
.button-red:active,
body devsite-footer-utility .devsite-footer-utility-button>a:active {
       background: var(--devsite-button-primary-background-active);
       box-shadow: var(--devsite-button-primary-box-shadow-active, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color));
       color: var(--devsite-button-primary-color-active, var(--devsite-inverted-text-color))
}

[background]:not(.devsite-landing-row-cards) .button-primary {
       background: var(--devsite-background-button-primary-background, var(--devsite-background-1));
       color: var(--devsite-background-button-primary-color, var(--devsite-button-color))
}

[background]:not(.devsite-landing-row-cards) .button-primary:active,
[background]:not(.devsite-landing-row-cards) .button-primary:focus,
[background]:not(.devsite-landing-row-cards) .button-primary:hover {
       color: var(--devsite-background-button-primary-color-hover, var(--devsite-background-button-primary-color, var(--devsite-button-color)))
}

[background]:not(.devsite-landing-row-cards) .button-primary:focus,
[background]:not(.devsite-landing-row-cards) .button-primary:hover {
       background: var(--devsite-background-button-primary-background-hover)
}

[background]:not(.devsite-landing-row-cards) .button-primary:active {
       background: var(--devsite-background-button-primary-background-hover)
}

[foreground] .button-primary,
[foreground][background] .button-primary {
       background: var(--devsite-foreground-button-primary-background);
       color: var(--devsite-foreground-button-primary-color, var(--devsite-inverted-text-color))
}

[foreground] .button-primary:active,
[foreground] .button-primary:focus,
[foreground] .button-primary:hover,
[foreground][background] .button-primary:active,
[foreground][background] .button-primary:focus,
[foreground][background] .button-primary:hover {
       background: var(--devsite-foreground-button-primary-background-hover);
       color: var(--devsite-foreground-button-primary-color-hover, var(--devsite-foreground-button-primary-color, var(--devsite-inverted-text-color)))
}

.button-white {
       background: 0;
       line-height: var(--devsite-button-white-line-height, 36px);
       padding: 0 8px
}

.button-white,
.button-white:active,
.button-white:focus,
.button-white:hover {
       border: 0;
       color: var(--devsite-button-white-color, var(--devsite-button-color))
}

.button-white,
.button-white:hover {
       box-shadow: var(--devsite-button-white-box-shadow-hover, none)
}

.button-white:active,
.button-white:focus,
.button-white:hover {
       -webkit-text-decoration: var(--devsite-button-white-text-decoration-hover, none);
       -moz-text-decoration: var(--devsite-button-white-text-decoration-hover, none);
       text-decoration: var(--devsite-button-white-text-decoration-hover, none)
}

.button-white:focus,
.button-white:hover {
       background: var(--devsite-button-white-background-hover, var(--devsite-button-background-hover))
}

.button-white:focus {
       box-shadow: var(--devsite-button-white-box-shadow-focus, none)
}

.button-white:active {
       background: var(--devsite-button-white-background-active, var(--devsite-button-background-active));
       box-shadow: var(--devsite-button-white-box-shadow-active, none)
}

[background]:not(.devsite-landing-row-cards) .button-white {
       background: transparent
}

[background]:not(.devsite-landing-row-cards) .button-white,
[background]:not(.devsite-landing-row-cards) .button-white:active,
[background]:not(.devsite-landing-row-cards) .button-white:focus,
[background]:not(.devsite-landing-row-cards) .button-white:hover {
       color: var(--devsite-background-button-white-color, var(--devsite-inverted-text-color))
}

[background]:not(.devsite-landing-row-cards) .button-white:hover {
       background: var(--devsite-background-button-white-background-hover)
}

[background]:not(.devsite-landing-row-cards) .button-white:focus {
       background: var(--devsite-background-button-white-background-focus)
}

[background][foreground] .button-white,
[background][foreground] .button-white:active,
[background][foreground] .button-white:focus,
[background][foreground] .button-white:hover,
[foreground] .button-white,
[foreground] .button-white:active,
[foreground] .button-white:focus,
[foreground] .button-white:hover {
       color: var(--devsite-foreground-button-white-color, var(--devsite-foreground-button-color, var(--devsite-foreground-color)))
}

[background][foreground] .button-white:focus,
[background][foreground] .button-white:hover,
[foreground] .button-white:focus,
[foreground] .button-white:hover {
       background: var(--devsite-foreground-button-white-background-hover, var(--devsite-foreground-button-background-hover))
}

[background][foreground] .button-white:active,
[foreground] .button-white:active {
       background: var(--devsite-foreground-button-white-background-active, var(--devsite-foreground-button-background-active, var(--devsite-foreground-button-background-hover)))
}

[background=theme]:not(.devsite-landing-row-cards) .button-white {
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

.button-white.button-disabled,
.button-white[disabled] {
       background: 0
}

.button-raised {
       background: var(--devsite-button-raised-background, var(--devsite-background-1));
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       line-height: var(--devsite-button-raised-line-height, 36px)
}

.button-raised,
.button-raised:active,
.button-raised:focus,
.button-raised:hover {
       border: 0;
       color: var(--devsite-button-raised-color, var(--devsite-button-color))
}

.button-raised:focus,
.button-raised:hover {
       background: var(--devsite-button-raised-background-hover, var(--devsite-button-background-hover));
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)
}

.button-raised:active {
       background: var(--devsite-button-raised-background-active, var(--devsite-button-background-active));
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color)
}

[background]:not(.devsite-landing-row-cards) .button-raised {
       background: var(--devsite-background-1)
}

.button+.button,
button+button,
input[type=button]+input[type=button],
input[type=file]+input[type=file],
input[type=image]+input[type=image],
input[type=reset]+input[type=reset],
input[type=submit]+input[type=submit] {
       -webkit-margin-start: var(--devsite-button-sibling-gap-x, 16px);
       -moz-margin-start: var(--devsite-button-sibling-gap-x, 16px);
       margin-inline-start: var(--devsite-button-sibling-gap-x, 16px)
}

.button-flat+.button-flat,
.button-white+.button-white,
button+.button {
       margin-left: 8px
}

[dir=rtl] .button-flat+.button-flat,
[dir=rtl] .button-white+.button-white,
[dir=rtl] button+.button {
       margin-left: 0;
       margin-right: 8px
}

.button-flat {
       padding: 0 8px
}

.button-flat,
.button-flat:active,
.button-flat:focus,
.button-flat:hover {
       background: 0;
       border: 0;
       box-shadow: none
}

.button-flat:disabled {
       background-color: transparent
}

[foreground] .button-primary:active,
[foreground] .button-primary:focus,
[foreground] .button-primary:hover,
[foreground] .button-raised:active,
[foreground] .button-raised:focus,
[foreground] .button-raised:hover,
[foreground] .button-white:active,
[foreground] .button-white:focus,
[foreground] .button-white:hover {
       border: 0
}

.button-transparent {
       padding: 0 8px
}

.button-transparent,
.button-transparent:focus,
.button-transparent:hover {
       background-color: transparent;
       border: 0;
       box-shadow: none
}

.button-text-white {
       color: var(--devsite-inverted-text-color)
}

.button-text-blue {
       color: var(--devsite-link-color)
}

.button-lowercase {
       text-transform: none
}

[dir=ltr] .button-unindented {
       margin-left: var(--devsite-button-unindented-margin-x, -8px)
}

[dir=rtl] .button-unindented {
       margin-right: var(--devsite-button-unindented-margin-x, -8px)
}

.button-icon,
.button>.material-icons,
button>.material-icons {
       font-size: 18px;
       height: 18px;
       width: 18px
}

.button.button-with-icon,
.button.external {
       padding: var(--devsite-button-with-icon-padding, 0 16px)
}

.button-primary.button-with-icon,
.button-primary.external,
.button-raised.button-with-icon,
.button-raised.external {
       padding: var(--devsite-button-primary-with-icon-padding, 0 16px)
}

.button-white.button-with-icon,
.button-white.external {
       padding: 0 16px
}

.button>.material-icons,
button>.material-icons {
       margin: 0 8px;
       position: relative;
       top: -2px;
       vertical-align: middle
}

.button>.button-icon,
button>.button-icon {
       margin: 0 8px
}

.button-with-icon>.button-icon,
.button-with-icon>.material-icons {
       margin: 0 8px 0 -4px
}

[dir=rtl] .button-with-icon>.button-icon,
[dir=rtl] .button-with-icon>.material-icons {
       margin: 0 -4px 0 8px
}

.button-with-icon>.icon-after,
.button.external:not(.button-with-icon):after,
button.external:not(.button-with-icon):after {
       margin: 0 -4px 0 8px
}

[dir=rtl] .button-with-icon>.icon-after,
[dir=rtl] .button.external:not(.button-with-icon):after,
[dir=rtl] button.external:not(.button-with-icon):after {
       margin: 0 8px 0 -4px
}

[dir=ltr] .button:not(.button-with-icon)>.material-icons:not(.icon-after) {
       margin-left: var(--devsite-button-material-icon-margin-x, -4px)
}

[dir=rtl] .button:not(.button-with-icon)>.material-icons:not(.icon-after) {
       margin-right: var(--devsite-button-material-icon-margin-x, -4px)
}

[dir=ltr] .button:not(.button-with-icon)>.icon-after {
       margin-right: var(--devsite-button-material-icon-margin-x, -4px)
}

[dir=rtl] .button:not(.button-with-icon)>.icon-after {
       margin-left: var(--devsite-button-material-icon-margin-x, -4px)
}

[dir=ltr] .button-white:not(.button-with-icon)>.material-icons:not(.icon-after) {
       margin-left: var(--devsite-button-white-material-icon-margin-x, 4px)
}

[dir=rtl] .button-white:not(.button-with-icon)>.material-icons:not(.icon-after) {
       margin-right: var(--devsite-button-white-material-icon-margin-x, 4px)
}

[dir=ltr] .button-white:not(.button-with-icon)>.icon-after {
       margin-right: var(--devsite-button-white-material-icon-margin-x, 4px)
}

[dir=rtl] .button-white:not(.button-with-icon)>.icon-after {
       margin-left: var(--devsite-button-white-material-icon-margin-x, 4px)
}

.devsite-landing-row-item[foreground=grey] .button,
[foreground=grey] .button {
       background: var(--devsite-secondary-text-color)
}

.devsite-landing-row-item[foreground=grey] .button:active,
.devsite-landing-row-item[foreground=grey] .button:focus,
.devsite-landing-row-item[foreground=grey] .button:hover,
[foreground=grey] .button:active,
[foreground=grey] .button:focus,
[foreground=grey] .button:hover {
       background: #3c4043
}

[layout=docs] h1,
[layout=docs] h2,
[layout=docs] h3,
[layout=docs] h4,
[layout=docs] h5,
[layout=docs] h6 {
       overflow: hidden;
       text-overflow: ellipsis
}

.devsite-article h1:first-of-type {
       display: inline;
       margin-top: 0;
       vertical-align: middle
}

.devsite-article[has-bookmark] h1:first-of-type {
       -webkit-margin-end: 83px;
       -moz-margin-end: 83px;
       margin-inline-end: 83px
}

.devsite-landing-row-item-description h3,
.devsite-landing-row h2,
h1 {
       color: var(--devsite-heading-color, var(--devsite-secondary-text-color))
}

.devsite-landing-row-large-headings .devsite-landing-row-item-description h3,
.devsite-landing-row h2,
h1 {
       font: var(--devsite-h1-font);
       letter-spacing: var(--devsite-h1-letter-spacing);
       margin: var(--devsite-h1-margin)
}

.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item-description h3,
.devsite-landing-row-large-headings h2 {
       font: var(--devsite-display-font);
       letter-spacing: var(--devsite-display-letter-spacing)
}

.devsite-landing-row .devsite-catalog-alphabet-letter-heading h2 {
       margin: 20px 0
}

[layout=docs] h2 {
       border-bottom: var(--devsite-h2-border, var(--devsite-secondary-border));
       padding: var(--devsite-h2-padding)
}

.devsite-landing-row h3,
h2 {
       font: var(--devsite-h2-font);
       letter-spacing: var(--devsite-h2-letter-spacing);
       margin: var(--devsite-h2-margin)
}

h3 {
       font: var(--devsite-h3-font);
       letter-spacing: var(--devsite-h3-letter-spacing);
       margin: var(--devsite-h3-margin)
}

.devsite-landing-row-item-no-media h3,
.devsite-landing-row h4 {
       font: var(--devsite-h3-font);
       margin: var(--devsite-h3-margin, 32px 0 12px);
       padding: 0
}

.devsite-landing-row-large-headings .devsite-landing-row-item-list h4 {
       font: 400 20px/32px var(--devsite-primary-font-family);
       letter-spacing: -.01em
}

h4,
h5,
h6 {
       margin: 32px 0 16px
}

h4 {
       font: var(--devsite-h4-font);
       letter-spacing: var(--devsite-h4-letter-spacing)
}

h5 {
       font: var(--devsite-h5-font);
       letter-spacing: var(--devsite-h5-letter-spacing)
}

h6 {
       font: var(--devsite-h6-font);
       letter-spacing: var(--devsite-h6-letter-spacing)
}

h1+dl>dt:first-child,
h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+dl>dt:first-child,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+dl>dt:first-child,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+dl>dt:first-child,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+dl>dt:first-child,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+dl>dt:first-child,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6 {
       margin-top: 0
}

table {
       border: 0;
       border-collapse: collapse;
       border-spacing: 0;
       font: 14px/20px var(--devsite-primary-font-family);
       margin: 16px 0 15px;
       width: 100%
}

caption {
       background: var(--devsite-background-3);
       font-weight: 500;
       padding: 12px 8px;
       text-align: center
}

tr {
       background: var(--devsite-table-row-background, 0);
       border: 0;
       border-bottom: var(--devsite-table-row-border, var(--devsite-primary-border))
}

tr:first-child {
       border-top: var(--devsite-table-row-border, var(--devsite-primary-border))
}

td,
th {
       border: 0;
       margin: 0;
       text-align: left
}

[dir=rtl] td,
[dir=rtl] th {
       text-align: right
}

th {
       font: var(--devsite-table-heading-font, 500 16px/24px var(--devsite-primary-font-family));
       height: 48px;
       padding: var(--devsite-table-heading-padding, 8px);
       vertical-align: middle
}

th>h2,
th>h3 {
       border: 0;
       font: var(--devsite-table-heading-font, 500 16px/24px var(--devsite-primary-font-family));
       margin: 0 !important;
       padding: 0 !important
}

td>.expandable>h2.showalways,
td>.expandable>h3.showalways,
td>h2:only-child,
td>h3:only-child {
       border: 0;
       font: 500 14px/20px var(--devsite-primary-font-family);
       margin: 0;
       padding-bottom: 0
}

td>.expandable>h2.showalways,
td>.expandable>h3.showalways {
       line-height: 24px
}

table h4,
table h5,
table h6 {
       margin-left: 0 !important;
       margin-right: 0 !important;
       padding-left: 0 !important;
       padding-right: 0 !important
}

td b,
td strong,
th b,
th strong {
       font-weight: 500
}

td {
       padding: var(--devsite-table-cell-padding, 7px 8px 8px)
}

td code,
th code {
       background: 0;
       border: 0;
       font: 500 100%/1 var(--devsite-code-font-family);
       -moz-osx-font-smoothing: auto;
       -webkit-font-smoothing: auto;
       padding: 0
}

td pre code {
       font-weight: 400;
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased
}

table.responsive td,
table.responsive th {
       min-width: 214px
}

table.responsive table:not(.responsive) td,
table.responsive table:not(.responsive) th {
       min-width: 120px
}

table.responsive td code,
table.responsive th code {
       word-break: break-all;
       word-break: break-word
}

table.responsive td tr:not(.alt) td:first-child,
table.responsive tr:not(.alt) td td:first-child,
td {
       background: var(--devsite-table-cell-background);
       vertical-align: top
}

table.fixed {
       table-layout: fixed
}

table.fixed td,
table.fixed td code,
table.fixed th,
table.fixed th code {
       word-break: break-word
}

.devsite-table-wrapper {
       margin: var(--devsite-table-margin, 16px 0);
       overflow: auto
}

.devsite-table-wrapper .devsite-table-wrapper {
       margin: 0;
       overflow: visible
}

.devsite-table-wrapper table {
       margin: 0
}

.devsite-table-wrapper .devsite-table-wrapper table {
       margin: 16px 0
}

table.responsive table.responsive {
       margin: 0
}

table.responsive td tr:first-child td {
       padding-top: 0
}

table.responsive td tr:last-child td {
       padding-bottom: 0
}

[dir=ltr] table.responsive td td:first-child {
       padding-left: 0
}

[dir=rtl] table.responsive td td:first-child {
       padding-right: 0
}

table.responsive>*>tr>th:not(:first-child),
table.responsive>tr>th:not(:first-child) {
       display: none
}

table.columns tr {
       border: 0
}

table table tr:first-child {
       border-top: 0
}

devsite-selector .devsite-table-wrapper:last-child tr:last-child,
table table tr:last-child {
       border-bottom: 0
}

th,
th code {
       background: var(--devsite-table-heading-background, #e8eaed);
       color: var(--devsite-table-heading-color, var(--devsite-primary-text-color))
}

table.vertical-rules tr>td:not(:last-child),
table.vertical-rules tr>th:not(:last-child) {
       border-right: var(--devsite-table-row-border, var(--devsite-primary-border))
}

.alt td,
table.alternating-even-rows tr:nth-child(2n) td,
table.alternating-odd-rows tr:nth-child(odd) td,
td.alt {
       background: var(--devsite-alt-table-cell-background)
}

table.responsive>*>tr:not(.alt) td:first-child,
table.responsive>tr:not(.alt) td:first-child {
       background: var(--devsite-responsive-table-first-column-background)
}

.devsite-article-body>.devsite-full-width-table,
.devsite-article-body>table.full-width {
       margin: 16px -40px
}

@media screen and (max-width:840px) {

       .devsite-article-body>.devsite-full-width-table,
       .devsite-article-body>table.full-width {
              margin: 16px -24px
       }
}

@media screen and (max-width:600px) {

       .devsite-article-body>.devsite-full-width-table,
       .devsite-article-body>table.full-width {
              margin: 16px -16px
       }
}

.devsite-article-body>.devsite-full-width-table td:first-child,
.devsite-article-body>.devsite-full-width-table th:first-child,
.devsite-article-body>table.full-width td:first-child,
.devsite-article-body>table.full-width th:first-child {
       padding-left: 40px
}

@media screen and (max-width:840px) {

       .devsite-article-body>.devsite-full-width-table td:first-child,
       .devsite-article-body>.devsite-full-width-table th:first-child,
       .devsite-article-body>table.full-width td:first-child,
       .devsite-article-body>table.full-width th:first-child {
              padding-left: 24px
       }
}

@media screen and (max-width:600px) {

       .devsite-article-body>.devsite-full-width-table td:first-child,
       .devsite-article-body>.devsite-full-width-table th:first-child,
       .devsite-article-body>table.full-width td:first-child,
       .devsite-article-body>table.full-width th:first-child {
              padding-left: 16px
       }
}

.devsite-article-body>.devsite-full-width-table td:last-child,
.devsite-article-body>.devsite-full-width-table th:last-child,
.devsite-article-body>table.full-width td:last-child,
.devsite-article-body>table.full-width th:last-child {
       padding-right: 40px
}

@media screen and (max-width:840px) {

       .devsite-article-body>.devsite-full-width-table td:last-child,
       .devsite-article-body>.devsite-full-width-table th:last-child,
       .devsite-article-body>table.full-width td:last-child,
       .devsite-article-body>table.full-width th:last-child {
              padding-right: 24px
       }
}

@media screen and (max-width:600px) {

       .devsite-article-body>.devsite-full-width-table td:last-child,
       .devsite-article-body>.devsite-full-width-table th:last-child,
       .devsite-article-body>table.full-width td:last-child,
       .devsite-article-body>table.full-width th:last-child {
              padding-right: 16px
       }
}

.devsite-full-width-table table table td:first-child,
.devsite-full-width-table table table th:first-child {
       padding-left: 0
}

@media screen and (max-width:840px) {

       .devsite-full-width-table table table td:first-child,
       .devsite-full-width-table table table th:first-child {
              padding-right: 0
       }
}

.devsite-full-width-table table table td:last-child,
.devsite-full-width-table table table th:last-child {
       padding-right: 0
}

@media screen and (max-width:840px) {

       .devsite-full-width-table table table td:last-child,
       .devsite-full-width-table table table th:last-child {
              padding-left: 0
       }
}

@media screen and (max-width:840px) {

       table.responsive td,
       table.responsive th,
       table.responsive tr {
              display: block
       }

       table.responsive table:not(.responsive) tr {
              display: table-row
       }

       table.responsive table:not(.responsive) td,
       table.responsive table:not(.responsive) th {
              display: table-cell
       }

       table.responsive>*>th,
       table.responsive>th {
              height: auto;
              padding: var(--devsite-responsive-table-heading-padding, 14px 8px)
       }

       table.fixed.responsive col {
              display: contents
       }
}

.devsite-book-nav::-webkit-scrollbar,
.devsite-dialog::-webkit-scrollbar,
.devsite-popout::-webkit-scrollbar,
.devsite-table-wrapper::-webkit-scrollbar,
.devsite-tabs-overflow-menu::-webkit-scrollbar,
.devsite-toc::-webkit-scrollbar,
[scrollbars]::-webkit-scrollbar,
pre::-webkit-scrollbar {
       height: 8px;
       width: 8px
}

.devsite-book-nav::-webkit-scrollbar-thumb,
.devsite-dialog::-webkit-scrollbar-thumb,
.devsite-popout::-webkit-scrollbar-thumb,
.devsite-table-wrapper::-webkit-scrollbar-thumb,
.devsite-tabs-overflow-menu::-webkit-scrollbar-thumb,
.devsite-toc::-webkit-scrollbar-thumb,
[scrollbars]::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb {
       background: var(--devsite-scrollbar-thumb-background);
       border-radius: 8px
}

.devsite-doc-set-nav-row::-webkit-scrollbar,
.devsite-header-upper-tabs::-webkit-scrollbar,
[no-horizontal-scrollbars]::-webkit-scrollbar {
       height: 0;
       width: 0
}

.devsite-table-wrapper::-webkit-scrollbar-corner,
[scrollbars]::-webkit-scrollbar-corner,
pre::-webkit-scrollbar-corner {
       background: 0
}

.devsite-cse-confidential-results {
       background: var(--devsite-confidential-results-background);
       margin: 16px -40px;
       padding: 0 40px 16px
}

.devsite-cse-confidential-results+aside {
       margin-top: -16px !important
}

.devsite-search-results-stats {
       margin-bottom: 8px
}

.devsite-search-results .gs-title {
       font-weight: 500
}

.devsite-search-results .gs-title:link,
.devsite-search-results .gs-title:visited {
       color: var(--devsite-link-color)
}

.devsite-search-results .gs-webResult .gs-visibleUrl {
       color: var(--devsite-search-results-breadcrumb-color);
       font-size: 14px
}

.devsite-search-results .gs-snippet {
       margin-top: 0
}

.devsite-search-results .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet {
       color: var(--devsite-primary-text-color)
}

.devsite-result-item-link .devsite-result-item-confidential,
.devsite-search-results .gs-title-label {
       background: var(--devsite-caution-notice-background);
       border-radius: 4px;
       color: var(--devsite-caution-notice-color);
       display: inline-block;
       font: 500 11px/16px var(--devsite-primary-font-family);
       letter-spacing: .8px;
       margin: 0 8px;
       padding: 5px 8px 3px;
       text-transform: uppercase
}

body[template=search] .gsc-webResult .gsc-result {
       border: none;
       margin: 24px 0;
       padding: 0
}

.devsite-search-page-controls {
       margin-top: 8px
}

.devsite-search-project {
       border-bottom: var(--devsite-primary-border);
       margin-bottom: 24px;
       padding-bottom: 23px
}

.devsite-search-project .devsite-project-scoped-results-title {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin-bottom: 8px
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: 36px;
       margin: 6px 0
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link,
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       opacity: 1;
       -webkit-transition: opacity .2s;
       transition: opacity .2s
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link:focus,
.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-link:hover,
.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link:focus {
       opacity: .7;
       text-decoration: none
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo {
       height: var(--devsite-logo-height, 32px)
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-has-google-wordmark>.devsite-breadcrumb-link,
.devsite-search-project .devsite-project-scoped-results-title .devsite-has-google-wordmark>.devsite-product-name {
       direction: ltr
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-google-wordmark {
       height: 24px;
       margin: 0 4px 0 0;
       position: relative;
       top: 5px
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-google-wordmark-svg-path {
       -webkit-transition: fill .2s;
       transition: fill .2s
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link canvas {
       height: auto !important
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo-link picture {
       display: contents
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       color: var(--devsite-primary-color, var(--devsite-primary-text-color));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 36px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-inline: 0 4px;
       width: 36px
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container[background] {
       background: var(--devsite-primary-color, var(--devsite-primary-text-color));
       color: var(--devsite-inverted-text-color)
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo {
       color: inherit;
       font-size: 32px;
       height: 32px;
       max-width: 32px;
       min-width: 32px;
       overflow: hidden;
       white-space: nowrap
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-logo-container[background] .devsite-product-logo {
       font-size: 28px;
       height: 28px;
       max-width: 28px;
       min-width: 28px
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name {
       font: var(--devsite-wordmark-font, 400 20px/32px var(--devsite-primary-font-family));
       letter-spacing: 0;
       margin: 0;
       max-height: 32px;
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-site-logo:not([src*=\.svg]) {
       height: auto;
       max-height: 32px
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-breadcrumb-link>.devsite-product-name {
       color: inherit
}

@media screen and (max-width:840px) {
       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
              -webkit-box-flex: 0;
              -webkit-flex: 0 1 auto;
              -moz-box-flex: 0;
              -ms-flex: 0 1 auto;
              flex: 0 1 auto;
              min-width: 0
       }

       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type),
       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-site-logo-link+.devsite-product-name {
              display: none
       }

       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-item,
       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-link,
       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-list,
       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-product-name {
              width: 100%
       }

       .devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper .devsite-breadcrumb-link {
              overflow: hidden;
              text-overflow: ellipsis
       }
}

.devsite-search-project .devsite-project-scoped-results-title .devsite-product-name-wrapper {
       position: relative;
       margin-left: .3em
}

.devsite-search-project .devsite-breadcrumb-list,
.devsite-search-project .devsite-project-scoped-results-title {
       font: var(--devsite-wordmark-font, 400 20px/32px var(--devsite-primary-font-family))
}

.devsite-search-project .devsite-breadcrumb-link,
.devsite-search-project .devsite-breadcrumb-link:hover {
       color: var(--devsite-primary-text-color)
}

.devsite-search-project .devsite-product-logo-container {
       color: var(--devsite-primary-color, var(--devsite-primary-text-color))
}

.devsite-search-project .devsite-product-logo-container[background] {
       background: var(--devsite-primary-color, var(--devsite-primary-text-color));
       color: var(--devsite-inverted-text-color)
}

.devsite-search-project .devsite-breadcrumb-link .devsite-google-wordmark {
       fill: currentColor
}

.devsite-search-title {
       margin: 0;
       padding: 0
}

.devsite-search-title .devsite-search-term {
       color: var(--devsite-search-term-color, var(--devsite-primary-text-color));
       font-weight: var(--devsite-search-term-weight, 500)
}

.devsite-steps {
       border-top: var(--devsite-steps-border, 0);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin: var(--devsite-steps-margin, 0);
       padding: var(--devsite-steps-padding, 24px 0 40px)
}

.devsite-steps .steps-direction {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       font-weight: 500;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: relative
}

.devsite-steps .steps-previous {
       margin-left: var(--devsite-steps-prev-next-margin-x, 40px)
}

.devsite-steps .steps-next {
       margin-right: var(--devsite-steps-prev-next-margin-x, 40px);
       text-align: right
}

.devsite-steps .steps-link:hover {
       -webkit-text-decoration: var(--devsite-steps-text-decoration-hover, none);
       -moz-text-decoration: var(--devsite-steps-text-decoration-hover, none);
       text-decoration: var(--devsite-steps-text-decoration-hover, none)
}

.devsite-steps .steps-link:focus {
       text-decoration: none
}

.devsite-steps .steps-link-direction {
       color: var(--devsite-steps-direction-color, var(--devsite-link-color));
       display: block;
       font: var(--devsite-steps-direction-font, 500 14px/24px var(--devsite-primary-font-family))
}

.devsite-steps .steps-link-title {
       color: var(--devsite-steps-title-color);
       display: var(--devsite-steps-title-display, inline);
       font: var(--devsite-steps-title-font, 500 18px/24px var(--devsite-primary-font-family))
}

.devsite-steps .steps-link:hover .steps-link-title {
       border-bottom: var(--devsite-steps-title-border-hover, none)
}

.devsite-steps .steps-link:focus .steps-link-title {
       border-bottom: var(--devsite-steps-title-border-focus)
}

.devsite-steps .steps-link-arrow {
       color: var(--devsite-steps-arrow-color, var(--devsite-link-color));
       position: absolute
}

.devsite-steps .steps-link-arrow-left {
       left: var(--devsite-steps-arrow-x-start, -40px)
}

.devsite-steps .steps-link-arrow-right {
       right: var(--devsite-steps-arrow-x-start, -40px)
}

@media screen and (max-width:840px) {
       .devsite-steps .steps-link-title {
              font: var(--devsite-steps-title-font, 500 14px/24px var(--devsite-primary-font-family))
       }

       .devsite-steps .steps-previous {
              margin-left: var(--devsite-steps-prev-next-margin-x, 24px)
       }

       .devsite-steps .steps-next {
              margin-right: var(--devsite-steps-prev-next-margin-x, 24px)
       }

       .devsite-steps .steps-link-arrow-left {
              left: var(--devsite-steps-arrow-x-start, -24px)
       }

       .devsite-steps .steps-link-arrow-right {
              right: var(--devsite-steps-arrow-x-start, -24px)
       }

       .devsite-steps .steps-link-arrow {
              bottom: var(--devsite-steps-arrow-y-end, 4px);
              font-size: 16px
       }
}

@media screen and (max-width:600px) {
       .devsite-steps {
              padding: 8px 0 16px
       }

       .devsite-steps .steps-previous {
              margin-left: var(--devsite-steps-prev-next-margin-x, 0)
       }

       .devsite-steps .steps-next {
              margin-right: var(--devsite-steps-prev-next-margin-x, 0)
       }

       .devsite-steps .steps-link-arrow {
              display: var(--devsite-steps-arrow-display, none)
       }
}

.devsite-jsfiddle-hide {
       display: none
}

html[cached] .devsite-wrapper {
       display: none
}

.devsite-dialog:not([is-upgraded]),
iframe.devsite-embedded-youtube-video:not([is-upgraded]) {
       pointer-events: none;
       visibility: hidden
}

.code-sample,
.data-sample,
.ds-selector-dropdown,
.ds-selector-tabs,
.kd-tabbed-horz,
.kd-tabbed-vert {
       display: none
}

.expandable {
       display: none
}

devsite-selector {
       pointer-events: none;
       visibility: hidden
}

devsite-search .devsite-searchbox {
       background: var(--devsite-searchbox-background, var(--devsite-background-3));
       border-radius: 2px
}

iframe.framebox,
iframe.inherit-locale {
       display: block;
       width: 100%
}

[background] {
       background-color: var(--devsite-background-color, var(--devsite-primary-color))
}

[background],
[background]:not([foreground]) {
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

[background] :link:not(.button),
[background] :visited:not(.button) {
       color: var(--devsite-foreground-color, var(--devsite-link-color))
}

[background] :focus>:not(.material-icons),
[background] :link>:not(.material-icons):hover,
[background] p>a:not(.button) {
       -webkit-text-decoration: var(--devsite-background-text-decoration, underline);
       -moz-text-decoration: var(--devsite-background-text-decoration, underline);
       text-decoration: var(--devsite-background-text-decoration, underline)
}

[background] p>a:focus {
       background: var(--devsite-inverted-text-rgba);
       border-radius: 2px;
       margin: -4px;
       padding: 4px;
       text-decoration: none
}

[foreground] :focus>:not(.material-icons),
[foreground] :link>:not(.material-icons):hover {
       color: var(--devsite-foreground-color, var(--devsite-primary-color, var(--devsite-link-color)));
       text-decoration: underline
}

[foreground] h2 a:not(.button),
[foreground] h3 a:not(.button) {
       color: var(--devsite-foreground-color, var(--devsite-primary-color, var(--devsite-link-color)))
}

.devsite-landing-row-item[foreground] h2 a:not(.button),
.devsite-landing-row-item[foreground] h3 a:not(.button) {
       color: var(--devsite-foreground-color, var(--devsite-primary-color, var(--devsite-link-color)))
}

devsite-content {
       display: block;
       position: relative
}

body[layout=docs] devsite-content {
       align-self: start;
       grid-column: 2;
       grid-row: 1;
       margin: 24px 0;
       max-width: 936px;
       min-width: 0
}

body[layout=docs] .devsite-article {
       background-color: var(--devsite-background-1);
       border: var(--devsite-page-border, 0);
       border-radius: var(--devsite-page-border-radius, 2px);
       box-shadow: var(--devsite-page-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color));
       padding: 40px
}

body[layout=docs][template=landing] .devsite-article {
       padding: 0
}

.devsite-article-meta {
       display: grid;
       grid-gap: 0 16px;
       grid-template-areas: "breadcrumbs ratings";
       grid-template-columns: 1fr auto;
       margin: var(--devsite-article-meta-margin, 0 0 16px)
}

.devsite-article-meta .devsite-breadcrumb-list {
       grid-area: breadcrumbs
}

.devsite-article-meta devsite-thumb-rating {
       grid-area: ratings
}

.devsite-banner+.devsite-article-meta {
       margin-top: -16px
}

body[layout=full] .devsite-article-meta,
body[template=landing] .devsite-article-meta {
       margin: 0
}

devsite-feedback[position=header] {
       display: block
}

[dir=ltr] devsite-feedback[position=header] {
       float: right;
       margin-left: 24px
}

[dir=rtl] devsite-feedback[position=header] {
       float: left;
       margin-right: 24px
}

body[layout=full] devsite-feedback[position=header],
body[template=landing] devsite-feedback[position=header] {
       display: none
}

[template=page] .devsite-article-body {
       margin-top: 16px
}

[template=page] .devsite-article-body>:first-child {
       margin-top: 0
}

@media screen and (max-width:840px) {
       body[layout=docs] devsite-content {
              margin: 0
       }

       body[layout=docs] .devsite-article {
              border: 0;
              border-radius: 0;
              box-shadow: none;
              padding: 24px
       }

       .devsite-banner+.devsite-article-meta {
              margin-top: 0
       }
}

@media screen and (max-width:600px) {
       body[layout=docs] .devsite-article {
              padding: 16px
       }

       .devsite-article-meta {
              display: block;
              margin: 0 0 12px
       }

       [dir] devsite-feedback[position=header] {
              float: none;
              margin: 0 0 12px;
              position: static
       }

       [dir] article[has-bookmark] devsite-feedback[position=header] {
              margin: 0 0 12px
       }
}

#devsite-support-form {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin: 0 0 0 -40px
}

#devsite-support-form>* {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 100%;
       -moz-box-flex: 0;
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       padding: 0 0 0 40px
}

.devsite-support-form-error {
       color: #dd2c00
}

.devsite-support-form-hidden {
       display: none
}

.devsite-support-form-field {
       margin: 0 0 8px
}

.devsite-support-form-field input:not([type=checkbox]):not([type=radio]),
.devsite-support-form-field select,
.devsite-support-form-field textarea {
       width: 100%
}

.devsite-support-form-cc {
       color: var(--devsite-secondary-text-color);
       display: block;
       font-size: 13px
}

#devsite-support-form>.devsite-support-form-half {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
       -ms-flex: 0 0 50%;
       flex: 0 0 50%
}

.devsite-support-quota {
       font: italic 400 12px/20px var(--devsite-primary-font-family);
       margin-bottom: 8px
}

.devsite-support-quota-help {
       font-size: 18px;
       margin-left: 4px;
       vertical-align: top
}

.devsite-support-quota-help:after {
       color: var(--devsite-tertiary-text-color);
       content: "help"
}

@media screen and (max-width:600px) {
       #devsite-support-form {
              display: block
       }
}

.devsite-404,
.devsite-offline {
       font: var(--devsite-404-font);
       letter-spacing: var(--devsite-404-letter-spacing);
       margin: var(--devsite-404-margin, 120px auto 0);
       max-width: var(--devsite-404-max-width, 804px);
       min-height: var(--devsite-404-min-height);
       position: relative;
       text-align: var(--devsite-404-text-align, center)
}

.devsite-404 devsite-search,
.devsite-offline-reload,
.devsite-offline-suggestions {
       margin: var(--devsite-404-search-margin);
       position: relative;
       z-index: 1
}

.devsite-404 devsite-search .devsite-popout-result {
       max-height: 304px
}

.devsite-404 devsite-search,
.devsite-404 devsite-search .devsite-searchbox {
       width: 100%
}

.devsite-404 devsite-search .devsite-search-button {
       display: none
}

.devsite-404 h3,
.devsite-offline h3 {
       color: var(--devsite-offline-heading-color, var(--devsite-secondary-color, var(--devsite-primary-text-color)))
}

.devsite-404 h3 {
       font: 400 64px/64px var(--devsite-code-font-family)
}

.devsite-404-error {
       background: var(--devsite-404-error-background);
       padding: var(--devsite-404-error-padding);
       text-align: var(--devsite-404-error-text-align, center)
}

.devsite-404-error-message,
.devsite-404-error>h3 {
       position: relative;
       z-index: 2
}

.devsite-404-error>h3 {
       display: var(--devsite-404-error-heading-display, block)
}

.devsite-404-error-message {
       font: var(--devsite-404-error-message-font);
       letter-spacing: var(--devsite-404-error-message-letter-spacing);
       margin: var(--devsite-404-error-message-margin, 0 0 20px)
}

.devsite-404-links {
       border-top: var(--devsite-404-links-border, var(--devsite-primary-border));
       margin: var(--devsite-404-links-margin, 0 calc(50% - 50vw) 40px);
       padding: var(--devsite-404-links-padding, 0 calc(50vw - 50%));
       text-align: start
}

.devsite-404-links h3 {
       color: var(--devsite-primary-text-color);
       font: var(--devsite-404-links-heading-font, var(--devsite-h3-font))
}

.devsite-404-links ul {
       display: grid;
       gap: 0 24px;
       grid: auto-flow/repeat(var(--devsite-404-links-columns), 1fr);
       list-style: none;
       padding: 0
}

.devsite-404-links li {
       margin: var(--devsite-404-links-item-margin, 12px 0)
}

.devsite-offline .devsite-offline-suggestions {
       text-align: start
}

.devsite-offline .devsite-offline-suggestions h3,
.devsite-offline .devsite-offline-suggestions ul {
       margin: 0
}

.devsite-offline h3 {
       font: 400 32px/48px var(--devsite-code-font-family)
}

.devsite-offline-reload {
       text-align: center
}

@media screen and (max-width:840px) {

       .devsite-404,
       .devsite-offline {
              margin-top: 40px
       }
}

@media print {

       .prettyprint a,
       :link,
       :visited,
       a .atn,
       a .atv,
       a .com,
       a .dec,
       a .kwd,
       a .lit,
       a .pln,
       a .pun,
       a .str,
       a .tag,
       a .typ,
       a code,
       aside :link,
       aside :visited,
       body,
       code,
       h1,
       h1 code,
       h2,
       h2 code,
       h3,
       h3 code,
       h4,
       h4 code,
       h5,
       h5 code,
       h6,
       h6 code,
       html,
       pre,
       pre .atn,
       pre .atv,
       pre .com,
       pre .dec,
       pre .kwd,
       pre .lit,
       pre .pln,
       pre .pun,
       pre .str,
       pre .tag,
       pre .typ,
       td,
       td code,
       th,
       th :link,
       th :visited,
       th code,
       var {
              color: #000 !important;
              padding-left: 0 !important;
              padding-right: 0 !important
       }

       :is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning),
       :is(aside, .beta, .caution, .deprecated, .dogfood, .key-point, .key-term, .note, .objective, .preview, .special, .success, .tip, .warning) a {
              color: #000 !important;
              margin-left: 0 !important;
              margin-right: 0 !important;
              padding-left: 0 !important;
              padding-right: 0 !important
       }

       #gc-wrapper {
              margin: 0 !important
       }

       devsite-code {
              margin-left: 0 !important;
              margin-right: 0 !important;
              padding-left: 0 !important;
              padding-right: 0 !important
       }

       devsite-expandable>:not(.showalways):not(.exw-control):not(.exw-expanded-content):not(.expand-control) {
              display: block !important
       }

       :link,
       :visited {
              text-decoration: underline
       }

       .devsite-article-meta,
       .devsite-banner-confidential .button,
       .devsite-banner-translated .button,
       .devsite-book-nav-bg,
       .devsite-book-nav-blur,
       .devsite-book-nav-toggle,
       .devsite-code-buttons-container,
       .devsite-page-bookmark-tooltip,
       .devsite-sidebar,
       devsite-book-nav,
       devsite-bookmark,
       devsite-feedback,
       devsite-footer-linkboxes,
       devsite-footer-promos,
       devsite-footer-utility,
       devsite-googler-buttons,
       devsite-header,
       devsite-recommendations,
       devsite-thumb-rating {
              display: none !important
       }

       .devsite-article,
       .devsite-main-content,
       devsite-content {
              background: 0 !important;
              border: 0 !important;
              box-shadow: none !important;
              display: block !important;
              margin: 0 !important;
              max-width: none !important;
              padding: 0 !important;
              width: auto !important
       }

       .devsite-banner {
              margin-top: 0
       }

       .attempt-left,
       .attempt-right,
       .video-wrapper {
              float: none;
              margin: 16px 0
       }

       img,
       video {
              display: block !important;
              page-break-inside: avoid !important
       }

       .devsite-main-content a[href]:after {
              content: " (" attr(href) ")";
              display: inline-block;
              font: 14px/20px var(--devsite-primary-font-family);
              max-width: 100%;
              word-wrap: break-word
       }
}

@page {
       margin: .75in
}

.devsite-product-platform-row {
       margin: 8px 0;
       padding: 0 24px
}

.devsite-header-no-lower-tabs .devsite-product-platform-row {
       margin-top: -12px;
       padding-bottom: 24px
}

.devsite-platform-container {
       display: inline-block
}

.devsite-platform-container+.devsite-platform-container {
       margin-left: 16px
}

.devsite-platform-icon-container {
       background: var(--devsite-background-1);
       border-radius: 50%;
       height: 40px;
       margin: 0 auto;
       width: 40px
}

.devsite-platform-icon {
       color: var(--devsite-secondary-text-color);
       font-size: 24px;
       height: 24px;
       margin: 8px;
       width: 24px
}

@media screen and (max-width:1000px) {

       div.devsite-collapsible-section,
       div.devsite-header-background {
              background-image: none
       }
}

@media screen and (max-width:600px) {
       .devsite-product-platform-row {
              padding: 0 16px
       }
}

.devsite-landing-row-cards .devsite-landing-row-item {
       border: var(--devsite-card-border);
       border-radius: var(--devsite-card-border-radius);
       box-shadow: var(--devsite-card-box-shadow);
       overflow: var(--devsite-card-overflow, hidden);
       position: relative
}

.devsite-landing-row-cards .devsite-landing-row-item,
.devsite-landing-row-cards[background] .devsite-landing-row-item {
       --devsite-link-color: #1a73e8;
       --devsite-text-color: var(--devsite-primary-text-color)
}

.devsite-landing-row-cards .devsite-landing-row-item:not([background]) {
       background-color: var(--devsite-card-background)
}

body[theme] .devsite-landing-row-cards[background=theme] :link:not(.button),
body[theme] .devsite-landing-row-cards[background=theme] :visited:not(.button) {
       color: var(--devsite-link-color)
}

.devsite-landing-row-cards .devsite-landing-row-column .devsite-landing-row-item {
       display: block
}

.devsite-landing-row-cards .devsite-landing-row-item[description-position] .devsite-landing-row-item-media+.devsite-landing-row-item-description {
       margin: 0
}

.devsite-landing-row-cards .devsite-landing-row-item-description {
       padding: 16px
}

.devsite-landing-row-cards .devsite-landing-row-item-buttons {
       padding-top: 16px
}

.devsite-landing-row-cards[background=theme] .devsite-landing-row-item-icon {
       color: var(--devsite-secondary-text-color)
}

.devsite-landing-row-cards .devsite-landing-row-item-no-media h3 {
       font: var(--devsite-h2-font);
       margin: 0 0 20px
}

.devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media {
       -webkit-box-flex: 1;
       -webkit-flex: 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0;
       flex: 1 0;
       margin: 0
}

@media screen and (max-width:840px) {
       .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item {
              display: block
       }
}

@media screen and (max-width:600px) {
       .devsite-landing-row-cards.devsite-landing-row-1-up .devsite-landing-row-item-media+.devsite-landing-row-item-description {
              margin: 0;
              padding: 16px
       }
}

.devsite-landing-row-cta {
       text-align: center
}

.devsite-landing-row.devsite-landing-row-cta:not([background]) {
       background: var(--devsite-cta-background, var(--devsite-primary-color));
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

.devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item {
       display: block
}

.devsite-landing-row.devsite-landing-row-cta .devsite-landing-row-item-description {
       margin: 0 auto;
       max-width: 856px
}

.devsite-landing-row-cta.devsite-landing-row-large-headings .devsite-landing-row-item-description h3,
.devsite-landing-row-cta.devsite-landing-row h2 {
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

.devsite-landing-row-cta h3 {
       font: var(--devsite-h1-font, 400 34px/40px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-h1-letter-spacing);
       margin-bottom: 16px;
       text-decoration: inherit
}

.devsite-landing-row-cta h3 a:not(.button) {
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

.devsite-landing-row-cta h3+.devsite-landing-row-item-buttons {
       margin-top: 8px
}

@media screen and (max-width:600px) {
       .devsite-landing-row-cta .devsite-landing-row-item-description {
              font: 400 16px/24px var(--devsite-primary-font-family)
       }
}

.devsite-landing-row-header {
       background: var(--devsite-landing-row-header-background);
       border-radius: var(--devsite-landing-row-header-border-radius);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0 auto;
       max-width: var(--devsite-landing-row-header-max-width);
       padding: var(--devsite-landing-row-header-padding)
}

.devsite-landing-row[header-position=left] .devsite-landing-row-header,
.devsite-landing-row[header-position=right] .devsite-landing-row-header {
       display: block;
       margin: 0
}

.devsite-landing-row[header-position=left] .devsite-landing-row-header {
       grid-column: var(--devsite-landing-row-header-grid-column, 1)
}

.devsite-landing-row[header-position=right] .devsite-landing-row-header {
       grid-column: var(--devsite-landing-row-header-grid-column, 3);
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2
}

.devsite-landing-row[header-position=top] .devsite-landing-row-header+.devsite-landing-row-group {
       margin: var(--devsite-landing-row-group-margin, 32px auto 0)
}

.devsite-landing-row-header-text {
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       margin: var(--devsite-landing-row-header-text-margin);
       max-width: var(--devsite-landing-row-header-text-max-width)
}

.devsite-landing-row-header-text>h2 {
       margin: 0
}

.devsite-landing-row-description {
       color: var(--devsite-text-color, var(--devsite-primary-text-color));
       font-family: var(--devsite-landing-row-description-font-family, var(--devsite-primary-font-family));
       font-size: var(--devsite-landing-row-description-font-size, 18px);
       letter-spacing: var(--devsite-letter-spacing);
       line-height: var(--devsite-line-height, 24px);
       max-width: var(--devsite-landing-row-description-max-width, 856px)
}

[background] .devsite-landing-row-description {
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

.devsite-landing-row:not([background]):not([foreground]) .devsite-landing-row-description {
       color: var(--devsite-text-color, var(--devsite-heading-color, var(--devsite-secondary-text-color)))
}

h2+.devsite-landing-row-description {
       margin-top: var(--devsite-row-header-contents-gap, 16px)
}

.devsite-landing-row-header-buttons {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 0;
       -webkit-flex: 0 1 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 1 auto;
       flex: 0 1 auto;
       margin-block: 0;
       margin-inline: 0 auto
}

.devsite-landing-row-header-centered .devsite-landing-row-header,
.devsite-landing-row-header[icon-position=top] {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-landing-row-header-centered .devsite-landing-row-header-buttons,
.devsite-landing-row-header[icon-position=top] .devsite-landing-row-header-buttons {
       margin-inline: 0
}

.devsite-landing-row-header-centered .devsite-landing-row-header {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       text-align: center
}

.devsite-landing-row-header-centered .devsite-landing-row-description {
       margin-left: auto;
       margin-right: auto
}

.devsite-landing-row-header-centered .devsite-landing-row-header-buttons {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.devsite-landing-row-header-centered .devsite-landing-row-header-buttons,
.devsite-landing-row-header[icon-position=top] .devsite-landing-row-header-buttons,
.devsite-landing-row[header-position=left] .devsite-landing-row-header-buttons,
.devsite-landing-row[header-position=right] .devsite-landing-row-header-buttons {
       margin: var(--devsite-buttons-margin, 24px 0 0)
}

@media screen and (max-width:840px) {
       .devsite-landing-row-header+.devsite-landing-row-group {
              margin-top: 32px
       }

       .devsite-landing-row-header {
              display: block
       }
}

@media screen and (max-width:840px) {
       .devsite-landing-row-header-text+.devsite-landing-row-header-buttons {
              display: block;
              margin: 24px 0 0
       }
}

@media screen and (max-width:600px) {
       .devsite-landing-row-header-text+.devsite-landing-row-header-buttons {
              margin: 16px 0 0
       }
}

.devsite-landing-row-1-up .devsite-landing-row-item-description[icon-position=left],
.devsite-landing-row-item-description[icon-position] {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row
}

.devsite-landing-row-item-description[icon-position=right] {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse
}

.devsite-landing-row-item-description[icon-position=top] {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-landing-row-item-description[icon-position^=bottom] {
       -webkit-box-orient: vertical;
       -webkit-box-direction: reverse;
       -webkit-flex-direction: column-reverse;
       -moz-box-orient: vertical;
       -moz-box-direction: reverse;
       -ms-flex-direction: column-reverse;
       flex-direction: column-reverse
}

.devsite-landing-row-header-icon-container,
.devsite-landing-row-header-icon-container[background],
.devsite-landing-row-item-icon-container,
.devsite-landing-row-item-icon-container[background] {
       color: var(--devsite-foreground-color, var(--devsite-icon-color, var(--devsite-secondary-text-color)))
}

.devsite-landing-row-header-icon-container,
.devsite-landing-row-item-icon-container {
       height: var(--devsite-icon-canvas-size);
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       -webkit-transition: background .2s, box-shadow .2s, color .2s;
       transition: background .2s, box-shadow .2s, color .2s;
       width: var(--devsite-icon-canvas-size)
}

.devsite-landing-row-header-icon-container {
       margin-block: var(--devsite-header-icon-canvas-margin-block, 0 8px);
       margin-inline: var(--devsite-header-icon-canvas-margin-inline, 0 20px)
}

.devsite-landing-row-item-icon-container {
       margin-block: var(--devsite-icon-canvas-margin-block, 0 8px);
       margin-inline: var(--devsite-icon-canvas-margin-inline, 0 20px)
}

.devsite-landing-row-item-description[icon-position=bottom] .devsite-landing-row-item-icon-container,
.devsite-landing-row-item-description[icon-position=bottom]>a,
.devsite-landing-row-item-description[icon-position=right] .devsite-landing-row-item-icon-container,
.devsite-landing-row-item-description[icon-position=right]>a {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

.devsite-landing-row-item-description[icon-position=bottom-right] .devsite-landing-row-item-icon-container,
.devsite-landing-row-item-description[icon-position=bottom-right]>a {
       -webkit-align-self: flex-end;
       -ms-flex-item-align: end;
       align-self: flex-end
}

.devsite-landing-row-header-icon-container[background],
.devsite-landing-row-item-icon-container[background] {
       background: var(--devsite-background-color, var(--devsite-primary-color, var(--devsite-primary-text-color)))
}

.devsite-landing-row-header-icon-container[background][foreground=theme],
.devsite-landing-row-header-icon-container[foreground=theme],
.devsite-landing-row-item-icon-container[background][foreground=theme],
.devsite-landing-row-item-icon-container[foreground=theme] {
       color: var(--devsite-primary-color, var(--devsite-primary-text-color))
}

.devsite-landing-row :focus .devsite-landing-row-header-icon-container[background][foreground=theme],
.devsite-landing-row :focus .devsite-landing-row-item-icon-container[background][foreground=theme],
.devsite-landing-row :link .devsite-landing-row-header-icon-container[background][foreground=theme]:hover,
.devsite-landing-row :link .devsite-landing-row-item-icon-container[background][foreground=theme]:hover {
       color: var(--devsite-primary-color, var(--devsite-primary-text-color))
}

.devsite-landing-row-header-icon,
.devsite-landing-row-item-icon {
       aspect-ratio: 1
}

.devsite-landing-row-header-icon {
       font-size: var(--devsite-header-icon-size, var(--devsite-icon-size));
       height: var(--devsite-header-icon-size, var(--devsite-icon-size));
       margin-block: var(--devsite-header-icon-margin-block, 0);
       margin-inline: var(--devsite-header-icon-margin-inline, 0);
       width: var(--devsite-header-icon-size, var(--devsite-icon-size))
}

.devsite-landing-row-item-icon {
       font-size: var(--devsite-icon-size);
       height: var(--devsite-icon-size);
       margin-block: var(--devsite-icon-margin-block, 0);
       margin-inline: var(--devsite-icon-margin-inline, 4px 0);
       width: var(--devsite-icon-size)
}

.devsite-landing-row-item-centered [icon-position=top] .devsite-landing-row-item-icon-container,
.devsite-landing-row-item-centered [icon-position=top]>a {
       margin-inline: auto
}

.devsite-landing-row-header-icon-container[background],
.devsite-landing-row-item-icon-container[background] {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

[background] .devsite-landing-row-header-icon-container:not([foreground]),
[background] .devsite-landing-row-item-icon-container:not([foreground]) {
       color: var(--devsite-icon-color, var(--devsite-inverted-text-color))
}

:focus .devsite-landing-row-header-icon-container,
:focus .devsite-landing-row-item-icon-container,
:link .devsite-landing-row-header-icon-container:hover,
:link .devsite-landing-row-item-icon-container:hover {
       color: var(--devsite-link-color)
}

[foreground] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container,
[foreground] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover,
[foreground] :focus .devsite-landing-row-header-icon-container,
[foreground] :link .devsite-landing-row-header-icon-container:hover {
       color: rgba(154, 160, 166, .5)
}

[background] .devsite-landing-row-item :focus .devsite-landing-row-item-icon-container,
[background] .devsite-landing-row-item :link .devsite-landing-row-item-icon-container:hover,
[background] :focus .devsite-landing-row-header-icon-container,
[background] :link .devsite-landing-row-header-icon-container:hover {
       color: var(--devsite-icon-color-hover, var(--devsite-inverted-text-rgba))
}

:focus .devsite-landing-row-header-icon-container[background],
:focus .devsite-landing-row-item-icon-container[background],
:link .devsite-landing-row-header-icon-container[background]:hover,
:link .devsite-landing-row-item-icon-container[background]:hover {
       color: var(--devsite-foreground-color, var(--devsite-icon-color, var(--devsite-secondary-text-color)));
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)
}

[background] :focus .devsite-landing-row-header-icon-container[background],
[background] :focus .devsite-landing-row-item-icon-container[background],
[background] :link .devsite-landing-row-header-icon-container[background]:hover,
[background] :link .devsite-landing-row-item-icon-container[background]:hover {
       color: var(--devsite-foreground-color, var(--devsite-icon-color, var(--devsite-inverted-text-color)));
       text-decoration: none
}

@media screen and (max-width:840px) {
       .devsite-landing-row-item-description[icon-position^=bottom] {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: reverse;
              -webkit-flex-direction: row-reverse;
              -moz-box-orient: horizontal;
              -moz-box-direction: reverse;
              -ms-flex-direction: row-reverse;
              flex-direction: row-reverse
       }

       .devsite-landing-row-item-description[icon-position^=bottom] .devsite-landing-row-item-icon,
       .devsite-landing-row-item-description[icon-position^=bottom] .devsite-landing-row-item-icon-container,
       .devsite-landing-row-item-description[icon-position^=bottom]>a {
              -webkit-align-self: center;
              -ms-flex-item-align: center;
              align-self: center
       }
}

.devsite-landing-row-1-up .devsite-landing-row-item {
       display: grid;
       grid-gap: var(--devsite-item-gap);
       grid-template-columns: var(--devsite-1-up-grid-template-columns)
}

.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item {
       -webkit-box-align: var(--devsite-hero-align-items, center);
       -webkit-align-items: var(--devsite-hero-align-items, center);
       -moz-box-align: var(--devsite-hero-align-items, center);
       -ms-flex-align: var(--devsite-hero-align-items, center);
       align-items: var(--devsite-hero-align-items, center)
}

.devsite-landing-row-1-up .devsite-landing-row-item-description,
.devsite-landing-row-1-up .devsite-landing-row-item-media-left {
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1
}

.devsite-landing-row-1-up .devsite-landing-row-item-media,
.devsite-landing-row-1-up .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2
}

.devsite-landing-row-1-up .devsite-landing-row-item-description {
       display: block;
       grid-column: 1/span 4
}

.devsite-landing-row-1-up .devsite-landing-row-item-media {
       grid-column: var(--devsite-media-grid-column, 5/span 8);
       margin: 0
}

.devsite-landing-row-1-up .devsite-landing-row-item-media-left {
       grid-column: var(--devsite-media-left-grid-column, 1/span 8)
}

.devsite-landing-row-1-up .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
       grid-column: 9/span 4
}

.devsite-landing-row.devsite-landing-row-1-up .devsite-landing-row-item-description {
       margin-top: 0
}

.devsite-landing-row-1-up .devsite-landing-row-item-no-media .devsite-landing-row-item-description {
       grid-column: var(--devsite-1-up-no-media-description-grid-column)
}

.devsite-landing-row-50 .devsite-landing-row-item-description {
       grid-column: 1/span 6
}

.devsite-landing-row-50 .devsite-landing-row-item-media {
       grid-column: var(--devsite-row-50-media-grid-column, 7/span 6)
}

.devsite-landing-row-50 .devsite-landing-row-item-media-left {
       grid-column: var(--devsite-row-50-media-left-grid-column, 1/span 6)
}

.devsite-landing-row-50 .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
       grid-column: 7/span 6
}

.devsite-landing-row-67 .devsite-landing-row-item-description {
       grid-column: var(--devsite-row-67-description-grid-column, 1/span 8)
}

.devsite-landing-row-67 .devsite-landing-row-item-media {
       grid-column: var(--devsite-row-67-media-grid-column, 9/span 4)
}

.devsite-landing-row-67 .devsite-landing-row-item-media-left {
       grid-column: var(--devsite-row-67-media-left-grid-column, 1/span 4)
}

.devsite-landing-row-67 .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
       grid-column: var(--devsite-row-67-description-left-grid-column, 5/span 8)
}

.devsite-landing-row-75 .devsite-landing-row-item-description {
       grid-column: 1/span 9
}

.devsite-landing-row-75 .devsite-landing-row-item-media {
       grid-column: var(--devsite-row-75-media-grid-column, 10/span 3)
}

.devsite-landing-row-75 .devsite-landing-row-item-media-left {
       grid-column: var(--devsite-row-75-media-left-grid-column, 1/span 3)
}

.devsite-landing-row-75 .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
       grid-column: 4/span 9
}

.devsite-landing-row-100 .devsite-landing-row-group,
.devsite-landing-row-100 .devsite-landing-row-item-media {
       width: 100%
}

.devsite-landing-row-100 .devsite-landing-row-item {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-landing-row-100 .devsite-landing-row-item-media+.devsite-landing-row-item-description {
       margin-bottom: 32px
}

@media screen and (max-width:840px) {

       .devsite-landing-row-1-up .devsite-landing-row-item-description,
       .devsite-landing-row-1-up .devsite-landing-row-item-media-left {
              grid-column: 1;
              grid-row: 1;
              -webkit-box-ordinal-group: 2;
              -webkit-order: 1;
              -moz-box-ordinal-group: 2;
              -ms-flex-order: 1;
              order: 1
       }

       .devsite-landing-row-1-up .devsite-landing-row-item-media-left+.devsite-landing-row-item-description,
       .devsite-landing-row-1-up .devsite-landing-row-item-media:not(.devsite-landing-row-item-media-left) {
              grid-column: 2
       }
}

@media screen and (max-width:600px) {
       .devsite-landing-row-1-up .devsite-landing-row-item {
              display: var(--devsite-item-display, block)
       }
}

.devsite-landing-row-item-buttons {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin-left: -12px;
       padding-top: 8px
}

.devsite-landing-row-1-up.devsite-landing-row-hero .devsite-landing-row-item-buttons {
       padding-top: var(--devsite-landing-row-hero-buttons-padding-top, 32px)
}

.devsite-landing-row-item-buttons .button {
       margin: 4px 4px 4px 12px
}

.devsite-landing-row-item-buttons .button>.material-icons {
       top: -1px
}

.devsite-landing-row-item-buttons .button-white:not(.button-raised),
.devsite-landing-row-item-buttons .button-white:not(.button-raised)+.button-white:not(.button-raised) {
       margin: 0 4px
}

.devsite-landing-row-cta .devsite-landing-row-item-buttons {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 24px 0 0
}

p+.devsite-landing-row-item-buttons {
       margin-top: -8px
}

.devsite-landing-row-item-media {
       margin: var(--devsite-item-media-margin, 0);
       min-width: 0;
       padding: var(--devsite-item-media-padding, 0)
}

.devsite-landing-row-item-code devsite-code {
       margin: 0
}

.devsite-landing-row-item-video {
       display: block;
       width: 100%
}

.devsite-landing-row-item-description {
       color: var(--devsite-text-color, inherit)
}

.devsite-landing-row-item-media+.devsite-landing-row-item-description {
       margin: var(--devsite-item-description-margin, 32px 0 0)
}

.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description,
.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-media,
.devsite-landing-row-item[description-position=right] .devsite-landing-row-item-description,
.devsite-landing-row-item[description-position=right] .devsite-landing-row-item-media {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 var(--devsite-item-media-width, calc((100% - 24px)/2));
       -moz-box-flex: 0;
       -ms-flex: 0 0 var(--devsite-item-media-width, calc((100% - 24px)/2));
       flex: 0 0 var(--devsite-item-media-width, calc((100% - 24px)/2));
       margin: 0
}

.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-media {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2
}

.devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description {
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1
}

.devsite-landing-row-item[background] .devsite-landing-row-item-description,
.devsite-landing-row-item[background][description-position=left] .devsite-landing-row-item-description,
.devsite-landing-row-item[background][description-position=right] .devsite-landing-row-item-description {
       padding: var(--devsite-item-description-padding, 16px)
}

[dir=ltr] .devsite-landing-row-cards .devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description,
[dir=ltr] .devsite-landing-row-item[background][description-position=left] .devsite-landing-row-item-description {
       padding-right: 0
}

[dir=rtl] .devsite-landing-row-cards .devsite-landing-row-item[description-position=left] .devsite-landing-row-item-description,
[dir=rtl] .devsite-landing-row-item[background][description-position=left] .devsite-landing-row-item-description {
       padding-left: 0
}

[dir=ltr] .devsite-landing-row-cards .devsite-landing-row-item[description-position=right] .devsite-landing-row-item-description,
[dir=ltr] .devsite-landing-row-item[background][description-position=right] .devsite-landing-row-item-description {
       padding-left: 0
}

[dir=rtl] .devsite-landing-row-cards .devsite-landing-row-item[description-position=right] .devsite-landing-row-item-description,
[dir=rtl] .devsite-landing-row-item[background][description-position=right] .devsite-landing-row-item-description {
       padding-right: 0
}

.devsite-landing-row-item[description-position=top] .devsite-landing-row-item-media {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2
}

.devsite-landing-row-item[description-position=top] .devsite-landing-row-item-description {
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1
}

.devsite-landing-row-item[description-position=top] .devsite-landing-row-item-media+.devsite-landing-row-item-description {
       margin: var(--devsite-item-description-top-margin, 0 0 32px)
}

.devsite-landing-row-item-body,
.devsite-landing-row-item-description {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: var(--devsite-item-description-height, auto);
       min-width: 0
}

.devsite-landing-row-item-body {
       display: var(--devsite-item-body-display, flex);
       grid: var(--devsite-item-body-grid);
       grid-gap: var(--devsite-item-body-grid-gap)
}

.devsite-landing-row-item-body h3 {
       grid-area: heading
}

.devsite-landing-row-item-buttons {
       grid-area: buttons;
       margin: var(--devsite-buttons-margin, auto 0 -8px);
       padding: var(--devsite-buttons-padding, 8px 0 0)
}

[dir=ltr] .devsite-landing-row-item-buttons {
       margin-left: -12px
}

[dir=rtl] .devsite-landing-row-item-buttons {
       margin-right: -12px
}

.devsite-landing-row-item-description h2,
.devsite-landing-row-large-headings h3,
.devsite-landing-row h3:first-child,
.devsite-landing-row h3:first-of-type,
.devsite-landing-row h4+p,
.devsite-landing-row h4:first-child,
.devsite-landing-row h5:first-child,
.devsite-landing-row h6:first-child,
.devsite-landing-row p:first-child {
       margin-top: 0
}

.devsite-landing-row-item-description-content {
       font: var(--devsite-description-content-font, inherit);
       grid-area: content
}

.devsite-landing-row-item-description-content>:last-child {
       margin-bottom: 0
}

.devsite-landing-row-item-centered .devsite-landing-row-item-description-content,
.devsite-landing-row-item-centered h3 {
       text-align: center
}

.devsite-landing-row-item-centered .devsite-landing-row-item-buttons {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

@media screen and (max-width:840px) {

       .devsite-landing-row-item[description-position] .devsite-landing-row-item-description,
       .devsite-landing-row-item[description-position] .devsite-landing-row-item-media {
              max-width: none
       }

       .devsite-landing-row-item[description-position] .devsite-landing-row-item-media {
              -webkit-align-self: var(--devsite-item-media-align-self);
              -ms-flex-item-align: var(--devsite-item-media-align-self);
              align-self: var(--devsite-item-media-align-self);
              -webkit-box-flex: 0;
              -webkit-flex: 0 0 auto;
              -moz-box-flex: 0;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
              margin: var(--devsite-item-media-margin, 0);
              -webkit-box-ordinal-group: NaN;
              -webkit-order: var(--devsite-item-media-order, 1);
              -moz-box-ordinal-group: NaN;
              -ms-flex-order: var(--devsite-item-media-order, 1);
              order: var(--devsite-item-media-order, 1);
              width: var(--devsite-item-media-width)
       }

       .devsite-landing-row-item[description-position] .devsite-landing-row-item-description {
              -webkit-box-ordinal-group: NaN;
              -webkit-order: var(--devsite-item-description-order, 2);
              -moz-box-ordinal-group: NaN;
              -ms-flex-order: var(--devsite-item-description-order, 2);
              order: var(--devsite-item-description-order, 2)
       }

       .devsite-landing-row-item[description-position=top] .devsite-landing-row-item-media {
              -webkit-box-ordinal-group: 3;
              -webkit-order: 2;
              -moz-box-ordinal-group: 3;
              -ms-flex-order: 2;
              order: 2
       }

       .devsite-landing-row-item[description-position=top] .devsite-landing-row-item-description {
              -webkit-box-ordinal-group: 2;
              -webkit-order: 1;
              -moz-box-ordinal-group: 2;
              -ms-flex-order: 1;
              order: 1
       }

       [dir] .devsite-landing-row-cards .devsite-landing-row-item[description-position] .devsite-landing-row-item-description,
       [dir] .devsite-landing-row-item[background][description-position] .devsite-landing-row-item-description {
              padding: var(--devsite-item-description-padding, 16px)
       }
}

@media screen and (max-width:600px) {
       .devsite-landing-row-1-up .devsite-landing-row-item-media+.devsite-landing-row-item-description {
              margin: var(--devsite-item-description-margin, 32px 0 0);
              padding: 0
       }
}

.devsite-landing-row-item-custom-image {
       aspect-ratio: 16/9
}

.devsite-landing-row-item-custom-image,
.devsite-landing-row-item-custom-image-icon-wrapper {
       display: grid;
       place-content: center
}

.devsite-landing-row-item-custom-image:not([background]) {
       background-color: var(--devsite-background-color, var(--devsite-primary-color, var(--devsite-primary-text-color)))
}

.devsite-landing-row-item-custom-image[background=grey] {
       background: var(--devsite-background-color, var(--devsite-background-3))
}

.devsite-landing-row-item-custom-image[background=white] {
       background: var(--devsite-background-1)
}

.devsite-landing-row-item-custom-image-icon-container[background],
.devsite-landing-row-no-image-background .devsite-landing-row-item-custom-image:not([background]) {
       background: 0
}

.devsite-landing-row-item-custom-image-icon {
       color: var(--devsite-inverted-text-color);
       font-size: var(--devsite-custom-image-icon-font-size);
       max-height: var(--devsite-custom-image-icon-max-height);
       width: var(--devsite-custom-image-icon-width)
}

.devsite-landing-row-item-custom-image[background=grey]:not([foreground]) .devsite-landing-row-item-custom-image-icon,
.devsite-landing-row-item-custom-image[background=white]:not([foreground]) .devsite-landing-row-item-custom-image-icon {
       color: var(--devsite-icon-color, var(--devsite-secondary-text-color))
}

.devsite-landing-row-item-custom-image-icon.material-icons {
       opacity: .8
}

.devsite-landing-row-item-description-callout {
       font-weight: 700
}

.devsite-landing-row-item-description-feature {
       margin-top: 16px;
       position: relative
}

.devsite-landing-row-item-description-feature+.devsite-landing-row-item-description-feature {
       margin: 0
}

.devsite-landing-row-item-description-feature-link {
       border-bottom: var(--devsite-secondary-border);
       font-weight: 500;
       padding: 12px 0 11px
}

.devsite-landing-row-item-description-feature-tooltip {
       background: #455a64;
       color: hsla(0, 0%, 100%, .7);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       font: 14px/20px var(--devsite-primary-font-family);
       min-width: 200px;
       opacity: 0;
       padding: 24px;
       position: absolute;
       -webkit-transition: opacity .2s, visibility .2s;
       transition: opacity .2s, visibility .2s;
       visibility: hidden;
       width: 67%;
       z-index: 1020
}

.no-touch .devsite-landing-row-item-description-feature-link:hover+.devsite-landing-row-item-description-feature-tooltip {
       opacity: 1;
       visibility: visible
}

.devsite-landing-row-item-description-feature-tooltip:before {
       border-bottom: 8px solid #455a64;
       border-left: 8px solid transparent;
       border-right: 8px solid transparent;
       content: "";
       position: absolute;
       top: -8px
}

.devsite-landing-row-item-description-feature-tooltip h3,
.devsite-landing-row-large-headings .devsite-landing-row-item-description-feature-tooltip h3 {
       color: #fff;
       font: 14px/20px var(--devsite-primary-font-family);
       margin-bottom: 8px;
       padding: 0
}

.devsite-landing-row-item-image {
       -webkit-align-self: flex-start;
       -ms-flex-item-align: start;
       align-self: flex-start
}

.devsite-landing-row-item-image:not([background]) {
       background: var(--devsite-background-4)
}

.devsite-landing-row-item-image img {
       min-width: var(--devsite-item-image-min-width);
       vertical-align: middle;
       width: var(--devsite-item-image-width, 100%)
}

.devsite-landing-row-item-image a {
       display: block
}

.devsite-landing-row-no-image-background .devsite-landing-row-item-image:not([background]) {
       background: 0
}

.devsite-landing-row-item-list {
       padding: 0
}

.devsite-landing-row-item-description-content+.devsite-landing-row-item-list {
       margin-top: 32px
}

.devsite-landing-row-item-list-item {
       list-style: none
}

.devsite-landing-row-item-list-item-content {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.devsite-landing-row-item-list-item-content[icon-position=top] {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-landing-row-item-list-item-icon-container,
.devsite-landing-row-item-list-item-icon-container[background] {
       color: var(--devsite-foreground-color, var(--devsite-icon-color, var(--devsite-secondary-text-color)))
}

.devsite-landing-row-item-list-item-icon-container {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: 40px;
       margin-block: 0;
       margin-inline: 0 20px;
       -webkit-transition: background .2s, box-shadow .2s, color .2s;
       transition: background .2s, box-shadow .2s, color .2s;
       width: 40px
}

.devsite-landing-row-item-list-item-icon {
       font-size: 32px;
       height: 32px;
       width: 32px
}

.devsite-landing-row-item-list-item-icon-container[background] {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-background-color, var(--devsite-primary-color, var(--devsite-primary-text-color)));
       border-radius: 50%;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.devsite-landing-row-item-list-item-icon-container[background] .devsite-landing-row-item-list-item-icon {
       font-size: 24px;
       height: 24px;
       width: 24px
}

.devsite-landing-row-item-list h4 {
       font: 400 16px/20px var(--devsite-primary-font-family)
}

.devsite-landing-row .devsite-landing-row-item-list h4 {
       margin: 0 0 4px
}

.devsite-landing-row-item-list-item-description {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       font: 400 14px/20px var(--devsite-primary-font-family);
       max-width: calc(100% - 40px)
}

@media screen and (max-width:840px) {
       .devsite-landing-row-item-list-item-description {
              max-width: none
       }
}

.devsite-landing-row-item-list-item:not(:last-child) .devsite-landing-row-item-list-item-description-content {
       margin-bottom: 24px
}

[background] :focus>.devsite-landing-row-item-list-item-icon-container,
[background] :link>.devsite-landing-row-item-list-item-icon-container:hover {
       text-decoration: none
}

:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[foreground=theme],
:link .devsite-landing-row-item-list-item-icon-container[foreground=theme]:hover {
       color: var(--devsite-icon-color-hover, var(--devsite-primary-color, var(--devsite-inverted-text-rgba)))
}

[foreground] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
[foreground] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
       color: rgba(154, 160, 166, .5)
}

[background] :focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container,
[background] :link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container {
       color: var(--devsite-icon-color-hover, var(--devsite-inverted-text-rgba))
}

:link .devsite-landing-row-item-list-item-description h4+p {
       color: var(--devsite-primary-text-color);
       text-decoration: none
}

[background] :link .devsite-landing-row-item-list-item-description h4+p {
       color: var(--devsite-text-color, var(--devsite-inverted-text-color))
}

:focus .devsite-landing-row-item-list-item-content .devsite-landing-row-item-list-item-icon-container[background],
:link .devsite-landing-row-item-list-item-content:hover .devsite-landing-row-item-list-item-icon-container[background] {
       background: var(--devsite-inverted-text-rgba);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)
}

.devsite-landing-row :focus .devsite-landing-row-item-list-item-description>:first-child,
[background] :link .devsite-landing-row-item-list-item-description>:first-child {
       text-decoration: underline
}

.devsite-landing-row-item-labels>a,
.devsite-landing-row-item-labels>span {
       color: var(--devsite-label-color, inherit);
       display: inline-block;
       font: var(--devsite-label-font, 500 11px/16px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-label-letter-spacing, .8px);
       margin: var(--devsite-label-margin, 0 0 8px);
       text-transform: var(--devsite-label-text-transform, uppercase)
}

.devsite-landing-row-item-labels>a+a,
.devsite-landing-row-item-labels>a+span,
.devsite-landing-row-item-labels>span+a,
.devsite-landing-row-item-labels>span+span {
       margin-left: 8px
}

.devsite-landing-row-item-labels>a[background],
.devsite-landing-row-item-labels>span[background] {
       border-radius: 4px;
       margin-bottom: 16px;
       padding: 4px 8px
}

.devsite-landing-row-column>.devsite-landing-row-item:nth-of-type(n+2) {
       margin: 32px 0 0
}

.devsite-landing-row-item {
       -webkit-box-align: var(--devsite-item-align-items);
       -webkit-align-items: var(--devsite-item-align-items);
       -moz-box-align: var(--devsite-item-align-items);
       -ms-flex-align: var(--devsite-item-align-items);
       align-items: var(--devsite-item-align-items);
       display: var(--devsite-item-display, flex);
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-width: 100%
}

.devsite-landing-row-item[description-position=left],
.devsite-landing-row-item[description-position=right] {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.devsite-landing-row-column,
.devsite-landing-row-item {
       -webkit-box-flex: 1;
       -webkit-flex: 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0;
       flex: 1 0;
       min-width: 0
}

.devsite-landing-row-column>.devsite-landing-row-item {
       display: block
}

.devsite-landing-row-item-hidden {
       visibility: hidden
}

@media screen and (max-width:840px) {
       .devsite-landing-row-item[description-position] {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-pack: start;
              -webkit-justify-content: flex-start;
              -moz-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start
       }
}

@media screen and (max-width:600px) {
       .devsite-landing-row-item[description-position=top] {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }
}

.devsite-landing-row-logos .devsite-landing-row-item-custom-image {
       aspect-ratio: unset;
       height: 96px
}

.devsite-landing-row-logos .devsite-landing-row-item-custom-image:not([background]) {
       background: 0
}

.devsite-landing-row-logos .devsite-landing-row-item-custom-image-icon {
       opacity: 1
}

.devsite-landing-row-logos .devsite-landing-row-item-description {
       margin: 0;
       text-align: center
}

@media screen and (max-width:840px) {
       .devsite-landing-row-logos.devsite-landing-row-3-up .devsite-landing-row-group {
              grid-template-columns: repeat(3, 1fr)
       }

       .devsite-landing-row-logos.devsite-landing-row-4-up .devsite-landing-row-group {
              grid-template-columns: repeat(4, 1fr)
       }
}

@media screen and (max-width:600px) {

       .devsite-landing-row-logos.devsite-landing-row-2-up .devsite-landing-row-group,
       .devsite-landing-row-logos.devsite-landing-row-4-up .devsite-landing-row-group,
       .devsite-landing-row-logos.devsite-landing-row[header-position] .devsite-landing-row-group {
              grid-template-columns: repeat(2, 1fr)
       }
}

.devsite-landing-row-1-up.devsite-landing-row-marquee,
.devsite-landing-row-1-up.devsite-landing-row-marquee[background] {
       padding: 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-header {
       margin: 0;
       padding: 40px 0 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description,
.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
       margin: 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-image {
       background: 0
}

.devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description {
       padding: 40px 0
}

@media screen and (max-width:840px) {
       .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item {
              display: block
       }

       .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description,
       .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media {
              width: 100%
       }

       .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-description,
       .devsite-landing-row-1-up.devsite-landing-row-marquee .devsite-landing-row-item-media-left+.devsite-landing-row-item-description {
              margin: 0
       }
}

.devsite-landing-row {
       padding: var(--devsite-landing-row-padding)
}

.devsite-landing-row:not([background]) {
       background-color: var(--devsite-background-1)
}

body[layout=docs] .devsite-landing-row:first-of-type {
       border-radius: var(--devsite-first-row-border-radius, 2px 2px 0 0)
}

body[layout=docs] .devsite-landing-row:last-of-type {
       border-radius: var(--devsite-last-row-border-radius, 0 0 2px 2px)
}

.devsite-landing-row:not([background]):not(.devsite-landing-row-cta)+:not([background]):not(.devsite-landing-row-cta):not([class^=devsite-landing-row-padding-]),
.devsite-landing-row[background=grey]:not(.devsite-landing-row-cta)+[background=grey]:not(.devsite-landing-row-cta):not([class^=devsite-landing-row-padding-]),
.devsite-landing-row[background=theme]+[background=theme]:not(.devsite-landing-row-cta):not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=blue-grey]+[background=blue-grey]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=blue-grey-dark]+[background=blue-grey-dark]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=cyan]+[background=cyan]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=deep-orange]+[background=deep-orange]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=deep-purple]+[background=deep-purple]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=google-blue]+[background=google-blue]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=google-green]+[background=google-green]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=google-red]+[background=google-red]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=google-yellow]+[background=google-yellow]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=indigo]+[background=indigo]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=orange]+[background=orange]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=pink]+[background=pink]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=purple]+[background=purple]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=teal]+[background=teal]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=blue]+[background=blue]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=green]+[background=green]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=light-blue]+[background=light-blue]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=light-green]+[background=light-green]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=navy]+[background=navy]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row[background=pale-blue]+[background=pale-blue]:not([class^=devsite-landing-row-padding-]) {
       padding-top: 0
}

.devsite-landing-row:not([background])+.devsite-landing-row-cta:not([class^=devsite-landing-row-padding-]) {
       padding-top: 40px
}

.devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-small {
       padding-top: 32px
}

.devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-medium {
       padding-top: 64px
}

.devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-large {
       padding-top: 96px
}

.devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-xlarge {
       padding-top: 128px
}

.devsite-landing-row-inner {
       margin: 0 auto;
       max-width: var(--devsite-landing-row-max-width, 1488px);
       padding: var(--devsite-landing-group-padding)
}

.devsite-landing-row-group,
.devsite-landing-row-html {
       margin: 0 auto
}

.devsite-landing-row-group {
       background: var(--devsite-landing-row-group-background);
       border: var(--devsite-landing-row-group-border);
       border-radius: var(--devsite-landing-row-group-border-radius);
       display: grid;
       grid: var(--devsite-landing-row-group-grid);
       grid-auto-rows: var(--devsite-grid-auto-rows);
       grid-gap: var(--devsite-item-gap);
       max-width: var(--devsite-landing-row-group-max-width);
       padding: var(--devsite-landing-row-group-padding)
}

.devsite-landing-row-1-up .devsite-landing-row-group {
       display: block
}

.devsite-landing-row[header-position=left] .devsite-landing-row-inner,
.devsite-landing-row[header-position=right] .devsite-landing-row-inner {
       display: grid;
       grid: var(--devsite-landing-row-inner-grid, 1fr/repeat(3, 1fr));
       grid-gap: var(--devsite-item-gap)
}

.devsite-landing-row[header-position=left] .devsite-landing-row-group {
       grid-column: var(--devsite-landing-row-group-grid-column, 2/span 2)
}

.devsite-landing-row[header-position=right] .devsite-landing-row-group {
       grid-column: var(--devsite-landing-row-group-grid-column, 1/span 2);
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1
}

@media screen and (max-width:840px) {
       .devsite-landing-row[header-position] .devsite-landing-row-inner {
              display: block
       }

       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-large,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-medium,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-small,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-xlarge,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta:not([class^=devsite-landing-row-padding-]) {
              padding-top: 24px
       }
}

@media screen and (max-width:600px) {

       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-large,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-medium,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-small,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta.devsite-landing-row-padding-xlarge,
       .devsite-landing-row:not([background])+.devsite-landing-row-cta:not([class^=devsite-landing-row-padding-]) {
              padding-top: 16px
       }
}

.cws-text-center {
       text-align: center
}

.cws-text-left {
       text-align: left
}

.cws-text-right {
       text-align: right
}

.cws-justify-center {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cws-elevation--0 {
       -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       border: 1px solid #dadce0;
       box-shadow: none
}

.cws-elevation--0 .mdc-elevation-overlay {
       opacity: 0
}

.cws-elevation--1 {
       -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cws-elevation--1 .mdc-elevation-overlay {
       opacity: 0
}

.cws-elevation--2 {
       -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.cws-elevation--2 .mdc-elevation-overlay {
       opacity: 0
}

.cws-elevation--3 {
       -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       border-width: 0;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.cws-elevation--3 .mdc-elevation-overlay {
       opacity: 0
}

.cws-elevation--4 {
       -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       border-width: 0;
       box-shadow: 0 2px 3px 0 rgba(60, 64, 67, .3), 0 6px 10px 4px rgba(60, 64, 67, .15)
}

.cws-elevation--4 .mdc-elevation-overlay {
       opacity: 0
}

.cws-elevation--5 {
       -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
       border-width: 0;
       box-shadow: 0 4px 4px 0 rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15)
}

.cws-elevation--5 .mdc-elevation-overlay {
       opacity: 0
}

.cws-grid {
       display: grid;
       gap: 28px;
       grid-template-columns: repeat(4, minmax(5px, 1fr))
}

.cws-grid .cws-grid__col--span-1 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-2 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-3 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-4 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-5 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-6 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-7 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-8 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-9 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-10 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-11 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-12 {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--offset-0 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-1 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-2 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-3 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-4 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-5 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-6 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-7 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-8 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-9 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-10 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-11 {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--span-1-sm {
       grid-column-end: span 1
}

.cws-grid .cws-grid__col--span-1-sm .cws-grid {
       grid-template-columns: repeat(1, minmax(5px, 1fr))
}

.cws-grid .cws-grid__col--span-2-sm {
       grid-column-end: span 2
}

.cws-grid .cws-grid__col--span-2-sm .cws-grid {
       grid-template-columns: repeat(2, minmax(5px, 1fr))
}

.cws-grid .cws-grid__col--span-3-sm {
       grid-column-end: span 3
}

.cws-grid .cws-grid__col--span-3-sm .cws-grid {
       grid-template-columns: repeat(3, minmax(5px, 1fr))
}

.cws-grid .cws-grid__col--span-4-sm {
       grid-column-end: span 4
}

.cws-grid .cws-grid__col--span-4-sm .cws-grid {
       grid-template-columns: repeat(4, minmax(5px, 1fr))
}

.cws-grid .cws-grid__col--offset-0-sm {
       grid-column-start: 1
}

.cws-grid .cws-grid__col--offset-1-sm {
       grid-column-start: 2
}

.cws-grid .cws-grid__col--offset-2-sm {
       grid-column-start: 3
}

.cws-grid .cws-grid__col--offset-3-sm {
       grid-column-start: 4
}

.cws-grid--compact {
       gap: 16px
}

.cws-grid.cws-grid__no-gap {
       gap: 0
}

.cws-grid.cws-grid__no-gap--row {
       row-gap: 0
}

.cws-grid.cws-grid__no-gap--column {
       -webkit-column-gap: 0;
       -moz-column-gap: 0;
       column-gap: 0
}

.cws-grid.cws-grid--align-center {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

.cws-grid .cws-grid__col--align-top {
       -webkit-align-self: start;
       -ms-flex-item-align: start;
       align-self: start
}

.cws-grid .cws-grid__col--align-center {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

.cws-grid .cws-grid__col--align-bottom {
       -webkit-align-self: end;
       -ms-flex-item-align: end;
       align-self: end
}

.cws-grid .cws-grid__col-justify-center {
       justify-self: center
}

.cws-grid .cws-grid__col--span-0 {
       display: none
}

@media (min-width:768px) {
       .cws-grid {
              gap: 40px;
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-1 {
              grid-column-end: span 1
       }

       .cws-grid .cws-grid__col--span-1 .cws-grid {
              grid-template-columns: repeat(1, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-2 {
              grid-column-end: span 2
       }

       .cws-grid .cws-grid__col--span-2 .cws-grid {
              grid-template-columns: repeat(2, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-3 {
              grid-column-end: span 3
       }

       .cws-grid .cws-grid__col--span-3 .cws-grid {
              grid-template-columns: repeat(3, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-4 {
              grid-column-end: span 4
       }

       .cws-grid .cws-grid__col--span-4 .cws-grid {
              grid-template-columns: repeat(4, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-5 {
              grid-column-end: span 5
       }

       .cws-grid .cws-grid__col--span-5 .cws-grid {
              grid-template-columns: repeat(5, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-6 {
              grid-column-end: span 6
       }

       .cws-grid .cws-grid__col--span-6 .cws-grid {
              grid-template-columns: repeat(6, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-7 {
              grid-column-end: span 7
       }

       .cws-grid .cws-grid__col--span-7 .cws-grid {
              grid-template-columns: repeat(7, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-8 {
              grid-column-end: span 8
       }

       .cws-grid .cws-grid__col--span-8 .cws-grid {
              grid-template-columns: repeat(8, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-9 {
              grid-column-end: span 9
       }

       .cws-grid .cws-grid__col--span-9 .cws-grid {
              grid-template-columns: repeat(9, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-10 {
              grid-column-end: span 10
       }

       .cws-grid .cws-grid__col--span-10 .cws-grid {
              grid-template-columns: repeat(10, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-11 {
              grid-column-end: span 11
       }

       .cws-grid .cws-grid__col--span-11 .cws-grid {
              grid-template-columns: repeat(11, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-12 {
              grid-column-end: span 12
       }

       .cws-grid .cws-grid__col--span-12 .cws-grid {
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--offset-0 {
              grid-column-start: 1
       }

       .cws-grid .cws-grid__col--offset-1 {
              grid-column-start: 2
       }

       .cws-grid .cws-grid__col--offset-2 {
              grid-column-start: 3
       }

       .cws-grid .cws-grid__col--offset-3 {
              grid-column-start: 4
       }

       .cws-grid .cws-grid__col--offset-4 {
              grid-column-start: 5
       }

       .cws-grid .cws-grid__col--offset-5 {
              grid-column-start: 6
       }

       .cws-grid .cws-grid__col--offset-6 {
              grid-column-start: 7
       }

       .cws-grid .cws-grid__col--offset-7 {
              grid-column-start: 8
       }

       .cws-grid .cws-grid__col--offset-8 {
              grid-column-start: 9
       }

       .cws-grid .cws-grid__col--offset-9 {
              grid-column-start: 10
       }

       .cws-grid .cws-grid__col--offset-10 {
              grid-column-start: 11
       }

       .cws-grid .cws-grid__col--offset-11 {
              grid-column-start: 12
       }

       .cws-grid .cws-grid__col--span-1-md {
              grid-column-end: span 1
       }

       .cws-grid .cws-grid__col--span-1-md .cws-grid {
              grid-template-columns: repeat(1, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-2-md {
              grid-column-end: span 2
       }

       .cws-grid .cws-grid__col--span-2-md .cws-grid {
              grid-template-columns: repeat(2, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-3-md {
              grid-column-end: span 3
       }

       .cws-grid .cws-grid__col--span-3-md .cws-grid {
              grid-template-columns: repeat(3, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-4-md {
              grid-column-end: span 4
       }

       .cws-grid .cws-grid__col--span-4-md .cws-grid {
              grid-template-columns: repeat(4, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-5-md {
              grid-column-end: span 5
       }

       .cws-grid .cws-grid__col--span-5-md .cws-grid {
              grid-template-columns: repeat(5, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-6-md {
              grid-column-end: span 6
       }

       .cws-grid .cws-grid__col--span-6-md .cws-grid {
              grid-template-columns: repeat(6, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-7-md {
              grid-column-end: span 7
       }

       .cws-grid .cws-grid__col--span-7-md .cws-grid {
              grid-template-columns: repeat(7, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-8-md {
              grid-column-end: span 8
       }

       .cws-grid .cws-grid__col--span-8-md .cws-grid {
              grid-template-columns: repeat(8, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-9-md {
              grid-column-end: span 9
       }

       .cws-grid .cws-grid__col--span-9-md .cws-grid {
              grid-template-columns: repeat(9, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-10-md {
              grid-column-end: span 10
       }

       .cws-grid .cws-grid__col--span-10-md .cws-grid {
              grid-template-columns: repeat(10, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-11-md {
              grid-column-end: span 11
       }

       .cws-grid .cws-grid__col--span-11-md .cws-grid {
              grid-template-columns: repeat(11, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-12-md {
              grid-column-end: span 12
       }

       .cws-grid .cws-grid__col--span-12-md .cws-grid {
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--offset-0-md {
              grid-column-start: 1
       }

       .cws-grid .cws-grid__col--offset-1-md {
              grid-column-start: 2
       }

       .cws-grid .cws-grid__col--offset-2-md {
              grid-column-start: 3
       }

       .cws-grid .cws-grid__col--offset-3-md {
              grid-column-start: 4
       }

       .cws-grid .cws-grid__col--offset-4-md {
              grid-column-start: 5
       }

       .cws-grid .cws-grid__col--offset-5-md {
              grid-column-start: 6
       }

       .cws-grid .cws-grid__col--offset-6-md {
              grid-column-start: 7
       }

       .cws-grid .cws-grid__col--offset-7-md {
              grid-column-start: 8
       }

       .cws-grid .cws-grid__col--offset-8-md {
              grid-column-start: 9
       }

       .cws-grid .cws-grid__col--offset-9-md {
              grid-column-start: 10
       }

       .cws-grid .cws-grid__col--offset-10-md {
              grid-column-start: 11
       }

       .cws-grid .cws-grid__col--offset-11-md {
              grid-column-start: 12
       }

       .cws-grid--compact {
              gap: 24px
       }
}

@media (min-width:1024px) {
       .cws-grid {
              gap: 48px;
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-1-lg {
              grid-column-end: span 1
       }

       .cws-grid .cws-grid__col--span-1-lg .cws-grid {
              grid-template-columns: repeat(1, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-2-lg {
              grid-column-end: span 2
       }

       .cws-grid .cws-grid__col--span-2-lg .cws-grid {
              grid-template-columns: repeat(2, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-3-lg {
              grid-column-end: span 3
       }

       .cws-grid .cws-grid__col--span-3-lg .cws-grid {
              grid-template-columns: repeat(3, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-4-lg {
              grid-column-end: span 4
       }

       .cws-grid .cws-grid__col--span-4-lg .cws-grid {
              grid-template-columns: repeat(4, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-5-lg {
              grid-column-end: span 5
       }

       .cws-grid .cws-grid__col--span-5-lg .cws-grid {
              grid-template-columns: repeat(5, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-6-lg {
              grid-column-end: span 6
       }

       .cws-grid .cws-grid__col--span-6-lg .cws-grid {
              grid-template-columns: repeat(6, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-7-lg {
              grid-column-end: span 7
       }

       .cws-grid .cws-grid__col--span-7-lg .cws-grid {
              grid-template-columns: repeat(7, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-8-lg {
              grid-column-end: span 8
       }

       .cws-grid .cws-grid__col--span-8-lg .cws-grid {
              grid-template-columns: repeat(8, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-9-lg {
              grid-column-end: span 9
       }

       .cws-grid .cws-grid__col--span-9-lg .cws-grid {
              grid-template-columns: repeat(9, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-10-lg {
              grid-column-end: span 10
       }

       .cws-grid .cws-grid__col--span-10-lg .cws-grid {
              grid-template-columns: repeat(10, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-11-lg {
              grid-column-end: span 11
       }

       .cws-grid .cws-grid__col--span-11-lg .cws-grid {
              grid-template-columns: repeat(11, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-12-lg {
              grid-column-end: span 12
       }

       .cws-grid .cws-grid__col--span-12-lg .cws-grid {
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--offset-0-lg {
              grid-column-start: 1
       }

       .cws-grid .cws-grid__col--offset-1-lg {
              grid-column-start: 2
       }

       .cws-grid .cws-grid__col--offset-2-lg {
              grid-column-start: 3
       }

       .cws-grid .cws-grid__col--offset-3-lg {
              grid-column-start: 4
       }

       .cws-grid .cws-grid__col--offset-4-lg {
              grid-column-start: 5
       }

       .cws-grid .cws-grid__col--offset-5-lg {
              grid-column-start: 6
       }

       .cws-grid .cws-grid__col--offset-6-lg {
              grid-column-start: 7
       }

       .cws-grid .cws-grid__col--offset-7-lg {
              grid-column-start: 8
       }

       .cws-grid .cws-grid__col--offset-8-lg {
              grid-column-start: 9
       }

       .cws-grid .cws-grid__col--offset-9-lg {
              grid-column-start: 10
       }

       .cws-grid .cws-grid__col--offset-10-lg {
              grid-column-start: 11
       }

       .cws-grid .cws-grid__col--offset-11-lg {
              grid-column-start: 12
       }

       .cws-grid--compact {
              gap: 24px
       }
}

@media (min-width:1440px) {
       .cws-grid {
              gap: 64px;
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-1-xl {
              grid-column-end: span 1
       }

       .cws-grid .cws-grid__col--span-1-xl .cws-grid {
              grid-template-columns: repeat(1, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-2-xl {
              grid-column-end: span 2
       }

       .cws-grid .cws-grid__col--span-2-xl .cws-grid {
              grid-template-columns: repeat(2, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-3-xl {
              grid-column-end: span 3
       }

       .cws-grid .cws-grid__col--span-3-xl .cws-grid {
              grid-template-columns: repeat(3, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-4-xl {
              grid-column-end: span 4
       }

       .cws-grid .cws-grid__col--span-4-xl .cws-grid {
              grid-template-columns: repeat(4, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-5-xl {
              grid-column-end: span 5
       }

       .cws-grid .cws-grid__col--span-5-xl .cws-grid {
              grid-template-columns: repeat(5, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-6-xl {
              grid-column-end: span 6
       }

       .cws-grid .cws-grid__col--span-6-xl .cws-grid {
              grid-template-columns: repeat(6, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-7-xl {
              grid-column-end: span 7
       }

       .cws-grid .cws-grid__col--span-7-xl .cws-grid {
              grid-template-columns: repeat(7, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-8-xl {
              grid-column-end: span 8
       }

       .cws-grid .cws-grid__col--span-8-xl .cws-grid {
              grid-template-columns: repeat(8, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-9-xl {
              grid-column-end: span 9
       }

       .cws-grid .cws-grid__col--span-9-xl .cws-grid {
              grid-template-columns: repeat(9, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-10-xl {
              grid-column-end: span 10
       }

       .cws-grid .cws-grid__col--span-10-xl .cws-grid {
              grid-template-columns: repeat(10, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-11-xl {
              grid-column-end: span 11
       }

       .cws-grid .cws-grid__col--span-11-xl .cws-grid {
              grid-template-columns: repeat(11, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--span-12-xl {
              grid-column-end: span 12
       }

       .cws-grid .cws-grid__col--span-12-xl .cws-grid {
              grid-template-columns: repeat(12, minmax(5px, 1fr))
       }

       .cws-grid .cws-grid__col--offset-0-xl {
              grid-column-start: 1
       }

       .cws-grid .cws-grid__col--offset-1-xl {
              grid-column-start: 2
       }

       .cws-grid .cws-grid__col--offset-2-xl {
              grid-column-start: 3
       }

       .cws-grid .cws-grid__col--offset-3-xl {
              grid-column-start: 4
       }

       .cws-grid .cws-grid__col--offset-4-xl {
              grid-column-start: 5
       }

       .cws-grid .cws-grid__col--offset-5-xl {
              grid-column-start: 6
       }

       .cws-grid .cws-grid__col--offset-6-xl {
              grid-column-start: 7
       }

       .cws-grid .cws-grid__col--offset-7-xl {
              grid-column-start: 8
       }

       .cws-grid .cws-grid__col--offset-8-xl {
              grid-column-start: 9
       }

       .cws-grid .cws-grid__col--offset-9-xl {
              grid-column-start: 10
       }

       .cws-grid .cws-grid__col--offset-10-xl {
              grid-column-start: 11
       }

       .cws-grid .cws-grid__col--offset-11-xl {
              grid-column-start: 12
       }

       .cws-grid--compact {
              gap: 24px
       }
}

.cws-page {
       margin: 0 28px
}

@media (min-width:600px) {
       .cws-page {
              margin: 0 40px
       }
}

@media (min-width:1024px) {
       .cws-page {
              margin: 0 72px
       }
}

@media (min-width:1440px) {
       .cws-page {
              margin: 0 auto;
              max-width: 1296px
       }
}

.cws-fullbleed {
       margin: 0 auto;
       max-width: 1920px
}

.cws-divider {
       background-color: #dadce0;
       border: 0;
       height: 1px;
       margin: 0
}

.cws-border--top {
       border-top: 1px solid #dadce0
}

.cws-border--bottom {
       border-bottom: 1px solid #dadce0
}

.cws-hidden {
       height: 0;
       position: absolute;
       visibility: hidden
}

[no-scroll] {
       overflow: hidden
}

.cws-jump-content {
       padding-top: 72px
}

@media (min-width:1024px) {
       .cws-jump-content {
              padding-left: max(197px, 17.4%);
              padding-top: 0
       }
}

slot {
       -moz-box-sizing: inherit;
       box-sizing: inherit
}

.cws-body,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-description {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 16px;
       font-weight: 400;
       letter-spacing: .1px;
       line-height: 24px
}

.cws-body--large {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 18px;
       font-weight: 400;
       letter-spacing: normal;
       line-height: 28px
}

.cws-body--xlarge {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       font-size: 20px;
       font-weight: 400;
       letter-spacing: normal;
       line-height: 28px
}

.cws-caption,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-description {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 14px;
       font-weight: 400;
       letter-spacing: .15px;
       line-height: 24px
}

.cws-small-text {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-weight: 400;
       letter-spacing: .2px;
       line-height: 20px
}

.cws-eyebrow,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-nav-title {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       font-size: 14px;
       font-weight: 500;
       letter-spacing: .5px;
       line-height: 24px;
       text-transform: uppercase
}

.cws-label {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Roboto, Arial, sans-serif;
       font-size: 11px;
       font-weight: 500;
       letter-spacing: .5px;
       line-height: 16px;
       text-transform: uppercase
}

.cws-cta {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 20px
}

.cws-link-independent,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 24px
}

.cws-superscript {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       font-size: 14px;
       font-weight: 500;
       letter-spacing: .5px;
       line-height: 24px;
       text-transform: uppercase;
       color: inherit;
       top: 0;
       vertical-align: super
}

.cws-headline--fluid-1 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 10vw;
       font-weight: 700;
       letter-spacing: -.25px;
       line-height: 1.2em
}

@media (min-width:600px) {
       .cws-headline--fluid-1 {
              font-size: 6vw;
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 1.2em
       }
}

@media (min-width:1024px) {
       .cws-headline--fluid-1 {
              font-size: min(5vw, 72px);
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 1.2em
       }
}

.cws-headline--fluid-2 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 8vw;
       font-weight: 700;
       letter-spacing: 0;
       line-height: 1.2em
}

@media (min-width:600px) {
       .cws-headline--fluid-2 {
              font-size: 5vw;
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 1.2em
       }
}

@media (min-width:1024px) {
       .cws-headline--fluid-2 {
              font-size: min(4vw, 60px);
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 1.2em
       }
}

.cws-headline--headline-1 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 36px;
       font-weight: 700;
       letter-spacing: -.25px;
       line-height: 44px
}

@media (min-width:600px) {
       .cws-headline--headline-1 {
              font-size: 48px;
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 56px
       }
}

@media (min-width:1024px) {
       .cws-headline--headline-1 {
              font-size: 60px;
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 72px
       }
}

.cws-headline--headline-2 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 28px;
       font-weight: 700;
       letter-spacing: normal;
       line-height: 36px
}

@media (min-width:600px) {
       .cws-headline--headline-2 {
              font-size: 40px;
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 48px
       }
}

@media (min-width:1024px) {
       .cws-headline--headline-2 {
              font-size: 48px;
              font-weight: 700;
              letter-spacing: -.5px;
              line-height: 56px
       }
}

.cws-headline--headline-3 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 24px;
       font-weight: 700;
       letter-spacing: normal;
       line-height: 32px
}

@media (min-width:600px) {
       .cws-headline--headline-3 {
              font-size: 32px;
              font-weight: 700;
              letter-spacing: -.25px;
              line-height: 40px
       }
}

@media (min-width:1024px) {
       .cws-headline--headline-3 {
              font-size: 36px;
              font-weight: 700;
              letter-spacing: -.25px;
              line-height: 44px
       }
}

.cws-headline--headline-4,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-title {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 20px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 28px
}

@media (min-width:600px) {

       .cws-headline--headline-4,
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-title,
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-title {
              font-size: 24px;
              font-weight: 500;
              letter-spacing: normal;
              line-height: 32px
       }
}

@media (min-width:1024px) {

       .cws-headline--headline-4,
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-title,
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-title {
              font-size: 28px;
              font-weight: 500;
              letter-spacing: normal;
              line-height: 36px
       }
}

.cws-headline--headline-5 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 20px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 28px
}

.cws-headline--headline-6 {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       margin: 0;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 24px
}

.cws-link {
       color: #1a73e8;
       text-decoration: underline;
       border-radius: 4px;
       -webkit-transition: background-color .2s, color .2s;
       transition: background-color .2s, color .2s
}

.cws-link:active,
.cws-link:focus,
.cws-link:hover {
       color: #174ea6;
       text-decoration: underline
}

.cws-link:hover {
       background-color: rgba(26, 115, 232, .04)
}

.cws-link:focus {
       background-color: rgba(26, 115, 232, .12);
       box-shadow: 0 0 0 2px #1a73e8
}

.cws-link:active {
       background-color: rgba(26, 115, 232, .1)
}

.cws-link-independent,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title {
       color: #1a73e8;
       text-decoration: none;
       border-radius: 4px;
       -webkit-transition: background-color .2s, color .2s;
       transition: background-color .2s, color .2s
}

.cws-link-independent:active,
.cws-link-independent:focus,
.cws-link-independent:hover,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title:active,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title:hover,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title:active,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title:hover,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title:active,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title:hover {
       color: #174ea6;
       text-decoration: none
}

.cws-link-independent:hover,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title:hover,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title:hover,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title:hover {
       background-color: rgba(26, 115, 232, .04)
}

.cws-link-independent:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title:focus {
       background-color: rgba(26, 115, 232, .12);
       box-shadow: 0 0 0 2px #1a73e8
}

.cws-link-independent:active,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title:active,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title:active,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title:active {
       background-color: rgba(26, 115, 232, .1)
}

.cws-link--dark {
       color: #202124
}

.cws-link--dark:active,
.cws-link--dark:focus,
.cws-link--dark:hover {
       color: #202124
}

.cws-link--dark:hover {
       background-color: rgba(32, 33, 36, .04)
}

.cws-link--dark:focus {
       background-color: rgba(32, 33, 36, .12);
       box-shadow: 0 0 0 2px #202124
}

.cws-link--dark:active {
       background-color: rgba(32, 33, 36, .1)
}

.cws-link--reversed {
       color: #e8eaed
}

.cws-link--reversed:active,
.cws-link--reversed:focus,
.cws-link--reversed:hover {
       color: #fff
}

.cws-link--reversed:hover {
       background-color: hsla(0, 0%, 100%, .04)
}

.cws-link--reversed:focus {
       background-color: hsla(0, 0%, 100%, .12);
       box-shadow: 0 0 0 2px #fff
}

.cws-link--reversed:active {
       background-color: hsla(0, 0%, 100%, .1)
}

.cws-layout__split {
       -webkit-column-gap: 28px;
       -moz-column-gap: 28px;
       column-gap: 28px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

@media (min-width:768px) {
       .cws-layout__split {
              -webkit-column-gap: 40px;
              -moz-column-gap: 40px;
              column-gap: 40px
       }
}

@media (min-width:1024px) {
       .cws-layout__split {
              -webkit-column-gap: 48px;
              -moz-column-gap: 48px;
              column-gap: 48px
       }
}

@media (min-width:1440px) {
       .cws-layout__split {
              -webkit-column-gap: 64px;
              -moz-column-gap: 64px;
              column-gap: 64px
       }
}

.cws-layout__split .cws-layout__split-item {
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%
}

@media (min-width:768px) {
       .cws-layout__split .cws-layout__split-item {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1
       }
}

.cws-layout__split .cws-layout__split-item--half {
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%
}

@media (min-width:600px) {
       .cws-layout__split .cws-layout__split-item--half {
              -webkit-flex-basis: calc(50% - 14px);
              -ms-flex-preferred-size: calc(50% - 14px);
              flex-basis: calc(50% - 14px)
       }
}

@media (min-width:768px) {
       .cws-layout__split .cws-layout__split-item--half {
              -webkit-flex-basis: calc(50% - 20px);
              -ms-flex-preferred-size: calc(50% - 20px);
              flex-basis: calc(50% - 20px)
       }
}

@media (min-width:1024px) {
       .cws-layout__split .cws-layout__split-item--half {
              -webkit-flex-basis: calc(50% - 24px);
              -ms-flex-preferred-size: calc(50% - 24px);
              flex-basis: calc(50% - 24px)
       }
}

@media (min-width:1440px) {
       .cws-layout__split .cws-layout__split-item--half {
              -webkit-flex-basis: calc(50% - 32px);
              -ms-flex-preferred-size: calc(50% - 32px);
              flex-basis: calc(50% - 32px)
       }
}

.cws-form__fieldset {
       border: 0;
       margin: 0;
       padding: 0
}

.cws-form__group {
       list-style: none;
       margin: 0;
       padding: 0
}

.cws-form__element {
       margin-bottom: 16px;
       margin-top: 0
}

.cws-form--with-layout .cws-form__group {
       -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
       column-gap: 24px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

.cws-form--with-layout .cws-form__element {
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%
}

@media (min-width:768px) {
       .cws-form--with-layout .cws-form__element--split {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1
       }
}

div.i18n-phone-select-country-menu {
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       background-color: #fff;
       border-radius: 4px;
       height: 300px;
       overflow-x: hidden;
       overflow-y: auto;
       position: absolute;
       z-index: 1005
}

div.i18n-phone-select-country-menu .mdc-elevation-overlay {
       opacity: 0
}

.i18n-phone-select-country-menu .goog-menuitem {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 16px;
       font-weight: 400;
       letter-spacing: .1px;
       line-height: 24px;
       color: #202124;
       line-height: 20px
}

.i18n-phone-select-country-menu .goog-menuitem-content {
       display: inline-block;
       vertical-align: middle
}

.goog-inline-block {
       display: inline-block
}

div.i18n-phone-select-country-flag {
       vertical-align: middle;
       padding: 2px 0
}

span.i18n-phone-select-country-name {
       margin: 0 5px 0 7px;
       vertical-align: middle
}

span.i18n-phone-select-country-code {
       color: #5f6368;
       vertical-align: middle
}

.cws-image-scrim {
       position: relative
}

.cws-image-scrim:before {
       background-color: rgba(0, 0, 0, .54);
       content: "";
       height: 100%;
       left: 0;
       position: absolute;
       top: 0;
       width: 100%
}

.cws-color--blue-brand {
       color: #4285f4
}

.cws-color--blue-primary {
       color: #1a73e8
}

.cws-color--green-brand {
       color: #34a853
}

.cws-color--green-primary {
       color: #1e8e3e
}

.cws-color--red-brand {
       color: #ea4335
}

.cws-color--red-primary {
       color: #d93025
}

.cws-color--yellow-dark {
       color: #fcc934
}

.cws-color--grey-text {
       color: #202124
}

.cws-background--grey {
       background-color: #f8f9fa
}

.cws-background--grey-dark {
       background-color: #202124
}

.cws-background--black {
       background-color: #000
}

.cws-background--blue {
       background-color: #1a73e8
}

.cws-background--blue-tonal {
       background-color: #e8f0fe
}

.cws-background--green-tonal {
       background-color: #e6f4ea
}

.cws-background--blue-tonal .cws-button--low-emphasis,
.cws-background--blue-tonal .cws-link,
.cws-background--blue-tonal .cws-link-independent,
.cws-background--blue-tonal body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title,
.cws-background--blue-tonal body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title,
.cws-background--blue-tonal body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title,
.cws-background--green-tonal .cws-button--low-emphasis,
.cws-background--green-tonal .cws-link,
.cws-background--green-tonal .cws-link-independent,
.cws-background--green-tonal body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title,
.cws-background--green-tonal body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title,
.cws-background--green-tonal body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title,
.cws-background--grey .cws-button--low-emphasis,
.cws-background--grey .cws-link,
.cws-background--grey .cws-link-independent,
.cws-background--grey body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title,
.cws-background--grey body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title,
.cws-background--grey body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-background--blue-tonal .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-background--green-tonal .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-background--grey .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-background--blue-tonal .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-background--green-tonal .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-background--grey .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .cws-background--blue-tonal .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .cws-background--green-tonal .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .cws-background--grey .devsite-nav-item-title {
       color: #1967d2
}

.cws-reversed,
.cws-reversed [class^=cws-body],
.cws-reversed [class^=cws-caption],
.cws-reversed [class^=cws-headline],
.cws-reversed p {
       color: #fff
}

.cws-reversed .cws-link {
       color: #e8eaed
}

.cws-reversed .cws-link:active,
.cws-reversed .cws-link:focus,
.cws-reversed .cws-link:hover {
       color: #fff
}

.cws-reversed .cws-link:hover {
       background-color: hsla(0, 0%, 100%, .04)
}

.cws-reversed .cws-link:focus {
       background-color: hsla(0, 0%, 100%, .12);
       box-shadow: 0 0 0 2px #fff
}

.cws-reversed .cws-link:active {
       background-color: hsla(0, 0%, 100%, .1)
}

.cws-gradient__blue-green--right {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(left, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(90deg, #4285f4 25%, #34a853 75%)
}

.cws-gradient__blue-red--right {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, right top, color-stop(25%, #4285f4), color-stop(75%, #ea4335));
       background-image: -webkit-linear-gradient(left, #4285f4 25%, #ea4335 75%);
       background-image: linear-gradient(90deg, #4285f4 25%, #ea4335 75%)
}

.cws-gradient__blue-green--left {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(right, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(270deg, #4285f4 25%, #34a853 75%)
}

.cws-gradient__blue-red--left {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, #4285f4), color-stop(75%, #ea4335));
       background-image: -webkit-linear-gradient(right, #4285f4 25%, #ea4335 75%);
       background-image: linear-gradient(270deg, #4285f4 25%, #ea4335 75%)
}

.cws-gradient__blue-green--top {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(bottom, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(0deg, #4285f4 25%, #34a853 75%)
}

.cws-gradient__blue-red--top {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #4285f4), color-stop(75%, #ea4335));
       background-image: -webkit-linear-gradient(bottom, #4285f4 25%, #ea4335 75%);
       background-image: linear-gradient(0deg, #4285f4 25%, #ea4335 75%)
}

.cws-gradient__blue-green--bottom {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(top, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(180deg, #4285f4 25%, #34a853 75%)
}

.cws-gradient__blue-red--bottom {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #4285f4), color-stop(75%, #ea4335));
       background-image: -webkit-linear-gradient(top, #4285f4 25%, #ea4335 75%);
       background-image: linear-gradient(180deg, #4285f4 25%, #ea4335 75%)
}

.cws-gradient__tonal-blue--right {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, right top, from(#4285f4), to(#e8f0fe));
       background-image: -webkit-linear-gradient(left, #4285f4, #e8f0fe);
       background-image: linear-gradient(90deg, #4285f4, #e8f0fe)
}

.cws-gradient__tonal-green--right {
       background-color: #34a853;
       background-image: -webkit-gradient(linear, left top, right top, from(#34a853), to(#e6f4ea));
       background-image: -webkit-linear-gradient(left, #34a853, #e6f4ea);
       background-image: linear-gradient(90deg, #34a853, #e6f4ea)
}

.cws-gradient__tonal-yellow--right {
       background-color: #fbbc04;
       background-image: -webkit-gradient(linear, left top, right top, from(#fbbc04), to(#fef7e0));
       background-image: -webkit-linear-gradient(left, #fbbc04, #fef7e0);
       background-image: linear-gradient(90deg, #fbbc04, #fef7e0)
}

.cws-gradient__tonal-red--right {
       background-color: #ea4335;
       background-image: -webkit-gradient(linear, left top, right top, from(#ea4335), to(#fce8e6));
       background-image: -webkit-linear-gradient(left, #ea4335, #fce8e6);
       background-image: linear-gradient(90deg, #ea4335, #fce8e6)
}

.cws-gradient__tonal-blue--bottom {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, left bottom, from(#4285f4), to(#e8f0fe));
       background-image: -webkit-linear-gradient(top, #4285f4, #e8f0fe);
       background-image: linear-gradient(180deg, #4285f4, #e8f0fe)
}

.cws-gradient__tonal-green--bottom {
       background-color: #34a853;
       background-image: -webkit-gradient(linear, left top, left bottom, from(#34a853), to(#e6f4ea));
       background-image: -webkit-linear-gradient(top, #34a853, #e6f4ea);
       background-image: linear-gradient(180deg, #34a853, #e6f4ea)
}

.cws-gradient__tonal-yellow--bottom {
       background-color: #fbbc04;
       background-image: -webkit-gradient(linear, left top, left bottom, from(#fbbc04), to(#fef7e0));
       background-image: -webkit-linear-gradient(top, #fbbc04, #fef7e0);
       background-image: linear-gradient(180deg, #fbbc04, #fef7e0)
}

.cws-gradient__tonal-red--bottom {
       background-color: #ea4335;
       background-image: -webkit-gradient(linear, left top, left bottom, from(#ea4335), to(#fce8e6));
       background-image: -webkit-linear-gradient(top, #ea4335, #fce8e6);
       background-image: linear-gradient(180deg, #ea4335, #fce8e6)
}

.cws-gradient__blue-green-text--top {
       -webkit-text-fill-color: transparent;
       -webkit-background-clip: text;
       background-clip: text;
       background-size: 100%;
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(bottom, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(0deg, #4285f4 25%, #34a853 75%)
}

.cws-gradient__blue-red-text--top {
       -webkit-text-fill-color: transparent;
       -webkit-background-clip: text;
       background-clip: text;
       background-size: 100%;
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #4285f4), color-stop(75%, #ea4335));
       background-image: -webkit-linear-gradient(bottom, #4285f4 25%, #ea4335 75%);
       background-image: linear-gradient(0deg, #4285f4 25%, #ea4335 75%)
}

.cws-gradient__blue-green-text--bottom {
       -webkit-text-fill-color: transparent;
       -webkit-background-clip: text;
       background-clip: text;
       background-size: 100%;
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(top, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(180deg, #4285f4 25%, #34a853 75%)
}

.cws-gradient__blue-red-text--bottom {
       -webkit-text-fill-color: transparent;
       -webkit-background-clip: text;
       background-clip: text;
       background-size: 100%;
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #4285f4), color-stop(75%, #ea4335));
       background-image: -webkit-linear-gradient(top, #4285f4 25%, #ea4335 75%);
       background-image: linear-gradient(180deg, #4285f4 25%, #ea4335 75%)
}

.cws-spacer-0--bottom {
       margin-bottom: 0
}

.cws-spacer-0--top {
       margin-top: 0
}

.cws-spacer-1--bottom {
       margin-bottom: 8px
}

.cws-spacer-1--top {
       margin-top: 8px
}

.cws-spacer-2--bottom {
       margin-bottom: 16px
}

.cws-spacer-2--top {
       margin-top: 16px
}

.cws-spacer-3--bottom {
       margin-bottom: 24px
}

.cws-spacer-3--top {
       margin-top: 24px
}

.cws-spacer-4--bottom {
       margin-bottom: 36px
}

.cws-spacer-4--top {
       margin-top: 36px
}

.cws-spacer-5--bottom {
       margin-bottom: 48px
}

@media (min-width:1024px) {
       .cws-spacer-5--bottom {
              margin-bottom: 60px
       }
}

.cws-spacer-5--top {
       margin-top: 48px
}

@media (min-width:1024px) {
       .cws-spacer-5--top {
              margin-top: 60px
       }
}

.cws-spacer-6--bottom {
       margin-bottom: 60px
}

@media (min-width:1024px) {
       .cws-spacer-6--bottom {
              margin-bottom: 80px
       }
}

.cws-spacer-6--top {
       margin-top: 60px
}

@media (min-width:1024px) {
       .cws-spacer-6--top {
              margin-top: 80px
       }
}

.cws-spacer-7--bottom {
       margin-bottom: 92px
}

@media (min-width:1024px) {
       .cws-spacer-7--bottom {
              margin-bottom: 120px
       }
}

.cws-spacer-7--top {
       margin-top: 92px
}

@media (min-width:1024px) {
       .cws-spacer-7--top {
              margin-top: 120px
       }
}

.cws-spacer-8--bottom {
       margin-bottom: 136px
}

@media (min-width:1024px) {
       .cws-spacer-8--bottom {
              margin-bottom: 180px
       }
}

.cws-spacer-8--top {
       margin-top: 136px
}

@media (min-width:1024px) {
       .cws-spacer-8--top {
              margin-top: 180px
       }
}

.cws-spacer--section {
       padding-bottom: 48px;
       padding-top: 48px
}

@media (min-width:1024px) {
       .cws-spacer--section {
              padding-bottom: 60px
       }
}

@media (min-width:1024px) {
       .cws-spacer--section {
              padding-top: 60px
       }
}

.cws-banner {
       background-color: #fde293;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-height: 48px;
       padding: 12px 16px;
       text-align: center;
       word-break: break-word
}

.cws-banner .cws-banner__body-copy {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 24px;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       margin: 0
}

.cws-banner__icon {
       border-radius: 50%;
       height: 24px;
       margin-left: 8px
}

.cws-banner__icon svg {
       fill: #fff;
       height: 14px;
       margin-top: 5px
}

.cws-banner--inline {
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex
}

.cws-banner--blue .cws-banner__icon {
       background-color: #1a73e8
}

.cws-banner--green .cws-banner__icon {
       background-color: #1e8e3e
}

.cws-banner--red .cws-banner__icon {
       background-color: #d93025
}

.cws-banner--yellow .cws-banner__icon {
       background-color: #f29900
}

.cws-banner--yellow .cws-banner__icon svg {
       fill: #202124
}

.cws-banner--link {
       border-radius: 4px;
       position: relative
}

.cws-banner--link .cws-banner__body-copy {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 14px;
       font-weight: 400;
       letter-spacing: .15px;
       line-height: 24px
}

.cws-banner--link:after {
       border-radius: 4px;
       bottom: 0;
       content: "";
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: background-color .2s, opacity .2s;
       transition: background-color .2s, opacity .2s;
       z-index: -1
}

.cws-banner--link.cws-banner--blue {
       background-color: #e8f0fe
}

.cws-banner--link.cws-banner--blue:active {
       background-color: rgba(26, 115, 232, .1);
       outline: 1px solid #174ea6
}

.cws-banner--link.cws-banner--blue:focus {
       background-color: rgba(26, 115, 232, .12);
       outline: 2px solid #174ea6;
       text-decoration: none
}

.cws-banner--link.cws-banner--blue:hover {
       background-color: rgba(26, 115, 232, .04)
}

.cws-banner--link.cws-banner--blue:after {
       background: #e8f0fe
}

.cws-banner--link.cws-banner--blue .cws-banner__body-copy {
       color: #174ea6
}

.cws-banner--link.cws-banner--green {
       background-color: #e6f4ea
}

.cws-banner--link.cws-banner--green:active {
       background-color: rgba(30, 142, 62, .1);
       outline: 1px solid #0d652d
}

.cws-banner--link.cws-banner--green:focus {
       background-color: rgba(30, 142, 62, .12);
       outline: 2px solid #0d652d;
       text-decoration: none
}

.cws-banner--link.cws-banner--green:hover {
       background-color: rgba(30, 142, 62, .04)
}

.cws-banner--link.cws-banner--green:after {
       background: #e6f4ea
}

.cws-banner--link.cws-banner--green .cws-banner__body-copy {
       color: #0d652d
}

.cws-banner--link.cws-banner--red {
       background-color: #fce8e6
}

.cws-banner--link.cws-banner--red:active {
       background-color: rgba(217, 48, 37, .1);
       outline: 1px solid #a50e0e
}

.cws-banner--link.cws-banner--red:focus {
       background-color: rgba(217, 48, 37, .12);
       outline: 2px solid #a50e0e;
       text-decoration: none
}

.cws-banner--link.cws-banner--red:hover {
       background-color: rgba(217, 48, 37, .04)
}

.cws-banner--link.cws-banner--red:after {
       background: #fce8e6
}

.cws-banner--link.cws-banner--red .cws-banner__body-copy {
       color: #a50e0e
}

.cws-banner--link.cws-banner--yellow {
       background-color: #fef7e0
}

.cws-banner--link.cws-banner--yellow:active {
       background-color: rgba(249, 171, 0, .1);
       outline: 1px solid #f9ab00
}

.cws-banner--link.cws-banner--yellow:focus {
       background-color: rgba(249, 171, 0, .12);
       outline: 2px solid #f9ab00;
       text-decoration: none
}

.cws-banner--link.cws-banner--yellow:hover {
       background-color: rgba(249, 171, 0, .04)
}

.cws-banner--link.cws-banner--yellow:after {
       background: #fef7e0
}

.cws-banner--link.cws-banner--yellow .cws-banner__body-copy {
       color: #202124
}

.cws-breadcrumb {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       list-style: none;
       padding-left: 0
}

.cws-breadcrumb__crumb,
.cws-breadcrumb__crumb a,
.cws-breadcrumb__crumb span,
.cws-breadcrumb__separator {
       line-height: 28px;
       white-space: nowrap
}

.cws-breadcrumb__crumb,
.cws-breadcrumb__crumb a {
       margin: 0
}

.cws-breadcrumb__crumb a,
.cws-breadcrumb__crumb a:active,
.cws-breadcrumb__crumb a:focus,
.cws-breadcrumb__crumb a:hover {
       text-decoration: none
}

.cws-breadcrumb__separator {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 32px;
       -moz-box-flex: 0;
       -ms-flex: 0 0 32px;
       flex: 0 0 32px;
       margin: 0;
       text-align: center
}

.cws-breadcrumb__separator svg {
       fill: #5f6368;
       height: 12px;
       vertical-align: middle
}

.cws-cards {
       display: grid;
       gap: 28px;
       list-style: none;
       margin: 0;
       padding: 0
}

.cws-cards>li {
       margin: 0
}

.cws-cards .cws-card,
.cws-cards .cws-card__inner {
       height: 100%
}

.cws-cards--compact {
       gap: 16px
}

@media (min-width:768px) {
       .cws-cards {
              gap: 40px
       }

       .cws-cards--compact {
              gap: 24px
       }
}

@media (min-width:1024px) {
       .cws-cards {
              gap: 48px
       }

       .cws-cards--compact {
              gap: 24px
       }
}

@media (min-width:1440px) {
       .cws-cards {
              gap: 64px
       }

       .cws-cards--compact {
              gap: 24px
       }
}

.cws-card {
       background-color: #fff;
       border-radius: 8px;
       box-shadow: 0 0 0 0 transparent;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: block;
       overflow: hidden;
       text-decoration: none;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-transition: box-shadow .2s ease-in-out;
       transition: box-shadow .2s ease-in-out
}

.cws-card:focus .cws-card__inner:before,
.cws-card:hover .cws-card__inner:before {
       border-color: transparent
}

.cws-card:hover {
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cws-card:hover .mdc-elevation-overlay {
       opacity: 0
}

.cws-card:focus {
       box-shadow: 0 0 0 2px #1a73e8;
       text-decoration: none
}

.cws-card__inner {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       position: relative
}

.cws-card__inner:before {
       border: 1px solid #dadce0;
       border-radius: 8px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       content: "";
       height: 100%;
       position: absolute;
       -webkit-transition: border .2s;
       transition: border .2s;
       width: 100%;
       z-index: 1
}

.cws-card__asset {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       position: relative
}

.cws-card__asset img {
       display: block;
       width: 100%
}

.cws-card__asset--icon,
.cws-card__asset--logo {
       padding: 24px 24px 0
}

.cws-card__asset--icon img,
.cws-card__asset--logo img {
       width: auto
}

.cws-card__asset--icon img {
       height: 48px
}

.cws-card__asset--icon-small img {
       height: 24px
}

.cws-card__asset--logo {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 72px
}

.cws-card__asset--logo img {
       height: auto;
       margin: auto 0;
       max-height: 100%
}

.cws-card__asset--video :before {
       background: #fff;
       content: "";
       height: 32px;
       left: 50%;
       position: absolute;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       width: 32px
}

.cws-card__asset .cws-icon {
       color: #202124;
       height: 64px;
       left: 50%;
       position: absolute;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       width: 64px
}

.cws-card__content {
       padding: 24px
}

.cws-card__content .cws-headline:first-child {
       margin-top: 0
}

.cws-card__content p {
       margin-bottom: 0
}

.cws-card__content p:first-child {
       margin-top: 0
}

.cws-card__content .cws-body,
.cws-card__content .cws-headline,
.cws-card__content .cws-small-text,
.cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-description,
.cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-card__content .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-card__content .devsite-nav-description {
       margin-top: 8px
}

.cws-card__content .cws-body,
.cws-card__content .cws-label,
.cws-card__content .cws-small-text,
.cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-description,
.cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-card__content .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-card__content .devsite-nav-description {
       color: #5f6368
}

.cws-card__content .cws-body p,
.cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-description p,
.cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-description p,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-card__content .devsite-nav-description p,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-card__content .devsite-nav-description p {
       font: inherit
}

.cws-card__content .cws-headline p {
       color: #202124
}

.cws-card__cta {
       margin-top: auto;
       padding: 12px 12px 8px;
       pointer-events: none
}

.cws-card__cta .cws-button {
       border: 0;
       padding-bottom: 12px;
       padding-top: 12px
}

.cws-card__cta--arrow {
       -webkit-align-self: flex-end;
       -ms-flex-item-align: end;
       align-self: flex-end
}

.cws-card__cta--arrow svg {
       fill: currentColor;
       height: 24px;
       width: 24px
}

.cws-card__cta--icon {
       display: inherit
}

.cws-card--condensed .cws-card__content {
       padding: 16px
}

.cws-card--condensed .cws-card__asset--icon,
.cws-card--condensed .cws-card__asset--logo {
       padding: 16px 16px 0
}

.cws-card--condensed .cws-card__cta {
       padding: 8px 4px
}

.cws-card--list .cws-card__inner {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-flow: row wrap;
       flex-flow: row wrap;
       min-height: 96px
}

.cws-card--list .cws-card__asset {
       -webkit-align-self: stretch;
       -ms-flex-item-align: stretch;
       align-self: stretch;
       width: 112px
}

.cws-card--list .cws-card__asset img {
       height: 100%;
       object-fit: cover
}

.cws-card--list .cws-card__asset--icon {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center;
       padding: 0 16px 0 0;
       width: 80px
}

.cws-card--list .cws-card__asset--icon img {
       height: auto;
       width: 100%
}

.cws-card--list .cws-card__content {
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       -webkit-box-ordinal-group: 0;
       -webkit-order: -1;
       -moz-box-ordinal-group: 0;
       -ms-flex-order: -1;
       order: -1;
       padding: 16px 16px 0;
       width: calc(100% - 112px)
}

.cws-card--list .cws-card__content .cws-headline:first-child,
.cws-card--list .cws-card__content p:first-child {
       margin-top: 0
}

.cws-card--list .cws-card__content:last-child {
       padding-bottom: 16px
}

.cws-card--list .cws-card__content .cws-body,
.cws-card--list .cws-card__content .cws-headline,
.cws-card--list .cws-card__content .cws-small-text,
.cws-card--list .cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-description,
.cws-card--list .cws-card__content body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cws-card--list .cws-card__content .devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cws-card--list .cws-card__content .devsite-nav-description {
       margin-top: 4px
}

.cws-card--list .cws-card__cta {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 100%;
       -moz-box-flex: 1;
       -ms-flex: 1 1 100%;
       flex: 1 1 100%;
       padding: 4px 4px 8px
}

.cws-card--list .cws-card__cta--arrow {
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

.cws-badges {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-flow: row wrap;
       flex-flow: row wrap;
       gap: 36px 67px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cws-badge {
       width: 95px
}

.cws-badge__asset,
.cws-badge__link {
       display: block
}

.cws-badge__asset {
       margin: 0 auto;
       max-height: 70px;
       max-width: 70px
}

.cws-badge__link {
       margin: 16px auto 0;
       text-align: center
}

.cws-bulleted-list {
       list-style-type: none;
       padding: 0
}

.cws-bulleted-list__list-item {
       -webkit-box-align: start;
       -webkit-align-items: flex-start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 0 0 16px
}

.cws-bulleted-list__list-item:last-child {
       margin: 0
}

.cws-bulleted-list__list-item .cws-icon {
       display: block;
       fill: #34a853;
       height: 24px;
       margin: 2px 16px 0 0;
       width: 24px
}

.cws-bulleted-list__text p {
       color: inherit;
       font: inherit;
       margin: 0
}

.cws-bulleted-list--small .cws-bulleted-list__list-item .cws-icon {
       height: 16px;
       margin-right: 8px;
       margin-top: 4px;
       width: 16px
}

.cws-stat {
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       margin: 0 auto
}

.cws-stat__bar {
       color: #dadce0;
       height: 1px;
       margin: 16px auto;
       width: 114px
}

.cws-stat__number,
.cws-stat__text {
       display: block;
       text-align: center
}

.cws-stat__number {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #34a853;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       font-size: 72px;
       font-weight: 500;
       letter-spacing: -.5px;
       line-height: 84px;
       margin: 0
}

.cws-stat__text {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       overflow-wrap: normal;
       word-wrap: normal;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 24px;
       margin: 0 auto
}

.cws-stat.cws-stat--dark-background .cws-stat__bar,
.cws-stat.cws-stat--dark-background .cws-stat__number,
.cws-stat.cws-stat--dark-background .cws-stat__text {
       color: #fff
}

.cws-link-aside {
       background-color: #f8f9fa;
       border-radius: 8px;
       padding-bottom: 8px
}

.cws-link-aside__header {
       padding: 24px 24px 8px
}

.cws-link-aside__headline {
       color: #5f6368
}

.cws-link-aside__items {
       list-style: none;
       margin: 0;
       padding: 0
}

.cws-link-aside__item {
       margin: 0 24px
}

.cws-link-aside__item:last-child .cws-link-aside__link:after {
       content: none
}

.cws-link-aside__link {
       color: #202124;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: 24px;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 0 -24px;
       padding: 16px 24px;
       position: relative
}

.cws-link-aside__link:after {
       background-color: #dadce0;
       bottom: 0;
       content: "";
       height: 1px;
       left: 24px;
       position: absolute;
       right: 24px
}

.cws-link-aside__link:active,
.cws-link-aside__link:focus,
.cws-link-aside__link:hover {
       text-decoration: none
}

.cws-link-aside__link:active:before,
.cws-link-aside__link:focus:before,
.cws-link-aside__link:hover:before {
       content: "";
       height: 1px;
       left: 0;
       position: absolute;
       right: 0;
       top: -1px
}

.cws-link-aside__link:active:after,
.cws-link-aside__link:focus:after,
.cws-link-aside__link:hover:after {
       background-color: transparent
}

.cws-link-aside__link:hover,
.cws-link-aside__link:hover:before {
       background-color: #e8eaed
}

.cws-link-aside__link:active,
.cws-link-aside__link:active:before {
       background-color: #dadce0
}

.cws-link-aside__link:focus {
       box-shadow: inset 0 0 0 2px #1a73e8
}

.cws-link-aside__link:focus:before {
       background-color: #f8f9fa
}

.cws-link-aside__link-text {
       margin: 0
}

.cws-link-aside__link-footnote {
       margin-top: 8px
}

.cws-link-aside__link-content {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

.cws-link-aside__link-asset {
       -webkit-flex-basis: 60px;
       -ms-flex-preferred-size: 60px;
       flex-basis: 60px
}

.cws-link-aside__link-asset img {
       max-width: unset;
       width: 60px
}

.cws-link-aside__link-icon {
       -webkit-flex-basis: 24px;
       -ms-flex-preferred-size: 24px;
       flex-basis: 24px
}

.cws-link-aside__link-icon:before {
       background-color: #202124;
       border-radius: 50%;
       content: "";
       height: 16px;
       margin: 4px;
       outline: 2px solid #dadce0;
       position: absolute;
       width: 16px
}

.cws-link-aside__link-icon svg {
       position: relative
}

.cws-link-aside__link--jump {
       gap: 16px;
       padding: 12px 24px
}

.cws-link-aside__link--jump:after {
       content: none
}

.cws-link-aside__separator {
       position: relative
}

.cws-link-aside__separator:after {
       background-color: #4285f4;
       background-image: -webkit-gradient(linear, right top, left top, color-stop(25%, #4285f4), color-stop(75%, #34a853));
       background-image: -webkit-linear-gradient(right, #4285f4 25%, #34a853 75%);
       background-image: linear-gradient(270deg, #4285f4 25%, #34a853 75%);
       bottom: 0;
       content: "";
       height: 4px;
       left: 24px;
       position: absolute;
       right: 24px
}

hr.cws-link-aside__separator {
       background: none;
       border: 0;
       height: 4px;
       margin: 0 0 1px
}

.cws-media-block--inline {
       display: inline-block
}

.cws-media-block__image {
       position: relative
}

.cws-media-block__image:after {
       border-radius: 8px;
       box-shadow: 0 0 0 2px transparent, inset 0 0 0 1px rgba(32, 33, 36, .1);
       content: "";
       inset: 0;
       position: absolute;
       -webkit-transition: box-shadow .2s ease-in-out;
       transition: box-shadow .2s ease-in-out
}

.cws-media-block__image img {
       border-radius: 8px;
       display: block;
       position: relative;
       width: 100%
}

.cws-media-block__icon {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       left: 50%;
       position: absolute;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%)
}

.cws-media-block .cws-icon {
       position: absolute
}

.cws-media-block__link {
       border-radius: 8px;
       display: block;
       position: relative;
       -webkit-transition: box-shadow .2s ease-in-out;
       transition: box-shadow .2s ease-in-out
}

.cws-media-block__link--zoom .cws-media-block__icon:before {
       background: rgba(32, 33, 36, .6);
       border-radius: 50%;
       content: "";
       height: 48px;
       -webkit-transition: background .2s ease-in-out;
       transition: background .2s ease-in-out;
       width: 48px
}

.cws-media-block__link--zoom .cws-icon {
       fill: #fff
}

.cws-media-block__link--video .cws-media-block__icon:before {
       background: #fff;
       content: "";
       height: 24px;
       width: 24px
}

.cws-media-block__link--video .cws-icon {
       fill: #202124;
       height: 48px;
       -webkit-transition: fill .2s ease-in-out;
       transition: fill .2s ease-in-out;
       width: 48px
}

.cws-media-block__link:focus.cws-media-block__link--zoom .cws-media-block__icon:before,
.cws-media-block__link:hover.cws-media-block__link--zoom .cws-media-block__icon:before {
       background: #202124
}

.cws-media-block__link:focus.cws-media-block__link--video .cws-icon,
.cws-media-block__link:hover.cws-media-block__link--video .cws-icon {
       fill: red
}

.cws-media-block__link:hover {
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cws-media-block__link:hover .cws-media-block__image:after {
       box-shadow: none
}

.cws-media-block__link:hover .mdc-elevation-overlay {
       opacity: 0
}

.cws-media-block__link:focus .cws-media-block__image:after {
       box-shadow: 0 0 0 2px #1a73e8, inset 0 0 0 2px #fff
}

.cws-media-block__timestamp {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: #202124;
       border-radius: 12px;
       bottom: 8px;
       color: #fff;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 24px;
       padding: 0 12px;
       position: absolute;
       right: 8px
}

.cws-media-block__content {
       margin: 8px 0 0
}

.cws-media-block__video {
       border-radius: 8px;
       display: block;
       position: relative;
       -webkit-transition: box-shadow .2s ease-in-out;
       transition: box-shadow .2s ease-in-out
}

.cws-media-block__video:before {
       background: #fff;
       content: "";
       height: 24px;
       left: 50%;
       position: absolute;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       width: 24px
}

.cws-media-block__video:focus .cws-media-block__image,
.cws-media-block__video:hover .cws-media-block__image {
       box-shadow: none
}

.cws-media-block__video:focus .cws-icon,
.cws-media-block__video:hover .cws-icon {
       fill: red
}

.cws-media-block__video:hover {
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cws-media-block__video:hover .mdc-elevation-overlay {
       opacity: 0
}

.cws-media-block__video:focus {
       box-shadow: 0 0 0 2px #1a73e8, inset 0 0 0 2px #fff
}

.cws-media-block__video .cws-icon {
       fill: #202124;
       height: 48px;
       left: 50%;
       position: absolute;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       -webkit-transition: fill .2s ease-in-out;
       transition: fill .2s ease-in-out;
       width: 48px
}

.cws-content-block__asset+.cws-content-block__content,
.cws-content-block__content+.cws-content-block__asset {
       margin-top: 24px
}

.cws-content-block__content .cws-content-block__text,
.cws-content-block__content>.cws-button {
       margin-top: 16px
}

.cws-content-block__content .cws-content-block__text:first-child,
.cws-content-block__content>.cws-button:first-child {
       margin-top: 0
}

.cws-content-block .cws-icon img {
       display: block
}

.cws-content-block__text p {
       color: inherit;
       font: inherit;
       margin: 0
}

.cws-content-block__text p+p {
       margin-top: 16px
}

.cws-content-block--centered {
       text-align: center
}

.cws-content-block--split .cws-content-block__asset,
.cws-content-block--split .cws-content-block__content {
       margin: 0
}

@media (min-width:768px) {
       .cws-content-block--flipped .cws-content-block__content {
              -webkit-box-ordinal-group: 0;
              -webkit-order: -1;
              -moz-box-ordinal-group: 0;
              -ms-flex-order: -1;
              order: -1
       }
}

.cws-color-bar {
       position: relative
}

.cws-color-bar:after {
       background: -webkit-gradient(linear, left top, right top, color-stop(30%, #ea4335), color-stop(30%, #4285f4), color-stop(70%, #34a853), color-stop(80%, #fbbc04));
       background: -webkit-linear-gradient(left, #ea4335 30%, #4285f4 0 70%, #34a853 70% 80%, #fbbc04 80%);
       background: linear-gradient(90deg, #ea4335 30%, #4285f4 0 70%, #34a853 70% 80%, #fbbc04 80%);
       bottom: 0;
       content: "";
       height: 6px;
       left: 0;
       position: absolute;
       right: 0
}

.cws-color-bar--bottom-outer:after {
       bottom: -6px
}

hr.cws-color-bar {
       border: 0;
       height: 6px;
       margin: 0
}

.cws-quote {
       border-radius: 8px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 60px;
       text-align: center
}

.cws-quote__text {
       color: #202124;
       margin: 0 auto;
       max-width: 745px
}

.cws-quote__attribution {
       margin-top: 24px
}

.cws-quote__asset {
       margin: 0 auto 24px
}

.cws-quote__asset img {
       max-height: 33px
}

.cws-quote .cws-button {
       margin-top: 24px
}

.cws-logo-garden {
       border: 1px solid #dadce0;
       border-width: 1px 0;
       padding: 48px 0
}

.cws-logo-garden--no-border {
       border: 0;
       padding-top: 0
}

.cws-logo-garden__list {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 160px;
       -moz-box-flex: 1;
       -ms-flex: 1 1 160px;
       flex: 1 1 160px;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-flow: row wrap;
       flex-flow: row wrap;
       gap: 48px 32px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       list-style: none;
       margin: 0;
       padding: 0
}

.cws-logo-garden__list .cws-logo-garden__list-item {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 48px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0;
       width: 160px
}

.cws-logo-garden__list .cws-logo-garden__list-item img {
       max-height: 48px;
       max-width: 160px
}

@media screen and (min-width:1200px) {
       .cws-logo-garden__list {
              margin: 0 auto;
              max-width: 1075px
       }
}

.cws-logo-garden__interactive {
       border: none
}

.cws-logo-garden__interactive .cws-logo-garden__list {
       gap: 48px 24px
}

.cws-logo-garden__interactive .cws-logo-garden__list a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 8px;
       box-shadow: 0 0 0 0 transparent;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 80px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: hidden;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-transition: box-shadow .2s ease-in-out;
       transition: box-shadow .2s ease-in-out;
       width: 192px;
       z-index: 1
}

.cws-logo-garden__interactive .cws-logo-garden__list a:before {
       border: 1px solid #dadce0;
       border-radius: inherit;
       content: "";
       height: 100%;
       position: absolute;
       -webkit-transition: border .2s;
       transition: border .2s;
       width: 100%
}

.cws-logo-garden__interactive .cws-logo-garden__list a:focus:before,
.cws-logo-garden__interactive .cws-logo-garden__list a:hover:before {
       border-color: transparent
}

.cws-logo-garden__interactive .cws-logo-garden__list a:hover {
       border-width: 0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cws-logo-garden__interactive .cws-logo-garden__list a:hover .mdc-elevation-overlay {
       opacity: 0
}

.cws-logo-garden__interactive .cws-logo-garden__list a:focus {
       box-shadow: 0 0 0 2px #1a73e8;
       text-decoration: none
}

.cws-logo-garden__interactive .cws-logo-garden__list .cws-logo-garden__list-item {
       height: 80px;
       width: 192px
}

@media screen and (min-width:1085px) {
       .cws-logo-garden__interactive .cws-logo-garden__list {
              margin: 0 auto;
              max-width: none
       }
}

.cws-tonal-block {
       border-radius: 8px;
       padding: 36px
}

.cws-tonal-block__headline {
       margin-bottom: 16px
}

.cws-tonal-block__content {
       position: relative
}

.cws-tonal-block__text {
       row-gap: 28px
}

.cws-tonal-block p {
       font: inherit;
       margin: 0
}

.cws-tonal-block__footnote {
       padding-top: 24px
}

.cws-tonal-block--background {
       background-repeat: no-repeat;
       background-size: cover
}

.cws-tonal-block--centered {
       text-align: center
}

.cws-tonal-block--full {
       padding-top: 48px;
       padding-bottom: 48px
}

@media (min-width:1024px) {
       .cws-tonal-block--full {
              padding-top: 60px
       }
}

@media (min-width:1024px) {
       .cws-tonal-block--full {
              padding-bottom: 60px
       }
}

.cws-tonal-block--full .cws-tonal-block__content {
       margin-left: auto;
       margin-right: auto;
       max-width: 900px
}

.cws-tonal-block--has-footnote {
       padding-bottom: 24px
}

cws-jump-menu:not(:defined) {
       display: none
}

.cws-jump-menu__slot-content {
       margin: 16px -24px 0;
       padding: 24px 24px 0
}

@media (min-width:1024px) {
       .cws-jump-menu__slot-content {
              margin-left: -16px;
              margin-right: -16px
       }
}

.cws-jump-menu__external {
       list-style: none;
       margin: 0;
       padding: 0
}

.cws-jump-menu__external-item {
       margin: 0;
       padding-top: 20px
}

.cws-jump-menu__external-item:first-child {
       padding-top: 0
}

.cws-jump-menu__external-link {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #5f6368;
       font-family: Roboto, Arial, sans-serif;
       font-size: 14px;
       font-weight: 400;
       letter-spacing: .15px;
       line-height: 24px;
       color: #1a73e8;
       text-decoration: none;
       -webkit-box-align: start;
       -webkit-align-items: flex-start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       border-radius: 4px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 8px;
       -webkit-transition: background-color .2s, color .2s;
       transition: background-color .2s, color .2s
}

.cws-jump-menu__external-link:active,
.cws-jump-menu__external-link:focus,
.cws-jump-menu__external-link:hover {
       color: #174ea6;
       text-decoration: none
}

.cws-jump-menu__external-link:hover {
       background-color: rgba(26, 115, 232, .04)
}

.cws-jump-menu__external-link:focus {
       background-color: rgba(26, 115, 232, .12);
       box-shadow: 0 0 0 2px #1a73e8
}

.cws-jump-menu__external-link:active {
       background-color: rgba(26, 115, 232, .1)
}

.cws-jump-menu__external-link img {
       -webkit-flex-basis: 24px;
       -ms-flex-preferred-size: 24px;
       flex-basis: 24px
}

cws-tabs:not(:defined) {
       display: none
}

.cws-tabs-group__accordion {
       display: none
}

.cws-tabs-group--enable-accordion cws-tabs {
       display: none
}

.cws-tabs-group--enable-accordion cws-accordion {
       display: block
}

@media (min-width:768px) {
       .cws-tabs-group--enable-accordion cws-tabs {
              display: block
       }

       .cws-tabs-group--enable-accordion cws-accordion {
              display: none
       }
}

.cloud-display1 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 40px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 48px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-display1 {
              font-size: 72px;
              letter-spacing: -.5px;
              line-height: 84px
       }
}

.cloud-display1 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-display2 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 40px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 48px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-display2 {
              font-size: 64px;
              letter-spacing: -.5px;
              line-height: 72px
       }
}

.cloud-display2 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-display3 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 36px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 44px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-display3 {
              font-size: 56px;
              letter-spacing: -.5px;
              line-height: 66px
       }
}

.cloud-display3 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-headline1 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 36px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 44px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-headline1 {
              font-size: 48px;
              letter-spacing: -.5px;
              line-height: 58px
       }
}

.cloud-headline1 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-headline2 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 32px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 40px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-headline2 {
              font-size: 40px;
              letter-spacing: -.5px;
              line-height: 52px
       }
}

.cloud-headline2 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-headline3 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 24px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 32px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-headline3 {
              font-size: 32px;
              line-height: 40px
       }
}

.cloud-headline3 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-headline4 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 20px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 30px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-headline4 {
              font-size: 22px
       }
}

.cloud-headline4 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-headline4 .cloud-superscript {
       font-size: 10px;
       line-height: 1
}

.cloud-headline5 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 26px;
       margin: 0
}

@media (min-width:600px) {
       .cloud-headline5 {
              font-size: 18px;
              line-height: 30px
       }
}

.cloud-headline5 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-quote-text {
       color: #202124;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 20px;
       font-weight: 400;
       letter-spacing: 0;
       line-height: 30px
}

@media (min-width:600px) {
       .cloud-quote-text {
              font-size: 30px;
              line-height: 40px
       }
}

.cloud-quote-text strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-quote-text--small {
       color: #202124;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 20px;
       font-weight: 400;
       letter-spacing: 0;
       line-height: 30px
}

.cloud-eyebrow {
       color: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 11px;
       font-weight: 500;
       letter-spacing: 1px;
       line-height: 1;
       margin: 0;
       overflow: visible;
       text-transform: uppercase
}

.cloud-eyebrow strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-subhead {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 26px
}

@media (min-width:600px) {
       .cloud-subhead {
              font-size: 18px;
              line-height: 30px
       }
}

.cloud-subhead strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-subhead2 {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 500;
       letter-spacing: .25px;
       line-height: 24px
}

.cloud-subhead2 strong {
       color: #4285f4;
       font-weight: inherit
}

.cloud-superscript {
       color: #5f6368;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, 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, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, 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, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 500;
       line-height: 24px
}

.cloud-body-text__title .cloud-superscript {
       font-size: 10px;
       line-height: 1
}

.cloud-body-text,
p {
       color: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 400;
       line-height: 28px
}

.cloud-body-text .cloud-superscript,
p .cloud-superscript {
       font-size: 10px;
       line-height: 1
}

.cloud-body-text__small {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, 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, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 12px;
       font-weight: 400;
       letter-spacing: .35px;
       line-height: 18px
}

.cloud-chip--overlay {
       background: rgba(0, 0, 0, .6);
       border-radius: 12px;
       color: #fff;
       display: inline-block;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, 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:focus,
.cloud-link:hover {
       text-decoration: underline
}

.cloud-link:hover {
       color: #174ea6
}

.cloud-link:focus {
       background-color: rgba(32, 33, 36, .05);
       color: #174ea6;
       outline: 4px solid rgba(32, 33, 36, .05)
}

.cloud-link--reversed {
       color: #fff;
       text-decoration: underline
}

.cloud-link--reversed:visited {
       color: #fff
}

.cloud-link--reversed:focus,
.cloud-link--reversed:hover {
       background-color: rgba(32, 33, 36, .05);
       color: hsla(0, 0%, 100%, .7);
       outline: 4px solid rgba(32, 33, 36, .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--alternate--row-gap,
.cloud-grid--row-gap {
       grid-row-gap: 16px
}

.cloud-grid--alternate.cloud-grid__no-gap,
.cloud-grid.cloud-grid__no-gap {
       grid-column-gap: 0
}

.cloud-grid--alternate.cloud-grid--horizontal-center,
.cloud-grid.cloud-grid--horizontal-center {
       justify-items: center
}

.cloud-grid--alternate.cloud-grid--horizontal-stretch,
.cloud-grid.cloud-grid--horizontal-stretch {
       justify-items: stretch
}

.cloud-grid--alternate.cloud-grid--vertical-center,
.cloud-grid.cloud-grid--vertical-center {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

.cloud-grid--alternate.cloud-grid--vertical-stretch,
.cloud-grid.cloud-grid--vertical-stretch {
       -webkit-box-align: stretch;
       -webkit-align-items: stretch;
       -moz-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch
}

.cloud-grid--alternate__col--horizontal-center,
.cloud-grid__col--horizontal-center {
       justify-self: center
}

.cloud-grid--alternate__col--horizontal-stretch,
.cloud-grid__col--horizontal-stretch {
       justify-self: stretch
}

.cloud-grid--alternate__col--vertical-center,
.cloud-grid__col--vertical-center {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

.cloud-grid--alternate__col--vertical-stretch,
.cloud-grid__col--vertical-stretch {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center
}

@media (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 (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 (min-width:1024px) {

       .cloud-grid,
       .cloud-grid--alternate {
              grid-column-gap: 28px;
              grid-template-columns: repeat(12, 1fr)
       }

       .cloud-grid--alternate .is-1__large,
       .cloud-grid .is-1__large {
              grid-column: span 1/span 1
       }

       .cloud-grid--alternate .is-2__large,
       .cloud-grid .is-2__large {
              grid-column: span 2/span 2
       }

       .cloud-grid--alternate .is-3__large,
       .cloud-grid .is-3__large {
              grid-column: span 3/span 3
       }

       .cloud-grid--alternate .is-4__large,
       .cloud-grid .is-4__large {
              grid-column: span 4/span 4
       }

       .cloud-grid--alternate .is-5__large,
       .cloud-grid .is-5__large {
              grid-column: span 5/span 5
       }

       .cloud-grid--alternate .is-6__large,
       .cloud-grid .is-6__large {
              grid-column: span 6/span 6
       }

       .cloud-grid--alternate .is-7__large,
       .cloud-grid .is-7__large {
              grid-column: span 7/span 7
       }

       .cloud-grid--alternate .is-8__large,
       .cloud-grid .is-8__large {
              grid-column: span 8/span 8
       }

       .cloud-grid--alternate .is-9__large,
       .cloud-grid .is-9__large {
              grid-column: span 9/span 9
       }

       .cloud-grid--alternate .is-10__large,
       .cloud-grid .is-10__large {
              grid-column: span 10/span 10
       }

       .cloud-grid--alternate .is-11__large,
       .cloud-grid .is-11__large {
              grid-column: span 11/span 11
       }

       .cloud-grid--alternate .is-12__large,
       .cloud-grid .is-12__large {
              grid-column: span 12/span 12
       }

       .cloud-grid--alternate .is-1__large--offset,
       .cloud-grid .is-1__large--offset {
              grid-column-start: 2
       }

       .cloud-grid--alternate .is-2__large--offset,
       .cloud-grid .is-2__large--offset {
              grid-column-start: 3
       }

       .cloud-grid--alternate .is-3__large--offset,
       .cloud-grid .is-3__large--offset {
              grid-column-start: 4
       }

       .cloud-grid--alternate .is-4__large--offset,
       .cloud-grid .is-4__large--offset {
              grid-column-start: 5
       }

       .cloud-grid--alternate .is-5__large--offset,
       .cloud-grid .is-5__large--offset {
              grid-column-start: 6
       }

       .cloud-grid--alternate .is-6__large--offset,
       .cloud-grid .is-6__large--offset {
              grid-column-start: 7
       }

       .cloud-grid--alternate .is-7__large--offset,
       .cloud-grid .is-7__large--offset {
              grid-column-start: 8
       }

       .cloud-grid--alternate .is-8__large--offset,
       .cloud-grid .is-8__large--offset {
              grid-column-start: 9
       }

       .cloud-grid--alternate .is-9__large--offset,
       .cloud-grid .is-9__large--offset {
              grid-column-start: 10
       }

       .cloud-grid--alternate .is-10__large--offset,
       .cloud-grid .is-10__large--offset {
              grid-column-start: 11
       }

       .cloud-grid--alternate .is-11__large--offset,
       .cloud-grid .is-11__large--offset {
              grid-column-start: 12
       }

       .cloud-grid--alternate .is-12__large--offset,
       .cloud-grid .is-12__large--offset {
              grid-column-start: 13
       }

       .cloud-grid--alternate--row-gap,
       .cloud-grid--row-gap {
              grid-row-gap: 28px
       }

       .cloud-grid--alternate__small-gap,
       .cloud-grid__small-gap {
              grid-column-gap: 15px
       }

       .cloud-grid--alternate__small-gap.cloud-grid--row-gap,
       .cloud-grid__small-gap.cloud-grid--row-gap {
              grid-row-gap: 15px
       }
}

@media (min-width:1280px) {

       .cloud-grid,
       .cloud-grid--alternate {
              grid-column-gap: 28px;
              grid-template-columns: repeat(12, 1fr)
       }

       .cloud-grid--alternate .is-1__xl,
       .cloud-grid .is-1__xl {
              grid-column: span 1/span 1
       }

       .cloud-grid--alternate .is-2__xl,
       .cloud-grid .is-2__xl {
              grid-column: span 2/span 2
       }

       .cloud-grid--alternate .is-3__xl,
       .cloud-grid .is-3__xl {
              grid-column: span 3/span 3
       }

       .cloud-grid--alternate .is-4__xl,
       .cloud-grid .is-4__xl {
              grid-column: span 4/span 4
       }

       .cloud-grid--alternate .is-5__xl,
       .cloud-grid .is-5__xl {
              grid-column: span 5/span 5
       }

       .cloud-grid--alternate .is-6__xl,
       .cloud-grid .is-6__xl {
              grid-column: span 6/span 6
       }

       .cloud-grid--alternate .is-7__xl,
       .cloud-grid .is-7__xl {
              grid-column: span 7/span 7
       }

       .cloud-grid--alternate .is-8__xl,
       .cloud-grid .is-8__xl {
              grid-column: span 8/span 8
       }

       .cloud-grid--alternate .is-9__xl,
       .cloud-grid .is-9__xl {
              grid-column: span 9/span 9
       }

       .cloud-grid--alternate .is-10__xl,
       .cloud-grid .is-10__xl {
              grid-column: span 10/span 10
       }

       .cloud-grid--alternate .is-11__xl,
       .cloud-grid .is-11__xl {
              grid-column: span 11/span 11
       }

       .cloud-grid--alternate .is-12__xl,
       .cloud-grid .is-12__xl {
              grid-column: span 12/span 12
       }

       .cloud-grid--alternate .is-1__xl--offset,
       .cloud-grid .is-1__xl--offset {
              grid-column-start: 2
       }

       .cloud-grid--alternate .is-2__xl--offset,
       .cloud-grid .is-2__xl--offset {
              grid-column-start: 3
       }

       .cloud-grid--alternate .is-3__xl--offset,
       .cloud-grid .is-3__xl--offset {
              grid-column-start: 4
       }

       .cloud-grid--alternate .is-4__xl--offset,
       .cloud-grid .is-4__xl--offset {
              grid-column-start: 5
       }

       .cloud-grid--alternate .is-5__xl--offset,
       .cloud-grid .is-5__xl--offset {
              grid-column-start: 6
       }

       .cloud-grid--alternate .is-6__xl--offset,
       .cloud-grid .is-6__xl--offset {
              grid-column-start: 7
       }

       .cloud-grid--alternate .is-7__xl--offset,
       .cloud-grid .is-7__xl--offset {
              grid-column-start: 8
       }

       .cloud-grid--alternate .is-8__xl--offset,
       .cloud-grid .is-8__xl--offset {
              grid-column-start: 9
       }

       .cloud-grid--alternate .is-9__xl--offset,
       .cloud-grid .is-9__xl--offset {
              grid-column-start: 10
       }

       .cloud-grid--alternate .is-10__xl--offset,
       .cloud-grid .is-10__xl--offset {
              grid-column-start: 11
       }

       .cloud-grid--alternate .is-11__xl--offset,
       .cloud-grid .is-11__xl--offset {
              grid-column-start: 12
       }

       .cloud-grid--alternate .is-12__xl--offset,
       .cloud-grid .is-12__xl--offset {
              grid-column-start: 13
       }

       .cloud-grid--alternate--row-gap,
       .cloud-grid--row-gap {
              grid-row-gap: 28px
       }

       .cloud-grid--alternate__small-gap,
       .cloud-grid__small-gap {
              grid-column-gap: 15px
       }

       .cloud-grid--alternate__small-gap.cloud-grid--row-gap,
       .cloud-grid__small-gap.cloud-grid--row-gap {
              grid-row-gap: 15px
       }
}

.cloud-elevation-z0 {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0
}

.cloud-elevation-z1 {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cloud-elevation-z2 {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 2px 6px 2px rgba(60, 64, 67, .15)
}

.cloud-elevation-z3 {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.cloud-elevation-z4 {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 2px 3px 0 rgba(60, 64, 67, .05), 0 6px 10px 4px rgba(60, 64, 67, .15)
}

.cloud-elevation-z5 {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 4px 4px 0 rgba(60, 64, 67, .05), 0 8px 12px 6px rgba(60, 64, 67, .15)
}

.cloud-text-center {
       text-align: center
}

.cloud-text-left {
       text-align: left
}

.cloud-text-right {
       text-align: right
}

.reversed,
.reversed h1,
.reversed p {
       color: #fff
}

.cloud-divider {
       background: #dadce0;
       border-top: 0;
       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-50 .cloud-button--flat,
.cloud-background-color-grey-50 .cloud-link {
       color: #1967d2
}

.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-grey-800 {
       background-color: #3c4043
}

.cloud-background-color-red-600 {
       background-color: #d93025
}

.cloud-background-color-red-700 {
       background-color: #c5221f
}

.cloud-background-color-green-500 {
       background-color: #34a853
}

.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, .75)
}

.cloud-card-block {
       border: 1px solid #dadce0;
       border-radius: 2px;
       padding: 35px
}

.nobr,
nobr {
       white-space: nowrap
}

.cloud-list--nobullet {
       list-style-type: none;
       margin: 0;
       padding: 0
}

.cloud-list__links {
       font: px/px;
       margin-top: 16px
}

.cloud-list__links li {
       margin: 5px 0
}

.cloud-full-bleed,
.cloud-full-bleed--bg,
.cloud-full-bleed--constrained,
.cws-fullbleed {
       margin-left: calc(50% - 50vw);
       margin-right: calc(50% - 50vw)
}

@media (min-width:1024px) {
       .cloud-full-bleed--constrained {
              margin-left: auto;
              margin-right: auto
       }
}

.cloud-full-bleed--bg {
       background-position: 50%;
       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);
       -webkit-clip-path: inset(50%);
       clip-path: inset(50%);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px
}

.grecaptcha-badge {
       display: none !important
}

.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: 92px 0
}

@media (min-width:1024px) {
       .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
}

.cloud-framebox--fullscreen iframe {
       height: calc(100vh - 88px);
       margin: 0;
       width: 100%
}

#cloud-site devsite-iframe {
       padding-top: .1px;
       margin-bottom: 10px
}

[class*=_md],
[class*=md-],
[class^=md-] {
       visibility: visible !important
}

body[type=marketing] aside {
       background: none;
       color: inherit
}

[dir] body[type=marketing] aside {
       margin: 0;
       padding: 0
}

body[type=marketing] aside:before {
       content: none
}

body[type=marketing] aside :link,
body[type=marketing] aside :visited {
       background: none;
       color: inherit
}

body[type=marketing] aside :link:focus,
body[type=marketing] aside :link:hover {
       margin: 0;
       padding: 0
}

body[type=marketing] aside :link:focus {
       background-color: rgba(32, 33, 36, .05);
       text-decoration: underline
}

body[type=marketing] blockquote {
       background: none
}

body[type=marketing] .devsite-article h1:first-of-type {
       top: 0
}

body[type=marketing] a[href*=linux\.oracle\.com\/ords]:after {
       content: none
}

[dir=ltr] #cloud-site button+button {
       margin-left: 0
}

[dir=rtl] #cloud-site button+button {
       margin-right: 0
}

[dir=ltr] #cloud-site dd {
       padding-left: 0
}

[dir=rtl] #cloud-site dd {
       padding-right: 0
}

[dir] body[layout=full]:not([template=landing]):not([template=search]) aside {
       margin: 0;
       padding: 0
}

body[layout=full]:not([template=search]) blockquote {
       background: none
}

body[layout=full]:not([template=search]) devsite-code {
       overflow: hidden
}

body[layout=full]:not([template=search]) .devsite-main-content {
       max-width: 1440px;
       padding: 0 16px
}

@media (min-width:600px) {
       body[layout=full]:not([template=search]) .devsite-main-content {
              padding-left: 32px;
              padding-right: 32px
       }
}

@media (min-width:1024px) {
       body[layout=full]:not([template=search]) .devsite-main-content {
              padding-left: 80px;
              padding-right: 80px
       }
}

body[layout=full]:not([template=search]) .devsite-main-content devsite-content .devsite-banner {
       margin-top: 0
}

body[layout=full]:not([template=search]) a:focus img {
       -webkit-filter: none;
       filter: none
}

body[type=article] p,
body[type=pricing] p,
body[type=reference] p {
       color: inherit;
       font-size: inherit;
       font-weight: inherit;
       line-height: inherit
}

.devsite-dialog-buttons.cloud-button__set {
       display: block;
       text-align: right
}

devsite-content-footer p {
       font: inherit
}

a:focus {
       outline: none
}

pre {
       white-space: pre
}

.devsite-article-meta .devsite-breadcrumb-guillemet {
       display: none
}

.devsite-article-meta .devsite-breadcrumb-link:after {
       content: "chevron_right";
       font-family: Material Icons;
       font-size: 16px;
       margin: 0 4px;
       position: relative;
       vertical-align: top
}

.devsite-breadcrumb-list .devsite-breadcrumb-item:last-child a:after,
.devsite-breadcrumb-list .devsite-breadcrumb-link[href$=\.com\/],
.devsite-breadcrumb-list .devsite-breadcrumb-link[href$=\.com\/]:after,
.devsite-breadcrumb-list .devsite-breadcrumb-link[href$=\.com\/docs],
.devsite-breadcrumb-list .devsite-breadcrumb-link[href$=\.com\/docs]:after,
.devsite-breadcrumb-list .devsite-breadcrumb-link[href=\/],
.devsite-breadcrumb-list .devsite-breadcrumb-link[href=\/]:after,
.devsite-breadcrumb-list .devsite-breadcrumb-link[href=\/docs],
.devsite-breadcrumb-list .devsite-breadcrumb-link[href=\/docs]:after {
       display: none
}

@media (min-width:1920px) {
       .cws-fullbleed {
              margin-left: -312px;
              margin-right: -312px
       }
}

cws-jump-menu {
       --cws-js-top-offset-height: var(--devsite-js-header-height, 65px);
       --cws-jump-menu-page-offset: -24px
}

body[layout=full].cws-page-devsite .devsite-main-content {
       max-width: 1440px;
       padding: 0 28px
}

@media (min-width:600px) {
       body[layout=full].cws-page-devsite .devsite-main-content {
              padding-left: 40px;
              padding-right: 40px
       }
}

@media (min-width:1024px) {
       body[layout=full].cws-page-devsite .devsite-main-content {
              padding-left: 72px;
              padding-right: 72px
       }
}

body[type=lcat] .cloud-collapse__control .devsite-heading-link.material-icons {
       left: 20px;
       position: relative;
       vertical-align: middle
}

body[type=lcat] .devsite-article p {
       color: #202124
}

devsite-lightbox .devsite-lightbox-icon-close:focus {
       background: rgba(0, 0, 0, .5)
}

devsite-lightbox .devsite-lightbox-icon-close:hover {
       background: hsla(0, 0%, 100%, .3)
}

@media (max-width:900px) and (orientation:portrait) {
       devsite-video {
              max-height: 52.7777777778vw;
              max-width: 95vw
       }
}

@media (max-width:900px) and (orientation:landscape) {
       devsite-video {
              max-height: 90vh;
              max-width: 90vw;
              padding-bottom: 50%
       }
}

.bg-content-grey,
.bg-gray {
       background-color: #f1f3f4
}

.bg-white {
       background: #fff
}

#cloud-site .background-mist {
       background: #eceff1;
       color: #4a5960
}

#cloud-site .background-servers {
       background: -webkit-gradient(linear, left top, left bottom, from(#253238), to(#3a464b));
       background: -webkit-linear-gradient(#253238, #3a464b);
       background: linear-gradient(#253238, #3a464b);
       background-color: #253238;
       background-position: fixed;
       color: #fff
}

#cloud-site .background-grey {
       background: #f1f3f4;
       color: #4a5960
}

#cloud-site .background-grey img {
       padding: 10px
}

.card-pad-standard {
       padding-left: 36px;
       padding-right: 36px
}

.card-pad-small {
       padding-left: 18px;
       padding-right: 18px
}

#cloud-site .card {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       border: none;
       margin-bottom: 64px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .card {
              margin-bottom: 32px
       }
}

#cloud-site .card header {
       background: #eceff1;
       padding: 16px 32px
}

#cloud-site .card header h2 {
       color: #9aa0a6;
       font-size: 22px;
       font-weight: 400;
       line-height: 24px;
       margin: 0
}

#cloud-site .card p {
       margin-bottom: 0;
       padding: 0 16px
}

#cloud-site .card .card-content {
       border-bottom: 1px solid #eceff1;
       padding: 16px
}

#cloud-site .card .card-content:last-child {
       border-bottom: none
}

#cloud-site .card .card-content h3 {
       margin: 0
}

#cloud-site .card .card-content ul {
       margin: 0 0 0 32px;
       padding: 0
}

#cloud-site .card .card-content ul a {
       display: block;
       font-size: 14px;
       line-height: 24px;
       padding: 0 4px;
       text-decoration: none
}

#cloud-site .card .card-content ul a:hover {
       background: #eceff1;
       text-decoration: underline
}

#cloud-site .card .card-showcase {
       list-style-type: none;
       margin: 0;
       padding: 0
}

#cloud-site .card .card-showcase li {
       margin-bottom: 0;
       min-height: 68px
}

#cloud-site .card .card-showcase h3 {
       color: #4a5960;
       font-size: 15px;
       font-weight: 500;
       line-height: 24px;
       margin: 0
}

#cloud-site .card .card-showcase p {
       color: rgba(82, 110, 122, .92);
       font-size: 13px;
       line-height: 20px;
       margin: 0;
       padding: 0
}

#cloud-site .card .card-showcase i {
       display: block;
       left: 16px;
       margin-top: -29px;
       position: absolute;
       top: 50%;
       -webkit-transition: opacity .3s;
       transition: opacity .3s;
       z-index: 1
}

#cloud-site .card .card-showcase a:not(.devsite-back-to-top-link) {
       border: 1px solid transparent;
       display: block;
       margin: 0;
       padding: 23px;
       position: relative;
       text-decoration: none;
       -webkit-transition: all .3s;
       transition: all .3s
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .card .card-showcase a:not(.devsite-back-to-top-link) {
              border-bottom: 1px solid #eceff1
       }
}

#cloud-site .card .card-showcase a:not(.devsite-back-to-top-link):hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 3px 0 rgba(1, 67, 163, .05), 0 4px 8px 3px rgba(1, 67, 163, .15);
       border: 1px solid #2b85e7;
       border-radius: 4px
}

#cloud-site .card .card-showcase a:not(.devsite-back-to-top-link):hover h3,
#cloud-site .card .card-showcase a:not(.devsite-back-to-top-link):hover p {
       color: #1262c2
}

#cloud-site .card .card-showcase a:not(.devsite-back-to-top-link):hover i {
       opacity: 1
}

.flex-card {
       background: #fff;
       border-radius: 4px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       margin-right: 20px;
       position: relative
}

.flex-card:empty {
       height: 0;
       margin-bottom: 0 !important;
       margin-top: 0 !important
}

.flex-card-container {
       clear: both;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.flex-card-container.wrap .flex-card {
       margin-bottom: 20px;
       margin-top: 20px
}

.flex-card.hover {
       cursor: pointer;
       text-decoration: none;
       -webkit-transition: box-shadow .3s;
       transition: box-shadow .3s
}

.flex-card.hover:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 3px 0 rgba(1, 67, 163, .05), 0 4px 8px 3px rgba(1, 67, 163, .15);
       border: none;
       text-decoration: none
}

.flex-card.shadow {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       border: none
}

.flex-card.padding {
       padding: 16px
}

.flex-card .title {
       color: #202124;
       font-size: 22px
}

.flex-card .desc {
       color: #5f6368;
       font-size: 14px;
       line-height: 20px
}

#cloud-site .hover-card {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       background: #fff;
       border: none;
       border-radius: 2px;
       cursor: pointer;
       display: block;
       letter-spacing: .01em;
       margin: 0 0 16px;
       padding: 16px;
       position: relative;
       text-decoration: none;
       -webkit-transition: all .3s;
       transition: all .3s
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hover-card {
              display: block;
              margin: 16px 0
       }
}

#cloud-site .hover-card:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 3px 0 rgba(1, 67, 163, .05), 0 4px 8px 3px rgba(1, 67, 163, .15);
       border: none
}

#cloud-site .hover-card:hover h3,
#cloud-site .hover-card:hover p {
       color: #2b85e7
}

#cloud-site .hover-card h3,
#cloud-site .hover-card p {
       line-height: 24px;
       margin: 0;
       overflow: hidden;
       padding: 0;
       text-align: left;
       text-overflow: ellipsis;
       text-transform: none;
       -webkit-transition: all .4s;
       transition: all .4s;
       white-space: nowrap
}

#cloud-site .hover-card h3 {
       color: #4a5960;
       font-size: 20px
}

#cloud-site .hover-card p {
       color: #2b85e7;
       font-size: 11px;
       text-transform: uppercase
}

.flex-hover-card-container {
       clear: both;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-height: 92px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       .flex-hover-card-container {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       .flex-hover-card-container .flex-hover-card {
              margin-bottom: 20px;
              margin-right: 0
       }
}

.flex-hover-card-container .flex-hover-card:last-child {
       margin-right: 0
}

.flex-hover-card {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       background: #fff;
       border: none;
       border-radius: 2px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       cursor: pointer;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       letter-spacing: .01em;
       margin-right: 20px;
       padding: 16px;
       position: relative
}

.flex-hover-card:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 3px 0 rgba(1, 67, 163, .05), 0 4px 8px 3px rgba(1, 67, 163, .15);
       border: none;
       text-decoration: none
}

#cloud-site .info-card {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       background: #fff;
       border: none;
       border-radius: 4px;
       display: block;
       margin: 0 0 16px;
       outline: none;
       padding: 8px 0;
       position: relative;
       text-align: center
}

#cloud-site table.is-full-width {
       width: 100%
}

#cloud-site .badge {
       border-radius: 4px;
       color: #fff;
       display: inline-block;
       font-size: 14px;
       font-weight: 500;
       line-height: 24px;
       padding: 0 8px;
       text-transform: uppercase
}

#cloud-site .badge-primary {
       background-color: #1262c2
}

#cloud-site .badge-success {
       background-color: #8bc34a
}

#cloud-site .sticker {
       display: block;
       height: 90px;
       line-height: 90px;
       overflow: hidden;
       position: relative;
       text-align: center;
       width: 100px
}

#cloud-site .sticker .sticker-top {
       color: #8fa4ae;
       font-size: 48px;
       left: 50%;
       margin: -24px 0 0 -24px;
       position: absolute;
       top: 50%;
       z-index: 2
}

#cloud-site .sticker .sticker-top.is-small {
       margin: -16px 0 0 -16px
}

#cloud-site .sticker .sticker-bottom {
       color: #eceff1;
       font-size: 88px
}

#cloud-site .sticker .sticker-bottom.is-circle {
       background: #eceff1;
       border-radius: 50%;
       display: block;
       height: 100px;
       width: 100px
}

#cloud-site .map {
       background: #eceff1;
       border-radius: 8px;
       text-align: left
}

#cloud-site .map.is-small {
       height: 240px;
       width: 440px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .map.is-small {
              width: 100%
       }
}

#cloud-site .map.is-large {
       height: 440px
}

#cloud-site .jump-nav {
       position: absolute;
       right: 96px;
       top: 64px;
       width: 176px;
       z-index: 1
}

#cloud-site .jump-nav ul {
       list-style-type: none;
       margin: 0;
       padding: 16px 0
}

#cloud-site .jump-nav li {
       border-bottom: 1px solid #eceff1;
       margin: 0;
       padding: 0
}

#cloud-site .jump-nav li.is-selected a {
       color: #2b85e7
}

#cloud-site .jump-nav li a,
#cloud-site .jump-nav li a:visited {
       color: #8fa4ae;
       display: block;
       font-size: 13px;
       line-height: 40px;
       margin: 0;
       padding: 0 16px;
       text-align: left;
       text-decoration: none;
       -webkit-transition: none;
       transition: none
}

#cloud-site .jump-nav li a:focus,
#cloud-site .jump-nav li a:hover {
       background: #edf0f2;
       color: #2b85e7;
       text-decoration: none;
       -webkit-transform: none;
       transform: none
}

#cloud-site .banner-panel {
       background: #f8f9fa;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding: 32px 72px
}

#cloud-site .banner-panel h2 {
       font-size: 34px;
       margin: 3px 0 16px
}

#cloud-site .banner-panel img {
       max-width: 250px
}

#cloud-site .banner-panel .wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

#cloud-site .banner-panel p {
       color: #fff;
       font-size: 18px;
       font-weight: 300;
       line-height: 28px;
       margin-top: 0
}

#cloud-site .banner-panel .borderline {
       border-left: 1px solid #dadce0;
       margin-left: 36px;
       margin-right: 36px
}

#cloud-site .banner-panel .align-items-center p {
       font-size: 22px;
       font-weight: 500;
       line-height: 26px;
       margin-bottom: 0
}

@media only screen and (max-width:768px) {
       #cloud-site .banner-panel {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       #cloud-site .banner-panel .wrapper {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       #cloud-site .banner-panel .first {
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center
       }

       #cloud-site .banner-panel .first img {
              margin-bottom: 24px
       }

       #cloud-site .banner-panel .first p {
              margin-bottom: 16px
       }

       #cloud-site .banner-panel .borderline {
              display: none
       }
}

@media only screen and (max-width:400px) {
       #cloud-site .banner-panel {
              padding-left: 10px;
              padding-right: 10px
       }

       #cloud-site .banner-panel h2 {
              font-size: 28px
       }
}

.default-tabs .md-tab.md-active {
       color: #202124
}

.default-tabs .md-tab.md-active-wrapper {
       position: relative
}

.default-tabs .md-tab.md-active-line {
       border-bottom: 1px solid #dadce0;
       left: 0;
       position: absolute;
       top: 48px;
       width: 100%;
       z-index: 2
}

.default-tabs .md-tab.md-active.no-animate md-tab-content,
.default-tabs .md-tab.md-active md-tabs {
       -webkit-animation: none !important;
       animation: none !important;
       -webkit-transform: none !important;
       transform: none !important;
       -webkit-transition: none !important;
       transition: none !important
}

.default-tabs .md-tab.md-active md-tab-content.md-active {
       z-index: 2
}

.default-tabs .md-tab.md-active md-content {
       background-color: transparent
}

.default-tabs .md-tab.md-active md-tabs-content-wrapper {
       margin-top: 50px
}

.scrollable-img-cont {
       overflow-x: auto
}

.scrollable-img-cont img,
.scrollable-img-cont object {
       min-width: 500px
}

.section.alternate .alternate-left,
.section.alternate .alternate-right {
       padding: 50px 0
}

.section.alternate .alternate-left {
       -webkit-flex-wrap: wrap-reverse;
       -ms-flex-wrap: wrap-reverse;
       flex-wrap: wrap-reverse
}

.section.alternate .alternate-right {
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

.section.alternate .desc {
       color: #5f6368;
       font-size: 16px;
       font-weight: 400;
       line-height: 28px
}

.section.alternate .spacer {
       width: 8%
}

.section.alternate .title {
       color: #202124;
       font-size: 40px;
       font-weight: 300;
       line-height: 48px;
       margin-bottom: 16px
}

.section .link {
       font-size: 14px;
       padding-right: 24px;
       position: relative;
       text-transform: uppercase
}

.section .link:after {
       background: #039be5 url(https://www.gstatic.com/images/icons/material/system/1x/arrow_upward_white_24dp.png) no-repeat 0 0/contain;
       border-radius: 50%;
       content: "";
       height: 15px;
       position: absolute;
       right: 0;
       top: calc(50% - 7.5px);
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       width: 15px
}

i.md-blue {
       color: #4285f4;
       font-size: 17px;
       font-weight: 700;
       line-height: 25px;
       margin-right: 15px;
       padding: 0
}

header.header.alternate {
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

header.header.no-border {
       border: 0
}

.header .hero-title {
       color: #202124;
       font-size: 48px;
       font-weight: 300;
       line-height: 57px;
       margin-bottom: 20px;
       margin-top: 0
}

.header .hero-subtitle {
       color: #5f6368;
       font-size: 16px;
       font-weight: 400;
       line-height: 28px
}

.headline {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 80px 0 20px
}

.headline .title {
       color: #202124;
       font-size: 40px;
       font-weight: 300;
       line-height: 48px
}

.customer .side-section a {
       overflow-wrap: break-word
}

.customer .side-section.product>img {
       display: block
}

.customer .quote .attribution {
       color: #3c4043
}

.docs-landing-page-main #cloud-site .flex {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: start;
       -webkit-justify-content: flex-start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start
}

.docs-landing-page-main #cloud-site .flex .card {
       margin: 12px 20px 12px 0;
       padding: 0;
       position: relative;
       -webkit-transition: box-shadow .3s;
       transition: box-shadow .3s;
       width: 264px
}

@media screen and (max-width:1024px) {
       .docs-landing-page-main #cloud-site .flex .card {
              margin: 0 0 24px;
              width: 100%
       }
}

.docs-landing-page-main #cloud-site .flex .card:focus,
.docs-landing-page-main #cloud-site .flex .card:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 3px 0 rgba(1, 67, 163, .05), 0 4px 8px 3px rgba(1, 67, 163, .15);
       border: none;
       cursor: pointer
}

.docs-landing-page-main #cloud-site .flex .card .material-icons {
       color: #039be5;
       float: left;
       padding-right: 18px
}

.docs-landing-page-main #cloud-site .flex .inner-card {
       padding: 18px 12px
}

.docs-landing-page-main #cloud-site .flex .inner-card>div {
       display: table
}

.docs-landing-page-main #cloud-site .flex h3 {
       color: #637d88;
       font-size: 20px;
       line-height: 24px;
       margin: 0
}

.docs-landing-page-main #cloud-site .flex p {
       color: #637d88;
       font-size: 13px;
       line-height: 1.2em;
       margin: 6px 0;
       padding: 0
}

/*! Copyright 2012-2014 Alex Wolfe and Rob Levin

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/
.clear {
       clear: both
}

#cloud-site .grid-fluid,
.grid-fluid {
       margin: 0 auto;
       *zoom: 1
}

#cloud-site .grid-fluid:after,
#cloud-site .grid-fluid:before,
.grid-fluid:after,
.grid-fluid:before {
       clear: both;
       content: ".";
       display: block;
       font-size: 0;
       height: 0;
       line-height: 0;
       overflow: hidden;
       visibility: hidden;
       width: 0
}

#cloud-site .grid-fluid .c1,
#cloud-site .grid-fluid .c2,
#cloud-site .grid-fluid .c3,
#cloud-site .grid-fluid .c4,
#cloud-site .grid-fluid .c5,
#cloud-site .grid-fluid .c6,
#cloud-site .grid-fluid .c7,
#cloud-site .grid-fluid .c8,
#cloud-site .grid-fluid .c9,
#cloud-site .grid-fluid .c10,
#cloud-site .grid-fluid .c11,
#cloud-site .grid-fluid .c12,
.grid-fluid .c1,
.grid-fluid .c2,
.grid-fluid .c3,
.grid-fluid .c4,
.grid-fluid .c5,
.grid-fluid .c6,
.grid-fluid .c7,
.grid-fluid .c8,
.grid-fluid .c9,
.grid-fluid .c10,
.grid-fluid .c11,
.grid-fluid .c12 {
       display: inline;
       float: left;
       margin-left: 1.04167%;
       margin-right: 1.04167%
}

#cloud-site .grid-fluid .c1.na,
#cloud-site .grid-fluid .c2.na,
#cloud-site .grid-fluid .c3.na,
#cloud-site .grid-fluid .c4.na,
#cloud-site .grid-fluid .c5.na,
#cloud-site .grid-fluid .c6.na,
#cloud-site .grid-fluid .c7.na,
#cloud-site .grid-fluid .c8.na,
#cloud-site .grid-fluid .c9.na,
#cloud-site .grid-fluid .c10.na,
#cloud-site .grid-fluid .c11.na,
#cloud-site .grid-fluid .c12.na,
.grid-fluid .c1.na,
.grid-fluid .c2.na,
.grid-fluid .c3.na,
.grid-fluid .c4.na,
.grid-fluid .c5.na,
.grid-fluid .c6.na,
.grid-fluid .c7.na,
.grid-fluid .c8.na,
.grid-fluid .c9.na,
.grid-fluid .c10.na,
.grid-fluid .c11.na,
.grid-fluid .c12.na {
       margin-right: 0
}

#cloud-site .grid-fluid .c1.nb,
#cloud-site .grid-fluid .c2.nb,
#cloud-site .grid-fluid .c3.nb,
#cloud-site .grid-fluid .c4.nb,
#cloud-site .grid-fluid .c5.nb,
#cloud-site .grid-fluid .c6.nb,
#cloud-site .grid-fluid .c7.nb,
#cloud-site .grid-fluid .c8.nb,
#cloud-site .grid-fluid .c9.nb,
#cloud-site .grid-fluid .c10.nb,
#cloud-site .grid-fluid .c11.nb,
#cloud-site .grid-fluid .c12.nb,
.grid-fluid .c1.nb,
.grid-fluid .c2.nb,
.grid-fluid .c3.nb,
.grid-fluid .c4.nb,
.grid-fluid .c5.nb,
.grid-fluid .c6.nb,
.grid-fluid .c7.nb,
.grid-fluid .c8.nb,
.grid-fluid .c9.nb,
.grid-fluid .c10.nb,
.grid-fluid .c11.nb,
.grid-fluid .c12.nb {
       margin-left: 0
}

#cloud-site .grid-fluid .a1,
.grid-fluid .a1 {
       margin-right: 10.41667%
}

#cloud-site .grid-fluid .a2,
.grid-fluid .a2 {
       margin-right: 18.75%
}

#cloud-site .grid-fluid .a3,
.grid-fluid .a3 {
       margin-right: 27.08333%
}

#cloud-site .grid-fluid .a4,
.grid-fluid .a4 {
       margin-right: 35.41667%
}

#cloud-site .grid-fluid .a5,
.grid-fluid .a5 {
       margin-right: 43.75%
}

#cloud-site .grid-fluid .a6,
.grid-fluid .a6 {
       margin-right: 52.08333%
}

#cloud-site .grid-fluid .a7,
.grid-fluid .a7 {
       margin-right: 60.41667%
}

#cloud-site .grid-fluid .a8,
.grid-fluid .a8 {
       margin-right: 68.75%
}

#cloud-site .grid-fluid .a9,
.grid-fluid .a9 {
       margin-right: 77.08333%
}

#cloud-site .grid-fluid .a10,
.grid-fluid .a10 {
       margin-right: 85.41667%
}

#cloud-site .grid-fluid .a11,
.grid-fluid .a11 {
       margin-right: 93.75%
}

#cloud-site .grid-fluid .a12,
.grid-fluid .a12 {
       margin-right: 102.08333%
}

#cloud-site .grid-fluid .b1,
.grid-fluid .b1 {
       margin-left: 10.41667%
}

#cloud-site .grid-fluid .b2,
.grid-fluid .b2 {
       margin-left: 18.75%
}

#cloud-site .grid-fluid .b3,
.grid-fluid .b3 {
       margin-left: 27.08333%
}

#cloud-site .grid-fluid .b4,
.grid-fluid .b4 {
       margin-left: 35.41667%
}

#cloud-site .grid-fluid .b5,
.grid-fluid .b5 {
       margin-left: 43.75%
}

#cloud-site .grid-fluid .b6,
.grid-fluid .b6 {
       margin-left: 52.08333%
}

#cloud-site .grid-fluid .b7,
.grid-fluid .b7 {
       margin-left: 60.41667%
}

#cloud-site .grid-fluid .b8,
.grid-fluid .b8 {
       margin-left: 68.75%
}

#cloud-site .grid-fluid .b9,
.grid-fluid .b9 {
       margin-left: 77.08333%
}

#cloud-site .grid-fluid .b10,
.grid-fluid .b10 {
       margin-left: 85.41667%
}

#cloud-site .grid-fluid .b11,
.grid-fluid .b11 {
       margin-left: 93.75%
}

#cloud-site .grid-fluid .b12,
.grid-fluid .b12 {
       margin-left: 102.08333%
}

#cloud-site .grid-fluid .c1,
.grid-fluid .c1 {
       width: 6.25%
}

#cloud-site .grid-fluid .c2,
.grid-fluid .c2 {
       width: 14.58333%
}

#cloud-site .grid-fluid .c3,
.grid-fluid .c3 {
       width: 22.91667%
}

#cloud-site .grid-fluid .c4,
.grid-fluid .c4 {
       width: 31.25%
}

#cloud-site .grid-fluid .c5,
.grid-fluid .c5 {
       width: 39.58333%
}

#cloud-site .grid-fluid .c6,
.grid-fluid .c6 {
       width: 47.91667%
}

#cloud-site .grid-fluid .c7,
.grid-fluid .c7 {
       width: 56.25%
}

#cloud-site .grid-fluid .c8,
.grid-fluid .c8 {
       width: 64.58333%
}

#cloud-site .grid-fluid .c9,
.grid-fluid .c9 {
       width: 72.91667%
}

#cloud-site .grid-fluid .c10,
.grid-fluid .c10 {
       width: 81.25%
}

#cloud-site .grid-fluid .c11,
.grid-fluid .c11 {
       width: 89.58333%
}

#cloud-site .grid-fluid .c12,
.grid-fluid .c12 {
       width: 97.91667%
}

@media (max-width:900px) {

       #cloud-site .grid-fluid,
       .grid-fluid {
              margin: 0 auto;
              width: auto;
              *zoom: 1
       }

       #cloud-site .grid-fluid:after,
       #cloud-site .grid-fluid:before,
       .grid-fluid:after,
       .grid-fluid:before {
              clear: both;
              content: ".";
              display: block;
              font-size: 0;
              height: 0;
              line-height: 0;
              overflow: hidden;
              visibility: hidden;
              width: 0
       }

       #cloud-site .grid-fluid .c1,
       #cloud-site .grid-fluid .c2,
       #cloud-site .grid-fluid .c3,
       #cloud-site .grid-fluid .c4,
       #cloud-site .grid-fluid .c5,
       #cloud-site .grid-fluid .c6,
       #cloud-site .grid-fluid .c7,
       #cloud-site .grid-fluid .c8,
       #cloud-site .grid-fluid .c9,
       #cloud-site .grid-fluid .c10,
       #cloud-site .grid-fluid .c11,
       #cloud-site .grid-fluid .c12,
       .grid-fluid .c1,
       .grid-fluid .c2,
       .grid-fluid .c3,
       .grid-fluid .c4,
       .grid-fluid .c5,
       .grid-fluid .c6,
       .grid-fluid .c7,
       .grid-fluid .c8,
       .grid-fluid .c9,
       .grid-fluid .c10,
       .grid-fluid .c11,
       .grid-fluid .c12 {
              display: block;
              float: none;
              margin-left: 20px;
              margin-right: 20px;
              width: auto
       }
}

#cloud-site .hero {
       color: #fff;
       min-height: 103px;
       padding: 72px 64px 40px 96px;
       position: relative
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hero {
              height: auto;
              min-height: auto;
              padding: 64px 16px 8px
       }
}

#cloud-site .hero.product-hero {
       padding: 20px 0 30px 10px
}

@media (max-width:768px) {
       #cloud-site .hero.product-hero {
              padding: 38px 0 28px 24px
       }
}

#cloud-site .hero.product-hero .hero-title {
       color: #36474f
}

#cloud-site .hero.product-hero .hero-subtitle {
       color: #4a5960
}

#cloud-site .hero.product-hero .button {
       background: #4285f4 16px 50% no-repeat;
       box-shadow: inherit;
       color: #fff;
       padding: 0 36px 0 58px
}

@media (max-width:768px) {
       #cloud-site .hero.product-hero .button {
              float: left;
              margin-right: 20px;
              margin-top: 22px;
              max-width: 51%
       }
}

@media (max-width:720px) {
       #cloud-site .hero.product-hero .button {
              float: none;
              max-width: none
       }
}

#cloud-site .hero.product-hero .button:focus,
#cloud-site .hero.product-hero .button:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 2px 6px 2px rgba(60, 64, 67, .15);
       background-color: #558ff1;
       border: none
}

#cloud-site .hero.product-hero .button.button-plain {
       background: #fff;
       border: 1px solid #dadce0;
       color: #4285f4;
       padding: 0 48px
}

#cloud-site .hero.product-hero .button.button-plain:focus,
#cloud-site .hero.product-hero .button.button-plain:hover {
       background-color: #f8fafe;
       box-shadow: inherit
}

#cloud-site .hero.product-hero .l-max-width-standard {
       position: relative;
       z-index: 1
}

#cloud-site .hero.is-large {
       height: 478px;
       padding: 16px;
       text-align: center
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hero.is-large {
              height: auto;
              min-height: auto
       }
}

#cloud-site .hero.is-large .button {
       margin: 0 8px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hero.is-large .button {
              margin: 16px 0
       }
}

#cloud-site .hero .has-logo {
       padding: 8px 8px 8px 96px;
       position: relative
}

@media (max-width:768px) {
       #cloud-site .hero .has-logo {
              background: none
       }
}

@media (max-width:400px) {
       #cloud-site .hero .has-logo {
              padding: 16px
       }
}

#cloud-site .hero .has-logo .button {
       margin-right: 16px
}

@media (max-width:768px) {
       #cloud-site .hero .has-logo .button {
              margin: 16px 0 0
       }
}

#cloud-site .hero .has-logo .logo {
       display: block;
       left: 0;
       position: absolute;
       top: 8px;
       z-index: 1
}

@media (max-width:400px) {
       #cloud-site .hero .has-logo .logo {
              display: none
       }
}

#cloud-site .hero .hero-title {
       color: #fff;
       margin: 0;
       opacity: 1;
       text-transform: uppercase
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hero .hero-title {
              font-size: 24px;
              line-height: 34px;
              margin-bottom: 8px
       }

       #cloud-site .hero .hero-title sup {
              font-size: 12px;
              top: -1.2em
       }
}

#cloud-site .hero .hero-title sup {
       font-size: 18px;
       top: -1em
}

#cloud-site .hero .hero-subtitle {
       color: #fff;
       font-size: 18px;
       margin: 0 0 24px;
       opacity: 1
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hero .hero-subtitle {
              margin: 0
       }
}

#cloud-site .hero .button {
       border-radius: 2px;
       font-weight: 500;
       line-height: 40px;
       margin: 0 16px 0 0;
       padding: 0 40px;
       text-align: center
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .hero .button {
              display: block;
              margin: 16px 0
       }
}

#cloud-site .hero .button.button-small {
       line-height: 32px;
       padding: 0 16px
}

#cloud-site #hero-gear {
       background: url(../images/products/logos/svg/gcp-sillouhette.svg) 100% no-repeat;
       bottom: 0;
       height: 295px;
       position: absolute;
       right: -121px;
       width: 412px
}

@media (min-width:1600px) {
       #cloud-site #hero-gear {
              right: 2px
       }
}

@media (max-width:768px) {
       #cloud-site #hero-gear {
              display: none
       }
}

#cloud-site .logo-80 {
       height: 80px;
       width: 80px
}

#cloud-site .logo-65 {
       height: 65px;
       width: 65px
}

#cloud-site .logo-40 {
       height: 40px;
       width: 40px
}

#cloud-site .logo.logo-40,
#cloud-site .logo.logo-65,
#cloud-site .logo.logo-80 {
       background-position: 0 0;
       background-repeat: no-repeat;
       background-size: contain !important
}

#cloud-site .logo-partner {
       background-image: url(../images/sprites/partner-logos.png);
       display: inline-block;
       height: 64px;
       overflow: hidden;
       text-indent: -100vw;
       width: 160px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
       #cloud-site .logo-partner {
              background-image: url(../images/sprites/partner-logos-2x.png);
              background-size: 500px 960px !important
       }
}

#cloud-site .logo-clearstory {
       background-position: 0 -256px
}

#cloud-site .logo-cloudera {
       background-position: -160px -256px
}

#cloud-site .logo-dataartisans {
       background-position: -320px -256px
}

#cloud-site .logo-salesforce {
       background-position: 0 -320px
}

#cloud-site .logo-springml {
       background-position: -160px -320px
}

#cloud-site .logo-tamr {
       background-position: -320px -320px
}

#cloud-site .logo.logo-api {
       background-image: url(../images/products/logos/svg/api.svg)
}

#cloud-site .logo.logo-appengine {
       background-image: url(../images/products/logos/svg/appengine.svg)
}

#cloud-site .logo.logo-beyondcorp {
       background-image: url(../images/products/logos/svg/beyondcorp.svg)
}

#cloud-site .logo.logo-bigtable {
       background-image: url(../images/products/logos/svg/bigtable.svg)
}

#cloud-site .logo.logo-bigquery {
       background-image: url(../images/products/logos/svg/bigquery.svg)
}

#cloud-site .logo.logo-cache {
       background-image: url(../images/products/logos/svg/cache.svg)
}

#cloud-site .logo.logo-cdn {
       background-image: url(../images/products/logos/svg/cdn.svg)
}

#cloud-site .logo.logo-compute-engine {
       background-image: url(../images/products/logos/svg/compute-engine.svg)
}

#cloud-site .logo.logo-container-engine {
       background-image: url(../images/products/logos/svg/container-engine.svg)
}

#cloud-site .logo.logo-kubernetes-engine {
       background-image: url(../images/products/logos/svg/kubernetes-engine.svg)
}

#cloud-site .logo.logo-container-registry {
       background-image: url(../images/products/logos/svg/container-registry.svg)
}

#cloud-site .logo.logo-dataflow {
       background-image: url(../images/products/logos/svg/dataflow.svg)
}

#cloud-site .logo.logo-datalab {
       background-image: url(../images/products/logos/svg/datalab.svg)
}

#cloud-site .logo.logo-dataproc {
       background-image: url(../images/products/logos/svg/dataproc.svg)
}

#cloud-site .logo.logo-composer {
       background-image: url(../images/products/logos/svg/composer.svg)
}

#cloud-site .logo.logo-dataprep {
       background-image: url(../images/products/logos/svg/dataprep.svg)
}

#cloud-site .logo.logo-datastore {
       background-image: url(../images/products/logos/svg/datastore.svg)
}

#cloud-site .logo.logo-datastudio {
       background-image: url(../images/products/logos/svg/datastudio.svg)
}

#cloud-site .logo.logo-debugger {
       background-image: url(../images/products/logos/svg/debugger.svg)
}

#cloud-site .logo.logo-deployment {
       background-image: url(../images/products/logos/svg/deployment-manager.svg)
}

#cloud-site .logo.logo-devtools {
       background-image: url(../images/products/logos/svg/dev-tools.svg)
}

#cloud-site .logo.logo-dlp {
       background-image: url(../images/products/logos/svg/dlp.svg)
}

#cloud-site .logo.logo-dns {
       background-image: url(../images/products/logos/svg/dns.svg)
}

#cloud-site .logo.logo-drive {
       background-image: url(www.gstatic.com/images/icons/material/product/2x/drive_32dp.png)
}

#cloud-site .logo.logo-error-reporting {
       background-image: url(../images/products/logos/svg/error-reporting.svg)
}

#cloud-site .logo.logo-endpoints {
       background-image: url(../images/products/logos/svg/endpoints.svg)
}

#cloud-site .logo.logo-firebase {
       background-image: url(../images/products/logos/firebase.png)
}

#cloud-site .logo.logo-function,
#cloud-site .logo.logo-functions {
       background-image: url(../images/products/logos/svg/functions.svg)
}

#cloud-site .logo.logo-gcp {
       background-image: url(../images/products/logos/svg/gcp.svg)
}

#cloud-site .logo.logo-genomics {
       background-image: url(../images/products/logos/svg/genomics.svg)
}

#cloud-site .logo.logo-iam {
       background-image: url(../images/products/logos/svg/iam.svg)
}

#cloud-site .logo.logo-iap {
       background-image: url(../images/products/logos/svg/iap.svg)
}

#cloud-site .logo.logo-interconnect {
       background-image: url(../images/products/logos/svg/interconnect.svg)
}

#cloud-site .logo.logo-jobs-api {
       background-image: url(../images/products/logos/svg/jobs-api.svg)
}

#cloud-site .logo.logo-dialogflow-enterprise {
       background-image: url(../images/products/logos/svg/dialogflow-enterprise.svg)
}

#cloud-site .logo.logo-profile-api {
       background-image: url(../images/products/logos/svg/profile-api.svg)
}

#cloud-site .logo.logo-launcher {
       background-image: url(../images/products/logos/svg/launcher.svg)
}

#cloud-site .logo.logo-load-balancing {
       background-image: url(../images/products/logos/svg/load-balancing.svg)
}

#cloud-site .logo.logo-logging {
       background-image: url(../images/products/logos/svg/logging.svg)
}

#cloud-site .logo.logo-logs {
       background-image: url(../images/products/logos/svg/logs.svg)
}

#cloud-site .logo.logo-machine-learning {
       background-image: url(../images/products/logos/svg/machine-learning.svg)
}

#cloud-site .logo.logo-natural-language {
       background-image: url(../images/products/logos/svg/natural-language.svg)
}

#cloud-site .logo.logo-networking {
       background-image: url(../images/products/logos/svg/networking.svg)
}

#cloud-site .logo.logo-nearline,
#cloud-site .logo.logo-storage {
       background-image: url(../images/products/logos/svg/storage.svg)
}

#cloud-site .logo.logo-persistent {
       background-image: url(../images/products/logos/svg/persistent.svg)
}

#cloud-site .logo.logo-prediction {
       background-image: url(../images/products/logos/svg/prediction-api.svg)
}

#cloud-site .logo.logo-pubsub {
       background-image: url(../images/products/logos/svg/pubsub.svg)
}

#cloud-site .logo.logo-search-api {
       background-image: url(../images/products/logos/svg/search-api.svg)
}

#cloud-site .logo.logo-security-key-enforcement {
       background-image: url(../images/products/logos/svg/security-key-enforcement.svg)
}

#cloud-site .logo.logo-gpu {
       background-image: url(../images/products/logos/svg/gpu.svg)
}

#cloud-site .logo.logo-speech {
       background-image: url(../images/products/logos/svg/speech-api.svg)
}

#cloud-site .logo.logo-sql {
       background-image: url(../images/products/logos/svg/sql.svg)
}

#cloud-site .logo.logo-monitoring,
#cloud-site .logo.logo-stackdriver {
       background-image: url(../images/products/logos/svg/stackdriver.svg)
}

#cloud-site .logo.logo-stackdriver-family {
       background-image: url(../images/products/logos/svg/stackdriver-green.svg)
}

#cloud-site .logo.logo-support {
       background-image: url(../images/products/logos/svg/support.svg)
}

#cloud-site .logo.logo-testlab {
       background-image: url(../images/products/logos/svg/testlab.svg)
}

#cloud-site .logo.logo-trace {
       background-image: url(../images/products/logos/svg/trace.svg)
}

#cloud-site .logo.logo-translate {
       background-image: url(../images/products/logos/svg/translate-api.svg)
}

#cloud-site .logo.logo-vision {
       background-image: url(../images/products/logos/svg/vision-api.svg)
}

#cloud-site .logo.logo-virtual-network {
       background-image: url(../images/products/logos/svg/virtual-network.svg)
}

#cloud-site .logo.logo-kms {
       background-image: url(../images/products/logos/svg/kms.svg)
}

#cloud-site .logo.logo-spanner {
       background-image: url(../images/products/logos/svg/spanner.svg)
}

#cloud-site .logo.logo-container-optimized-os {
       background-image: url(../images/products/logos/svg/container-optimized-os.svg)
}

#cloud-site .logo.logo-iot {
       background-image: url(../images/products/logos/svg/iot.svg)
}

#cloud-site .logo.logo-asl {
       background-image: url(../images/products/logos/svg/asl.svg)
}

#cloud-site .logo.logo-data-transfer {
       background-image: url(../images/products/logos/svg/data-transfer.svg)
}

#cloud-site .logo.logo-api-platforms {
       background-image: url(../images/products/logos/svg/api-platforms.svg)
}

#cloud-site .logo.logo-api-analytics {
       background-image: url(../images/products/logos/svg/api-analytics.svg)
}

#cloud-site .logo.logo-api-monetization {
       background-image: url(../images/products/logos/svg/api-monetization.svg)
}

#cloud-site .logo.logo-apigee-sense {
       background-image: url(../images/products/logos/svg/apigee-sense.svg)
}

#cloud-site .logo.logo-video-intelligence {
       background-image: url(../images/products/logos/svg/video-intelligence.svg)
}

#cloud-site .logo.logo-cloud-tasks {
       background-image: url(../images/products/logos/svg/cloud-tasks.svg)
}

#cloud-site .logo.logo-developer-portal {
       background-image: url(../images/products/logos/svg/developer-portal.svg)
}

#cloud-site .logo.logo-automl {
       background-image: url(../images/products/logos/svg/automl.svg)
}

#cloud-site .logo.logo-tpu {
       background-image: url(../images/products/logos/svg/tpu.svg)
}

#cloud-site .logo.logo-firestore {
       background-image: url(../images/products/logos/svg/firestore.svg)
}

#cloud-site .icon-compute {
       background-image: url(../images/products/icons/compute.svg)
}

#cloud-site .icon-storage {
       background-image: url(../images/products/icons/storage.svg)
}

#cloud-site .icon-networking {
       background-image: url(../images/products/icons/networking.svg)
}

#cloud-site .icon-bigdata {
       background-image: url(../images/products/icons/bigdata.svg)
}

#cloud-site .icon-ml {
       background-image: url(../images/products/icons/machine-learning.svg)
}

#cloud-site .icon-security {
       background-image: url(../images/products/icons/security.svg)
}

#cloud-site .icon-operations {
       background-image: url(../images/products/icons/operations.svg)
}

#cloud-site .icon-devtools {
       background-image: url(../images/products/icons/devtools.svg)
}

#cloud-site .icon-support {
       background-image: url(../images/products/icons/support.svg)
}

#cloud-site .icon-iot {
       background-image: url(../images/products/icons/cloud-iot.svg)
}

#cloud-site .icon-api-platforms {
       background-image: url(../images/products/icons/api-platforms.svg)
}

#cloud-site .icon-data-transfer {
       background-image: url(../images/products/icons/data-transfer.svg)
}

#cloud-site .icon-professional-services {
       background-image: url(../images/products/icons/professional-services.svg)
}

#cloud-site .icon-productivity-tools {
       background-image: url(../images/products/icons/productivity-tools.svg)
}

#social-footer {
       background: #5f6368;
       color: #fff;
       overflow: hidden
}

#social-footer .social-footer-wrapper {
       margin: auto auto 24px;
       max-width: 1100px
}

#social-footer h3 {
       font-size: 18px
}

#social-footer a,
#social-footer a:visited,
#social-footer h3 {
       color: #fff;
       font-weight: 500
}

#social-footer a:focus,
#social-footer a:hover {
       color: #4285f4
}

#social-footer p {
       color: inherit
}

#social-footer .social-logos {
       margin-top: 24px;
       overflow: hidden
}

#social-footer .social-logos a {
       background: url(../images/sprites/social_logos_sprite.png) no-repeat;
       display: block;
       float: left;
       margin-right: 25px;
       overflow: hidden;
       text-indent: 100%;
       white-space: nowrap
}

#social-footer .social-logos a.gplus-icon {
       background-position: 0 0;
       background-size: 142px;
       height: 36px;
       width: 36px
}

#social-footer .social-logos a.gplus-icon:focus,
#social-footer .social-logos a.gplus-icon:hover {
       background-position-x: -36px
}

#social-footer .social-logos a.blogger-icon {
       background-position: 0 -39px;
       background-size: 155px;
       height: 33px;
       width: 32px
}

#social-footer .social-logos a.blogger-icon:focus,
#social-footer .social-logos a.blogger-icon:hover {
       background-position-x: -32px
}

#social-footer .social-logos a.youtube-icon {
       background-position: 0 -75px;
       background-size: 160px;
       height: 33px;
       width: 80px
}

#social-footer .social-logos a.youtube-icon:focus,
#social-footer .social-logos a.youtube-icon:hover {
       background-position-x: -81px
}

#social-footer .social-logos a.twitter-icon {
       background-position: 0 -90px;
       background-size: 132px;
       height: 28px;
       width: 34px
}

#social-footer .social-logos a.twitter-icon:focus,
#social-footer .social-logos a.twitter-icon:hover {
       background-position-x: -34px
}

#social-footer .social-logos a.linkedin-icon {
       background-position: 0 -147px;
       background-size: 164px;
       height: 34px;
       width: 34px
}

#social-footer .social-logos a.linkedin-icon:focus,
#social-footer .social-logos a.linkedin-icon:hover {
       background-position-x: -35px
}

#social-footer .social-logos a.facebook-icon {
       background-position: 0 -176px;
       background-size: 160px;
       height: 36px;
       width: 34px
}

#social-footer .social-logos a.facebook-icon:focus,
#social-footer .social-logos a.facebook-icon:hover {
       background-position-x: -34px
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
       #social-footer .social-logos a {
              background: url(../images/sprites/social_logos_sprite-2x.png) no-repeat
       }
}

@media screen and (max-width:1280px) {
       #social-footer .social-logos a {
              margin-right: 4%
       }
}

#cloud-site .text-display-1,
.text-display-1 {
       font-size: 34px;
       font-weight: 400;
       line-height: 40px;
       margin: 0 0 16px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {

       #cloud-site .text-display-1,
       .text-display-1 {
              font-size: 24px;
              line-height: 32px;
              margin: 0 0 8px
       }
}

#cloud-site .text-body,
#cloud-site .text-caption,
#cloud-site .text-headline,
#cloud-site .text-subhead,
#cloud-site .text-title,
.text-body,
.text-caption,
.text-headline,
.text-subhead,
.text-title {
       margin: 0 0 16px
}

#cloud-site .text-headline,
.text-headline {
       font-size: 24px;
       font-weight: 400;
       line-height: 32px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {

       #cloud-site .text-headline,
       .text-headline {
              font-size: 20px;
              line-height: 24px;
              margin: 0 0 8px
       }
}

#cloud-site .text-title,
.text-title {
       font-size: 20px;
       font-weight: 500;
       line-height: 32px
}

#cloud-site .text-body,
#cloud-site .text-subhead,
.text-body,
.text-subhead {
       font-size: 16px;
       font-weight: 400;
       line-height: 28px
}

#cloud-site .text-caption,
.text-caption {
       font-size: 12px;
       font-weight: 400;
       line-height: 20px;
       opacity: .54;
       text-transform: uppercase
}

#cloud-site .text-quote,
.text-quote {
       margin: 0 auto 64px;
       max-width: 800px;
       text-align: center
}

#cloud-site .text-quote.angry-bird-decoration,
.text-quote.angry-bird-decoration {
       background: url(../images/products/appengine/flying-bird.png) top no-repeat;
       padding-top: 132px
}

#cloud-site .text-quote.atomic-enterprise,
.text-quote.atomic-enterprise {
       background: url(../images/products/artwork/atomic-enterprise.png) top no-repeat;
       padding-top: 164px
}

#cloud-site .text-quote p,
.text-quote p {
       font-size: 24px;
       font-style: normal;
       font-weight: 300;
       line-height: 34px;
       margin-bottom: 24px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {

       #cloud-site .text-quote p,
       .text-quote p {
              font-size: 22px;
              font-weight: 300;
              line-height: 28px;
              margin-bottom: 16px;
              padding: 0 16px
       }
}

#cloud-site .text-quote p strong,
.text-quote p strong {
       font-weight: 500
}

#cloud-site .text-quote>strong,
.text-quote>strong {
       display: block;
       font-style: normal
}

#cloud-site .text-quote em,
.text-quote em {
       font-style: normal;
       font-weight: 400
}

#cloud-site .text-header,
.text-header {
       margin-bottom: 32px
}

#cloud-site .text-header .text-display-1,
#cloud-site .text-header .text-title,
#cloud-site .text-header dl dt,
.text-header .text-display-1,
.text-header .text-title,
.text-header dl dt {
       color: #4a5960
}

#cloud-site .text-header .text-display-1,
.text-header .text-display-1 {
       margin-bottom: 0;
       text-transform: uppercase
}

#cloud-site .text-header .text-title,
#cloud-site .text-header dl dt,
.text-header .text-title,
.text-header dl dt {
       font-size: 16px;
       font-weight: 400;
       margin-bottom: 0
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {

       #cloud-site .text-header .text-display-1,
       .text-header .text-display-1 {
              font-size: 28px;
              line-height: 32px;
              margin-bottom: 8px
       }

       #cloud-site .text-header .text-title,
       #cloud-site .text-header dl dt,
       .text-header .text-title,
       .text-header dl dt {
              font-size: 14px;
              line-height: 24px
       }
}

#cloud-site .text-center,
.text-center {
       text-align: center
}

#cloud-site .text-uppercase,
.text-uppercase {
       text-transform: uppercase
}

#cloud-site .text-right,
.text-right {
       text-align: right
}

#cloud-site .text-left,
.text-left {
       text-align: left
}

#cloud-site .text-no-bullets,
.text-no-bullets {
       list-style-type: none;
       margin: 0;
       padding: 0
}

#cloud-site dl dd,
dl dd {
       margin: 0 0 24px
}

ol.listhead>li,
ul.listhead>li {
       font-weight: 700
}

ol.listhead>li>*,
ul.listhead>li>* {
       font-weight: 400
}

#cloud-site .l-left {
       float: left
}

#cloud-site .l-right {
       float: right
}

#cloud-site .l-clearfix:after {
       clear: both;
       content: "";
       display: block;
       height: 0;
       visibility: hidden
}

#cloud-site .l-relative {
       position: relative
}

#cloud-site .l-max-width-standard {
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       margin-left: auto;
       margin-right: auto;
       max-width: 1280px
}

#cloud-site .l-showcase {
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       margin-bottom: 64px;
       margin-left: auto;
       margin-right: auto;
       max-width: 780px;
       position: relative
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .l-showcase {
              margin-bottom: 16px;
              padding: 16px
       }
}

#cloud-site .l-showcase.is-large {
       max-width: 1440px
}

#cloud-site .l-showcase.is-split-left .l-showcase-content {
       padding-left: 0
}

#cloud-site .l-showcase.is-split-left .l-showcase-image {
       right: 0
}

#cloud-site .l-showcase.is-split-right .l-showcase-content {
       padding-right: 0
}

#cloud-site .l-showcase.is-split-right .l-showcase-image {
       left: 0
}

#cloud-site .l-showcase-content {
       margin: 0 8px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .l-showcase-content {
              padding: 0 !important
       }
}

#cloud-site .l-showcase-image {
       position: absolute;
       text-align: center;
       top: 0;
       z-index: 1
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .l-showcase-image {
              margin: 24px auto 0;
              position: static;
              text-align: center;
              width: auto
       }
}

#cloud-site .l-content {
       padding: 64px 96px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .l-content {
              padding: 32px 0
       }
}

#cloud-site .l-divider {
       margin: -96px auto 4px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .l-divider {
              margin: -64px auto 0
       }
}

#cloud-site .l-space-0 {
       margin: 0
}

#cloud-site .l-space-top-0 {
       margin-top: 0
}

#cloud-site .l-space-bottom-0 {
       margin-bottom: 0
}

#cloud-site .l-space-left-0 {
       margin-left: 0
}

#cloud-site .l-space-right-0 {
       margin-right: 0
}

#cloud-site .l-pad-0 {
       padding: 0
}

#cloud-site .l-pad-top-0 {
       padding-top: 0
}

#cloud-site .l-pad-bottom-0 {
       padding-bottom: 0
}

#cloud-site .l-pad-left-0 {
       padding-left: 0
}

#cloud-site .l-pad-right-0 {
       padding-right: 0
}

@media (min-width:768px) {
       #cloud-site .l-space-0 {
              margin: 0
       }

       #cloud-site .l-space-top-0 {
              margin-top: 0
       }

       #cloud-site .l-space-bottom-0 {
              margin-bottom: 0
       }

       #cloud-site .l-space-left-0 {
              margin-left: 0
       }

       #cloud-site .l-space-right-0 {
              margin-right: 0
       }

       #cloud-site .l-pad-0 {
              padding: 0
       }

       #cloud-site .l-pad-top-0 {
              padding-top: 0
       }

       #cloud-site .l-pad-bottom-0 {
              padding-bottom: 0
       }

       #cloud-site .l-pad-left-0 {
              padding-left: 0
       }

       #cloud-site .l-pad-right-0 {
              padding-right: 0
       }
}

#cloud-site .l-space-1 {
       margin: 4px
}

#cloud-site .l-space-top-1 {
       margin-top: 4px
}

#cloud-site .l-space-bottom-1 {
       margin-bottom: 4px
}

#cloud-site .l-space-left-1 {
       margin-left: 4px
}

#cloud-site .l-space-right-1 {
       margin-right: 4px
}

#cloud-site .l-pad-1 {
       padding: 4px
}

#cloud-site .l-pad-top-1 {
       padding-top: 4px
}

#cloud-site .l-pad-bottom-1 {
       padding-bottom: 4px
}

#cloud-site .l-pad-left-1 {
       padding-left: 4px
}

#cloud-site .l-pad-right-1 {
       padding-right: 4px
}

@media (min-width:768px) {
       #cloud-site .l-space-1 {
              margin: 8px
       }

       #cloud-site .l-space-top-1 {
              margin-top: 8px
       }

       #cloud-site .l-space-bottom-1 {
              margin-bottom: 8px
       }

       #cloud-site .l-space-left-1 {
              margin-left: 8px
       }

       #cloud-site .l-space-right-1 {
              margin-right: 8px
       }

       #cloud-site .l-pad-1 {
              padding: 8px
       }

       #cloud-site .l-pad-top-1 {
              padding-top: 8px
       }

       #cloud-site .l-pad-bottom-1 {
              padding-bottom: 8px
       }

       #cloud-site .l-pad-left-1 {
              padding-left: 8px
       }

       #cloud-site .l-pad-right-1 {
              padding-right: 8px
       }
}

#cloud-site .l-space-2 {
       margin: 8px
}

#cloud-site .l-space-top-2 {
       margin-top: 8px
}

#cloud-site .l-space-bottom-2 {
       margin-bottom: 8px
}

#cloud-site .l-space-left-2 {
       margin-left: 8px
}

#cloud-site .l-space-right-2 {
       margin-right: 8px
}

#cloud-site .l-pad-2 {
       padding: 8px
}

#cloud-site .l-pad-top-2 {
       padding-top: 8px
}

#cloud-site .l-pad-bottom-2 {
       padding-bottom: 8px
}

#cloud-site .l-pad-left-2 {
       padding-left: 8px
}

#cloud-site .l-pad-right-2 {
       padding-right: 8px
}

@media (min-width:768px) {
       #cloud-site .l-space-2 {
              margin: 16px
       }

       #cloud-site .l-space-top-2 {
              margin-top: 16px
       }

       #cloud-site .l-space-bottom-2 {
              margin-bottom: 16px
       }

       #cloud-site .l-space-left-2 {
              margin-left: 16px
       }

       #cloud-site .l-space-right-2 {
              margin-right: 16px
       }

       #cloud-site .l-pad-2 {
              padding: 16px
       }

       #cloud-site .l-pad-top-2 {
              padding-top: 16px
       }

       #cloud-site .l-pad-bottom-2 {
              padding-bottom: 16px
       }

       #cloud-site .l-pad-left-2 {
              padding-left: 16px
       }

       #cloud-site .l-pad-right-2 {
              padding-right: 16px
       }
}

#cloud-site .l-space-3 {
       margin: 12px
}

#cloud-site .l-space-top-3 {
       margin-top: 12px
}

#cloud-site .l-space-bottom-3 {
       margin-bottom: 12px
}

#cloud-site .l-space-left-3 {
       margin-left: 12px
}

#cloud-site .l-space-right-3 {
       margin-right: 12px
}

#cloud-site .l-pad-3 {
       padding: 12px
}

#cloud-site .l-pad-top-3 {
       padding-top: 12px
}

#cloud-site .l-pad-bottom-3 {
       padding-bottom: 12px
}

#cloud-site .l-pad-left-3 {
       padding-left: 12px
}

#cloud-site .l-pad-right-3 {
       padding-right: 12px
}

@media (min-width:768px) {
       #cloud-site .l-space-3 {
              margin: 24px
       }

       #cloud-site .l-space-top-3 {
              margin-top: 24px
       }

       #cloud-site .l-space-bottom-3 {
              margin-bottom: 24px
       }

       #cloud-site .l-space-left-3 {
              margin-left: 24px
       }

       #cloud-site .l-space-right-3 {
              margin-right: 24px
       }

       #cloud-site .l-pad-3 {
              padding: 24px
       }

       #cloud-site .l-pad-top-3 {
              padding-top: 24px
       }

       #cloud-site .l-pad-bottom-3 {
              padding-bottom: 24px
       }

       #cloud-site .l-pad-left-3 {
              padding-left: 24px
       }

       #cloud-site .l-pad-right-3 {
              padding-right: 24px
       }
}

#cloud-site .l-space-4 {
       margin: 16px
}

#cloud-site .l-space-top-4 {
       margin-top: 16px
}

#cloud-site .l-space-bottom-4 {
       margin-bottom: 16px
}

#cloud-site .l-space-left-4 {
       margin-left: 16px
}

#cloud-site .l-space-right-4 {
       margin-right: 16px
}

#cloud-site .l-pad-4 {
       padding: 16px
}

#cloud-site .l-pad-top-4 {
       padding-top: 16px
}

#cloud-site .l-pad-bottom-4 {
       padding-bottom: 16px
}

#cloud-site .l-pad-left-4 {
       padding-left: 16px
}

#cloud-site .l-pad-right-4 {
       padding-right: 16px
}

@media (min-width:768px) {
       #cloud-site .l-space-4 {
              margin: 32px
       }

       #cloud-site .l-space-top-4 {
              margin-top: 32px
       }

       #cloud-site .l-space-bottom-4 {
              margin-bottom: 32px
       }

       #cloud-site .l-space-left-4 {
              margin-left: 32px
       }

       #cloud-site .l-space-right-4 {
              margin-right: 32px
       }

       #cloud-site .l-pad-4 {
              padding: 32px
       }

       #cloud-site .l-pad-top-4 {
              padding-top: 32px
       }

       #cloud-site .l-pad-bottom-4 {
              padding-bottom: 32px
       }

       #cloud-site .l-pad-left-4 {
              padding-left: 32px
       }

       #cloud-site .l-pad-right-4 {
              padding-right: 32px
       }
}

#cloud-site .l-space-5 {
       margin: 20px
}

#cloud-site .l-space-top-5 {
       margin-top: 20px
}

#cloud-site .l-space-bottom-5 {
       margin-bottom: 20px
}

#cloud-site .l-space-left-5 {
       margin-left: 20px
}

#cloud-site .l-space-right-5 {
       margin-right: 20px
}

#cloud-site .l-pad-5 {
       padding: 20px
}

#cloud-site .l-pad-top-5 {
       padding-top: 20px
}

#cloud-site .l-pad-bottom-5 {
       padding-bottom: 20px
}

#cloud-site .l-pad-left-5 {
       padding-left: 20px
}

#cloud-site .l-pad-right-5 {
       padding-right: 20px
}

@media (min-width:768px) {
       #cloud-site .l-space-5 {
              margin: 40px
       }

       #cloud-site .l-space-top-5 {
              margin-top: 40px
       }

       #cloud-site .l-space-bottom-5 {
              margin-bottom: 40px
       }

       #cloud-site .l-space-left-5 {
              margin-left: 40px
       }

       #cloud-site .l-space-right-5 {
              margin-right: 40px
       }

       #cloud-site .l-pad-5 {
              padding: 40px
       }

       #cloud-site .l-pad-top-5 {
              padding-top: 40px
       }

       #cloud-site .l-pad-bottom-5 {
              padding-bottom: 40px
       }

       #cloud-site .l-pad-left-5 {
              padding-left: 40px
       }

       #cloud-site .l-pad-right-5 {
              padding-right: 40px
       }
}

#cloud-site .l-space-6 {
       margin: 24px
}

#cloud-site .l-space-top-6 {
       margin-top: 24px
}

#cloud-site .l-space-bottom-6 {
       margin-bottom: 24px
}

#cloud-site .l-space-left-6 {
       margin-left: 24px
}

#cloud-site .l-space-right-6 {
       margin-right: 24px
}

#cloud-site .l-pad-6 {
       padding: 24px
}

#cloud-site .l-pad-top-6 {
       padding-top: 24px
}

#cloud-site .l-pad-bottom-6 {
       padding-bottom: 24px
}

#cloud-site .l-pad-left-6 {
       padding-left: 24px
}

#cloud-site .l-pad-right-6 {
       padding-right: 24px
}

@media (min-width:768px) {
       #cloud-site .l-space-6 {
              margin: 48px
       }

       #cloud-site .l-space-top-6 {
              margin-top: 48px
       }

       #cloud-site .l-space-bottom-6 {
              margin-bottom: 48px
       }

       #cloud-site .l-space-left-6 {
              margin-left: 48px
       }

       #cloud-site .l-space-right-6 {
              margin-right: 48px
       }

       #cloud-site .l-pad-6 {
              padding: 48px
       }

       #cloud-site .l-pad-top-6 {
              padding-top: 48px
       }

       #cloud-site .l-pad-bottom-6 {
              padding-bottom: 48px
       }

       #cloud-site .l-pad-left-6 {
              padding-left: 48px
       }

       #cloud-site .l-pad-right-6 {
              padding-right: 48px
       }
}

#cloud-site .l-space-7 {
       margin: 28px
}

#cloud-site .l-space-top-7 {
       margin-top: 28px
}

#cloud-site .l-space-bottom-7 {
       margin-bottom: 28px
}

#cloud-site .l-space-left-7 {
       margin-left: 28px
}

#cloud-site .l-space-right-7 {
       margin-right: 28px
}

#cloud-site .l-pad-7 {
       padding: 28px
}

#cloud-site .l-pad-top-7 {
       padding-top: 28px
}

#cloud-site .l-pad-bottom-7 {
       padding-bottom: 28px
}

#cloud-site .l-pad-left-7 {
       padding-left: 28px
}

#cloud-site .l-pad-right-7 {
       padding-right: 28px
}

@media (min-width:768px) {
       #cloud-site .l-space-7 {
              margin: 56px
       }

       #cloud-site .l-space-top-7 {
              margin-top: 56px
       }

       #cloud-site .l-space-bottom-7 {
              margin-bottom: 56px
       }

       #cloud-site .l-space-left-7 {
              margin-left: 56px
       }

       #cloud-site .l-space-right-7 {
              margin-right: 56px
       }

       #cloud-site .l-pad-7 {
              padding: 56px
       }

       #cloud-site .l-pad-top-7 {
              padding-top: 56px
       }

       #cloud-site .l-pad-bottom-7 {
              padding-bottom: 56px
       }

       #cloud-site .l-pad-left-7 {
              padding-left: 56px
       }

       #cloud-site .l-pad-right-7 {
              padding-right: 56px
       }
}

#cloud-site .l-space-8 {
       margin: 32px
}

#cloud-site .l-space-top-8 {
       margin-top: 32px
}

#cloud-site .l-space-bottom-8 {
       margin-bottom: 32px
}

#cloud-site .l-space-left-8 {
       margin-left: 32px
}

#cloud-site .l-space-right-8 {
       margin-right: 32px
}

#cloud-site .l-pad-8 {
       padding: 32px
}

#cloud-site .l-pad-top-8 {
       padding-top: 32px
}

#cloud-site .l-pad-bottom-8 {
       padding-bottom: 32px
}

#cloud-site .l-pad-left-8 {
       padding-left: 32px
}

#cloud-site .l-pad-right-8 {
       padding-right: 32px
}

@media (min-width:768px) {
       #cloud-site .l-space-8 {
              margin: 64px
       }

       #cloud-site .l-space-top-8 {
              margin-top: 64px
       }

       #cloud-site .l-space-bottom-8 {
              margin-bottom: 64px
       }

       #cloud-site .l-space-left-8 {
              margin-left: 64px
       }

       #cloud-site .l-space-right-8 {
              margin-right: 64px
       }

       #cloud-site .l-pad-8 {
              padding: 64px
       }

       #cloud-site .l-pad-top-8 {
              padding-top: 64px
       }

       #cloud-site .l-pad-bottom-8 {
              padding-bottom: 64px
       }

       #cloud-site .l-pad-left-8 {
              padding-left: 64px
       }

       #cloud-site .l-pad-right-8 {
              padding-right: 64px
       }
}

#cloud-site .l-space-9 {
       margin: 36px
}

#cloud-site .l-space-top-9 {
       margin-top: 36px
}

#cloud-site .l-space-bottom-9 {
       margin-bottom: 36px
}

#cloud-site .l-space-left-9 {
       margin-left: 36px
}

#cloud-site .l-space-right-9 {
       margin-right: 36px
}

#cloud-site .l-pad-9 {
       padding: 36px
}

#cloud-site .l-pad-top-9 {
       padding-top: 36px
}

#cloud-site .l-pad-bottom-9 {
       padding-bottom: 36px
}

#cloud-site .l-pad-left-9 {
       padding-left: 36px
}

#cloud-site .l-pad-right-9 {
       padding-right: 36px
}

@media (min-width:768px) {
       #cloud-site .l-space-9 {
              margin: 72px
       }

       #cloud-site .l-space-top-9 {
              margin-top: 72px
       }

       #cloud-site .l-space-bottom-9 {
              margin-bottom: 72px
       }

       #cloud-site .l-space-left-9 {
              margin-left: 72px
       }

       #cloud-site .l-space-right-9 {
              margin-right: 72px
       }

       #cloud-site .l-pad-9 {
              padding: 72px
       }

       #cloud-site .l-pad-top-9 {
              padding-top: 72px
       }

       #cloud-site .l-pad-bottom-9 {
              padding-bottom: 72px
       }

       #cloud-site .l-pad-left-9 {
              padding-left: 72px
       }

       #cloud-site .l-pad-right-9 {
              padding-right: 72px
       }
}

#cloud-site .l-space-10 {
       margin: 40px
}

#cloud-site .l-space-top-10 {
       margin-top: 40px
}

#cloud-site .l-space-bottom-10 {
       margin-bottom: 40px
}

#cloud-site .l-space-left-10 {
       margin-left: 40px
}

#cloud-site .l-space-right-10 {
       margin-right: 40px
}

#cloud-site .l-pad-10 {
       padding: 40px
}

#cloud-site .l-pad-top-10 {
       padding-top: 40px
}

#cloud-site .l-pad-bottom-10 {
       padding-bottom: 40px
}

#cloud-site .l-pad-left-10 {
       padding-left: 40px
}

#cloud-site .l-pad-right-10 {
       padding-right: 40px
}

@media (min-width:768px) {
       #cloud-site .l-space-10 {
              margin: 80px
       }

       #cloud-site .l-space-top-10 {
              margin-top: 80px
       }

       #cloud-site .l-space-bottom-10 {
              margin-bottom: 80px
       }

       #cloud-site .l-space-left-10 {
              margin-left: 80px
       }

       #cloud-site .l-space-right-10 {
              margin-right: 80px
       }

       #cloud-site .l-pad-10 {
              padding: 80px
       }

       #cloud-site .l-pad-top-10 {
              padding-top: 80px
       }

       #cloud-site .l-pad-bottom-10 {
              padding-bottom: 80px
       }

       #cloud-site .l-pad-left-10 {
              padding-left: 80px
       }

       #cloud-site .l-pad-right-10 {
              padding-right: 80px
       }
}

#cloud-site .l-space-11 {
       margin: 44px
}

#cloud-site .l-space-top-11 {
       margin-top: 44px
}

#cloud-site .l-space-bottom-11 {
       margin-bottom: 44px
}

#cloud-site .l-space-left-11 {
       margin-left: 44px
}

#cloud-site .l-space-right-11 {
       margin-right: 44px
}

#cloud-site .l-pad-11 {
       padding: 44px
}

#cloud-site .l-pad-top-11 {
       padding-top: 44px
}

#cloud-site .l-pad-bottom-11 {
       padding-bottom: 44px
}

#cloud-site .l-pad-left-11 {
       padding-left: 44px
}

#cloud-site .l-pad-right-11 {
       padding-right: 44px
}

@media (min-width:768px) {
       #cloud-site .l-space-11 {
              margin: 88px
       }

       #cloud-site .l-space-top-11 {
              margin-top: 88px
       }

       #cloud-site .l-space-bottom-11 {
              margin-bottom: 88px
       }

       #cloud-site .l-space-left-11 {
              margin-left: 88px
       }

       #cloud-site .l-space-right-11 {
              margin-right: 88px
       }

       #cloud-site .l-pad-11 {
              padding: 88px
       }

       #cloud-site .l-pad-top-11 {
              padding-top: 88px
       }

       #cloud-site .l-pad-bottom-11 {
              padding-bottom: 88px
       }

       #cloud-site .l-pad-left-11 {
              padding-left: 88px
       }

       #cloud-site .l-pad-right-11 {
              padding-right: 88px
       }
}

#cloud-site .l-space-12 {
       margin: 48px
}

#cloud-site .l-space-top-12 {
       margin-top: 48px
}

#cloud-site .l-space-bottom-12 {
       margin-bottom: 48px
}

#cloud-site .l-space-left-12 {
       margin-left: 48px
}

#cloud-site .l-space-right-12 {
       margin-right: 48px
}

#cloud-site .l-pad-12 {
       padding: 48px
}

#cloud-site .l-pad-top-12 {
       padding-top: 48px
}

#cloud-site .l-pad-bottom-12 {
       padding-bottom: 48px
}

#cloud-site .l-pad-left-12 {
       padding-left: 48px
}

#cloud-site .l-pad-right-12 {
       padding-right: 48px
}

@media (min-width:768px) {
       #cloud-site .l-space-12 {
              margin: 96px
       }

       #cloud-site .l-space-top-12 {
              margin-top: 96px
       }

       #cloud-site .l-space-bottom-12 {
              margin-bottom: 96px
       }

       #cloud-site .l-space-left-12 {
              margin-left: 96px
       }

       #cloud-site .l-space-right-12 {
              margin-right: 96px
       }

       #cloud-site .l-pad-12 {
              padding: 96px
       }

       #cloud-site .l-pad-top-12 {
              padding-top: 96px
       }

       #cloud-site .l-pad-bottom-12 {
              padding-bottom: 96px
       }

       #cloud-site .l-pad-left-12 {
              padding-left: 96px
       }

       #cloud-site .l-pad-right-12 {
              padding-right: 96px
       }
}

#cloud-site .l-space-13 {
       margin: 52px
}

#cloud-site .l-space-top-13 {
       margin-top: 52px
}

#cloud-site .l-space-bottom-13 {
       margin-bottom: 52px
}

#cloud-site .l-space-left-13 {
       margin-left: 52px
}

#cloud-site .l-space-right-13 {
       margin-right: 52px
}

#cloud-site .l-pad-13 {
       padding: 52px
}

#cloud-site .l-pad-top-13 {
       padding-top: 52px
}

#cloud-site .l-pad-bottom-13 {
       padding-bottom: 52px
}

#cloud-site .l-pad-left-13 {
       padding-left: 52px
}

#cloud-site .l-pad-right-13 {
       padding-right: 52px
}

@media (min-width:768px) {
       #cloud-site .l-space-13 {
              margin: 104px
       }

       #cloud-site .l-space-top-13 {
              margin-top: 104px
       }

       #cloud-site .l-space-bottom-13 {
              margin-bottom: 104px
       }

       #cloud-site .l-space-left-13 {
              margin-left: 104px
       }

       #cloud-site .l-space-right-13 {
              margin-right: 104px
       }

       #cloud-site .l-pad-13 {
              padding: 104px
       }

       #cloud-site .l-pad-top-13 {
              padding-top: 104px
       }

       #cloud-site .l-pad-bottom-13 {
              padding-bottom: 104px
       }

       #cloud-site .l-pad-left-13 {
              padding-left: 104px
       }

       #cloud-site .l-pad-right-13 {
              padding-right: 104px
       }
}

#cloud-site .l-space-14 {
       margin: 56px
}

#cloud-site .l-space-top-14 {
       margin-top: 56px
}

#cloud-site .l-space-bottom-14 {
       margin-bottom: 56px
}

#cloud-site .l-space-left-14 {
       margin-left: 56px
}

#cloud-site .l-space-right-14 {
       margin-right: 56px
}

#cloud-site .l-pad-14 {
       padding: 56px
}

#cloud-site .l-pad-top-14 {
       padding-top: 56px
}

#cloud-site .l-pad-bottom-14 {
       padding-bottom: 56px
}

#cloud-site .l-pad-left-14 {
       padding-left: 56px
}

#cloud-site .l-pad-right-14 {
       padding-right: 56px
}

@media (min-width:768px) {
       #cloud-site .l-space-14 {
              margin: 112px
       }

       #cloud-site .l-space-top-14 {
              margin-top: 112px
       }

       #cloud-site .l-space-bottom-14 {
              margin-bottom: 112px
       }

       #cloud-site .l-space-left-14 {
              margin-left: 112px
       }

       #cloud-site .l-space-right-14 {
              margin-right: 112px
       }

       #cloud-site .l-pad-14 {
              padding: 112px
       }

       #cloud-site .l-pad-top-14 {
              padding-top: 112px
       }

       #cloud-site .l-pad-bottom-14 {
              padding-bottom: 112px
       }

       #cloud-site .l-pad-left-14 {
              padding-left: 112px
       }

       #cloud-site .l-pad-right-14 {
              padding-right: 112px
       }
}

#cloud-site .l-space-15 {
       margin: 60px
}

#cloud-site .l-space-top-15 {
       margin-top: 60px
}

#cloud-site .l-space-bottom-15 {
       margin-bottom: 60px
}

#cloud-site .l-space-left-15 {
       margin-left: 60px
}

#cloud-site .l-space-right-15 {
       margin-right: 60px
}

#cloud-site .l-pad-15 {
       padding: 60px
}

#cloud-site .l-pad-top-15 {
       padding-top: 60px
}

#cloud-site .l-pad-bottom-15 {
       padding-bottom: 60px
}

#cloud-site .l-pad-left-15 {
       padding-left: 60px
}

#cloud-site .l-pad-right-15 {
       padding-right: 60px
}

@media (min-width:768px) {
       #cloud-site .l-space-15 {
              margin: 120px
       }

       #cloud-site .l-space-top-15 {
              margin-top: 120px
       }

       #cloud-site .l-space-bottom-15 {
              margin-bottom: 120px
       }

       #cloud-site .l-space-left-15 {
              margin-left: 120px
       }

       #cloud-site .l-space-right-15 {
              margin-right: 120px
       }

       #cloud-site .l-pad-15 {
              padding: 120px
       }

       #cloud-site .l-pad-top-15 {
              padding-top: 120px
       }

       #cloud-site .l-pad-bottom-15 {
              padding-bottom: 120px
       }

       #cloud-site .l-pad-left-15 {
              padding-left: 120px
       }

       #cloud-site .l-pad-right-15 {
              padding-right: 120px
       }
}

#cloud-site .l-space-16 {
       margin: 64px
}

#cloud-site .l-space-top-16 {
       margin-top: 64px
}

#cloud-site .l-space-bottom-16 {
       margin-bottom: 64px
}

#cloud-site .l-space-left-16 {
       margin-left: 64px
}

#cloud-site .l-space-right-16 {
       margin-right: 64px
}

#cloud-site .l-pad-16 {
       padding: 64px
}

#cloud-site .l-pad-top-16 {
       padding-top: 64px
}

#cloud-site .l-pad-bottom-16 {
       padding-bottom: 64px
}

#cloud-site .l-pad-left-16 {
       padding-left: 64px
}

#cloud-site .l-pad-right-16 {
       padding-right: 64px
}

@media (min-width:768px) {
       #cloud-site .l-space-16 {
              margin: 128px
       }

       #cloud-site .l-space-top-16 {
              margin-top: 128px
       }

       #cloud-site .l-space-bottom-16 {
              margin-bottom: 128px
       }

       #cloud-site .l-space-left-16 {
              margin-left: 128px
       }

       #cloud-site .l-space-right-16 {
              margin-right: 128px
       }

       #cloud-site .l-pad-16 {
              padding: 128px
       }

       #cloud-site .l-pad-top-16 {
              padding-top: 128px
       }

       #cloud-site .l-pad-bottom-16 {
              padding-bottom: 128px
       }

       #cloud-site .l-pad-left-16 {
              padding-left: 128px
       }

       #cloud-site .l-pad-right-16 {
              padding-right: 128px
       }
}

#cloud-site .l-space-17 {
       margin: 68px
}

#cloud-site .l-space-top-17 {
       margin-top: 68px
}

#cloud-site .l-space-bottom-17 {
       margin-bottom: 68px
}

#cloud-site .l-space-left-17 {
       margin-left: 68px
}

#cloud-site .l-space-right-17 {
       margin-right: 68px
}

#cloud-site .l-pad-17 {
       padding: 68px
}

#cloud-site .l-pad-top-17 {
       padding-top: 68px
}

#cloud-site .l-pad-bottom-17 {
       padding-bottom: 68px
}

#cloud-site .l-pad-left-17 {
       padding-left: 68px
}

#cloud-site .l-pad-right-17 {
       padding-right: 68px
}

@media (min-width:768px) {
       #cloud-site .l-space-17 {
              margin: 136px
       }

       #cloud-site .l-space-top-17 {
              margin-top: 136px
       }

       #cloud-site .l-space-bottom-17 {
              margin-bottom: 136px
       }

       #cloud-site .l-space-left-17 {
              margin-left: 136px
       }

       #cloud-site .l-space-right-17 {
              margin-right: 136px
       }

       #cloud-site .l-pad-17 {
              padding: 136px
       }

       #cloud-site .l-pad-top-17 {
              padding-top: 136px
       }

       #cloud-site .l-pad-bottom-17 {
              padding-bottom: 136px
       }

       #cloud-site .l-pad-left-17 {
              padding-left: 136px
       }

       #cloud-site .l-pad-right-17 {
              padding-right: 136px
       }
}

#cloud-site .l-space-18 {
       margin: 72px
}

#cloud-site .l-space-top-18 {
       margin-top: 72px
}

#cloud-site .l-space-bottom-18 {
       margin-bottom: 72px
}

#cloud-site .l-space-left-18 {
       margin-left: 72px
}

#cloud-site .l-space-right-18 {
       margin-right: 72px
}

#cloud-site .l-pad-18 {
       padding: 72px
}

#cloud-site .l-pad-top-18 {
       padding-top: 72px
}

#cloud-site .l-pad-bottom-18 {
       padding-bottom: 72px
}

#cloud-site .l-pad-left-18 {
       padding-left: 72px
}

#cloud-site .l-pad-right-18 {
       padding-right: 72px
}

@media (min-width:768px) {
       #cloud-site .l-space-18 {
              margin: 144px
       }

       #cloud-site .l-space-top-18 {
              margin-top: 144px
       }

       #cloud-site .l-space-bottom-18 {
              margin-bottom: 144px
       }

       #cloud-site .l-space-left-18 {
              margin-left: 144px
       }

       #cloud-site .l-space-right-18 {
              margin-right: 144px
       }

       #cloud-site .l-pad-18 {
              padding: 144px
       }

       #cloud-site .l-pad-top-18 {
              padding-top: 144px
       }

       #cloud-site .l-pad-bottom-18 {
              padding-bottom: 144px
       }

       #cloud-site .l-pad-left-18 {
              padding-left: 144px
       }

       #cloud-site .l-pad-right-18 {
              padding-right: 144px
       }
}

#cloud-site .l-space-19 {
       margin: 76px
}

#cloud-site .l-space-top-19 {
       margin-top: 76px
}

#cloud-site .l-space-bottom-19 {
       margin-bottom: 76px
}

#cloud-site .l-space-left-19 {
       margin-left: 76px
}

#cloud-site .l-space-right-19 {
       margin-right: 76px
}

#cloud-site .l-pad-19 {
       padding: 76px
}

#cloud-site .l-pad-top-19 {
       padding-top: 76px
}

#cloud-site .l-pad-bottom-19 {
       padding-bottom: 76px
}

#cloud-site .l-pad-left-19 {
       padding-left: 76px
}

#cloud-site .l-pad-right-19 {
       padding-right: 76px
}

@media (min-width:768px) {
       #cloud-site .l-space-19 {
              margin: 152px
       }

       #cloud-site .l-space-top-19 {
              margin-top: 152px
       }

       #cloud-site .l-space-bottom-19 {
              margin-bottom: 152px
       }

       #cloud-site .l-space-left-19 {
              margin-left: 152px
       }

       #cloud-site .l-space-right-19 {
              margin-right: 152px
       }

       #cloud-site .l-pad-19 {
              padding: 152px
       }

       #cloud-site .l-pad-top-19 {
              padding-top: 152px
       }

       #cloud-site .l-pad-bottom-19 {
              padding-bottom: 152px
       }

       #cloud-site .l-pad-left-19 {
              padding-left: 152px
       }

       #cloud-site .l-pad-right-19 {
              padding-right: 152px
       }
}

#cloud-site .l-space-20 {
       margin: 80px
}

#cloud-site .l-space-top-20 {
       margin-top: 80px
}

#cloud-site .l-space-bottom-20 {
       margin-bottom: 80px
}

#cloud-site .l-space-left-20 {
       margin-left: 80px
}

#cloud-site .l-space-right-20 {
       margin-right: 80px
}

#cloud-site .l-pad-20 {
       padding: 80px
}

#cloud-site .l-pad-top-20 {
       padding-top: 80px
}

#cloud-site .l-pad-bottom-20 {
       padding-bottom: 80px
}

#cloud-site .l-pad-left-20 {
       padding-left: 80px
}

#cloud-site .l-pad-right-20 {
       padding-right: 80px
}

@media (min-width:768px) {
       #cloud-site .l-space-20 {
              margin: 160px
       }

       #cloud-site .l-space-top-20 {
              margin-top: 160px
       }

       #cloud-site .l-space-bottom-20 {
              margin-bottom: 160px
       }

       #cloud-site .l-space-left-20 {
              margin-left: 160px
       }

       #cloud-site .l-space-right-20 {
              margin-right: 160px
       }

       #cloud-site .l-pad-20 {
              padding: 160px
       }

       #cloud-site .l-pad-top-20 {
              padding-top: 160px
       }

       #cloud-site .l-pad-bottom-20 {
              padding-bottom: 160px
       }

       #cloud-site .l-pad-left-20 {
              padding-left: 160px
       }

       #cloud-site .l-pad-right-20 {
              padding-right: 160px
       }
}

#cloud-site .l-space-21 {
       margin: 84px
}

#cloud-site .l-space-top-21 {
       margin-top: 84px
}

#cloud-site .l-space-bottom-21 {
       margin-bottom: 84px
}

#cloud-site .l-space-left-21 {
       margin-left: 84px
}

#cloud-site .l-space-right-21 {
       margin-right: 84px
}

#cloud-site .l-pad-21 {
       padding: 84px
}

#cloud-site .l-pad-top-21 {
       padding-top: 84px
}

#cloud-site .l-pad-bottom-21 {
       padding-bottom: 84px
}

#cloud-site .l-pad-left-21 {
       padding-left: 84px
}

#cloud-site .l-pad-right-21 {
       padding-right: 84px
}

@media (min-width:768px) {
       #cloud-site .l-space-21 {
              margin: 168px
       }

       #cloud-site .l-space-top-21 {
              margin-top: 168px
       }

       #cloud-site .l-space-bottom-21 {
              margin-bottom: 168px
       }

       #cloud-site .l-space-left-21 {
              margin-left: 168px
       }

       #cloud-site .l-space-right-21 {
              margin-right: 168px
       }

       #cloud-site .l-pad-21 {
              padding: 168px
       }

       #cloud-site .l-pad-top-21 {
              padding-top: 168px
       }

       #cloud-site .l-pad-bottom-21 {
              padding-bottom: 168px
       }

       #cloud-site .l-pad-left-21 {
              padding-left: 168px
       }

       #cloud-site .l-pad-right-21 {
              padding-right: 168px
       }
}

#cloud-site .l-space-22 {
       margin: 88px
}

#cloud-site .l-space-top-22 {
       margin-top: 88px
}

#cloud-site .l-space-bottom-22 {
       margin-bottom: 88px
}

#cloud-site .l-space-left-22 {
       margin-left: 88px
}

#cloud-site .l-space-right-22 {
       margin-right: 88px
}

#cloud-site .l-pad-22 {
       padding: 88px
}

#cloud-site .l-pad-top-22 {
       padding-top: 88px
}

#cloud-site .l-pad-bottom-22 {
       padding-bottom: 88px
}

#cloud-site .l-pad-left-22 {
       padding-left: 88px
}

#cloud-site .l-pad-right-22 {
       padding-right: 88px
}

@media (min-width:768px) {
       #cloud-site .l-space-22 {
              margin: 176px
       }

       #cloud-site .l-space-top-22 {
              margin-top: 176px
       }

       #cloud-site .l-space-bottom-22 {
              margin-bottom: 176px
       }

       #cloud-site .l-space-left-22 {
              margin-left: 176px
       }

       #cloud-site .l-space-right-22 {
              margin-right: 176px
       }

       #cloud-site .l-pad-22 {
              padding: 176px
       }

       #cloud-site .l-pad-top-22 {
              padding-top: 176px
       }

       #cloud-site .l-pad-bottom-22 {
              padding-bottom: 176px
       }

       #cloud-site .l-pad-left-22 {
              padding-left: 176px
       }

       #cloud-site .l-pad-right-22 {
              padding-right: 176px
       }
}

#cloud-site .l-space-23 {
       margin: 92px
}

#cloud-site .l-space-top-23 {
       margin-top: 92px
}

#cloud-site .l-space-bottom-23 {
       margin-bottom: 92px
}

#cloud-site .l-space-left-23 {
       margin-left: 92px
}

#cloud-site .l-space-right-23 {
       margin-right: 92px
}

#cloud-site .l-pad-23 {
       padding: 92px
}

#cloud-site .l-pad-top-23 {
       padding-top: 92px
}

#cloud-site .l-pad-bottom-23 {
       padding-bottom: 92px
}

#cloud-site .l-pad-left-23 {
       padding-left: 92px
}

#cloud-site .l-pad-right-23 {
       padding-right: 92px
}

@media (min-width:768px) {
       #cloud-site .l-space-23 {
              margin: 184px
       }

       #cloud-site .l-space-top-23 {
              margin-top: 184px
       }

       #cloud-site .l-space-bottom-23 {
              margin-bottom: 184px
       }

       #cloud-site .l-space-left-23 {
              margin-left: 184px
       }

       #cloud-site .l-space-right-23 {
              margin-right: 184px
       }

       #cloud-site .l-pad-23 {
              padding: 184px
       }

       #cloud-site .l-pad-top-23 {
              padding-top: 184px
       }

       #cloud-site .l-pad-bottom-23 {
              padding-bottom: 184px
       }

       #cloud-site .l-pad-left-23 {
              padding-left: 184px
       }

       #cloud-site .l-pad-right-23 {
              padding-right: 184px
       }
}

#cloud-site .l-space-24 {
       margin: 96px
}

#cloud-site .l-space-top-24 {
       margin-top: 96px
}

#cloud-site .l-space-bottom-24 {
       margin-bottom: 96px
}

#cloud-site .l-space-left-24 {
       margin-left: 96px
}

#cloud-site .l-space-right-24 {
       margin-right: 96px
}

#cloud-site .l-pad-24 {
       padding: 96px
}

#cloud-site .l-pad-top-24 {
       padding-top: 96px
}

#cloud-site .l-pad-bottom-24 {
       padding-bottom: 96px
}

#cloud-site .l-pad-left-24 {
       padding-left: 96px
}

#cloud-site .l-pad-right-24 {
       padding-right: 96px
}

@media (min-width:768px) {
       #cloud-site .l-space-24 {
              margin: 192px
       }

       #cloud-site .l-space-top-24 {
              margin-top: 192px
       }

       #cloud-site .l-space-bottom-24 {
              margin-bottom: 192px
       }

       #cloud-site .l-space-left-24 {
              margin-left: 192px
       }

       #cloud-site .l-space-right-24 {
              margin-right: 192px
       }

       #cloud-site .l-pad-24 {
              padding: 192px
       }

       #cloud-site .l-pad-top-24 {
              padding-top: 192px
       }

       #cloud-site .l-pad-bottom-24 {
              padding-bottom: 192px
       }

       #cloud-site .l-pad-left-24 {
              padding-left: 192px
       }

       #cloud-site .l-pad-right-24 {
              padding-right: 192px
       }
}

#cloud-site .l-space-25 {
       margin: 100px
}

#cloud-site .l-space-top-25 {
       margin-top: 100px
}

#cloud-site .l-space-bottom-25 {
       margin-bottom: 100px
}

#cloud-site .l-space-left-25 {
       margin-left: 100px
}

#cloud-site .l-space-right-25 {
       margin-right: 100px
}

#cloud-site .l-pad-25 {
       padding: 100px
}

#cloud-site .l-pad-top-25 {
       padding-top: 100px
}

#cloud-site .l-pad-bottom-25 {
       padding-bottom: 100px
}

#cloud-site .l-pad-left-25 {
       padding-left: 100px
}

#cloud-site .l-pad-right-25 {
       padding-right: 100px
}

@media (min-width:768px) {
       #cloud-site .l-space-25 {
              margin: 200px
       }

       #cloud-site .l-space-top-25 {
              margin-top: 200px
       }

       #cloud-site .l-space-bottom-25 {
              margin-bottom: 200px
       }

       #cloud-site .l-space-left-25 {
              margin-left: 200px
       }

       #cloud-site .l-space-right-25 {
              margin-right: 200px
       }

       #cloud-site .l-pad-25 {
              padding: 200px
       }

       #cloud-site .l-pad-top-25 {
              padding-top: 200px
       }

       #cloud-site .l-pad-bottom-25 {
              padding-bottom: 200px
       }

       #cloud-site .l-pad-left-25 {
              padding-left: 200px
       }

       #cloud-site .l-pad-right-25 {
              padding-right: 200px
       }
}

#cloud-site .l-space-26 {
       margin: 104px
}

#cloud-site .l-space-top-26 {
       margin-top: 104px
}

#cloud-site .l-space-bottom-26 {
       margin-bottom: 104px
}

#cloud-site .l-space-left-26 {
       margin-left: 104px
}

#cloud-site .l-space-right-26 {
       margin-right: 104px
}

#cloud-site .l-pad-26 {
       padding: 104px
}

#cloud-site .l-pad-top-26 {
       padding-top: 104px
}

#cloud-site .l-pad-bottom-26 {
       padding-bottom: 104px
}

#cloud-site .l-pad-left-26 {
       padding-left: 104px
}

#cloud-site .l-pad-right-26 {
       padding-right: 104px
}

@media (min-width:768px) {
       #cloud-site .l-space-26 {
              margin: 208px
       }

       #cloud-site .l-space-top-26 {
              margin-top: 208px
       }

       #cloud-site .l-space-bottom-26 {
              margin-bottom: 208px
       }

       #cloud-site .l-space-left-26 {
              margin-left: 208px
       }

       #cloud-site .l-space-right-26 {
              margin-right: 208px
       }

       #cloud-site .l-pad-26 {
              padding: 208px
       }

       #cloud-site .l-pad-top-26 {
              padding-top: 208px
       }

       #cloud-site .l-pad-bottom-26 {
              padding-bottom: 208px
       }

       #cloud-site .l-pad-left-26 {
              padding-left: 208px
       }

       #cloud-site .l-pad-right-26 {
              padding-right: 208px
       }
}

#cloud-site .l-space-27 {
       margin: 108px
}

#cloud-site .l-space-top-27 {
       margin-top: 108px
}

#cloud-site .l-space-bottom-27 {
       margin-bottom: 108px
}

#cloud-site .l-space-left-27 {
       margin-left: 108px
}

#cloud-site .l-space-right-27 {
       margin-right: 108px
}

#cloud-site .l-pad-27 {
       padding: 108px
}

#cloud-site .l-pad-top-27 {
       padding-top: 108px
}

#cloud-site .l-pad-bottom-27 {
       padding-bottom: 108px
}

#cloud-site .l-pad-left-27 {
       padding-left: 108px
}

#cloud-site .l-pad-right-27 {
       padding-right: 108px
}

@media (min-width:768px) {
       #cloud-site .l-space-27 {
              margin: 216px
       }

       #cloud-site .l-space-top-27 {
              margin-top: 216px
       }

       #cloud-site .l-space-bottom-27 {
              margin-bottom: 216px
       }

       #cloud-site .l-space-left-27 {
              margin-left: 216px
       }

       #cloud-site .l-space-right-27 {
              margin-right: 216px
       }

       #cloud-site .l-pad-27 {
              padding: 216px
       }

       #cloud-site .l-pad-top-27 {
              padding-top: 216px
       }

       #cloud-site .l-pad-bottom-27 {
              padding-bottom: 216px
       }

       #cloud-site .l-pad-left-27 {
              padding-left: 216px
       }

       #cloud-site .l-pad-right-27 {
              padding-right: 216px
       }
}

#cloud-site .l-space-28 {
       margin: 112px
}

#cloud-site .l-space-top-28 {
       margin-top: 112px
}

#cloud-site .l-space-bottom-28 {
       margin-bottom: 112px
}

#cloud-site .l-space-left-28 {
       margin-left: 112px
}

#cloud-site .l-space-right-28 {
       margin-right: 112px
}

#cloud-site .l-pad-28 {
       padding: 112px
}

#cloud-site .l-pad-top-28 {
       padding-top: 112px
}

#cloud-site .l-pad-bottom-28 {
       padding-bottom: 112px
}

#cloud-site .l-pad-left-28 {
       padding-left: 112px
}

#cloud-site .l-pad-right-28 {
       padding-right: 112px
}

@media (min-width:768px) {
       #cloud-site .l-space-28 {
              margin: 224px
       }

       #cloud-site .l-space-top-28 {
              margin-top: 224px
       }

       #cloud-site .l-space-bottom-28 {
              margin-bottom: 224px
       }

       #cloud-site .l-space-left-28 {
              margin-left: 224px
       }

       #cloud-site .l-space-right-28 {
              margin-right: 224px
       }

       #cloud-site .l-pad-28 {
              padding: 224px
       }

       #cloud-site .l-pad-top-28 {
              padding-top: 224px
       }

       #cloud-site .l-pad-bottom-28 {
              padding-bottom: 224px
       }

       #cloud-site .l-pad-left-28 {
              padding-left: 224px
       }

       #cloud-site .l-pad-right-28 {
              padding-right: 224px
       }
}

#cloud-site .l-space-29 {
       margin: 116px
}

#cloud-site .l-space-top-29 {
       margin-top: 116px
}

#cloud-site .l-space-bottom-29 {
       margin-bottom: 116px
}

#cloud-site .l-space-left-29 {
       margin-left: 116px
}

#cloud-site .l-space-right-29 {
       margin-right: 116px
}

#cloud-site .l-pad-29 {
       padding: 116px
}

#cloud-site .l-pad-top-29 {
       padding-top: 116px
}

#cloud-site .l-pad-bottom-29 {
       padding-bottom: 116px
}

#cloud-site .l-pad-left-29 {
       padding-left: 116px
}

#cloud-site .l-pad-right-29 {
       padding-right: 116px
}

@media (min-width:768px) {
       #cloud-site .l-space-29 {
              margin: 232px
       }

       #cloud-site .l-space-top-29 {
              margin-top: 232px
       }

       #cloud-site .l-space-bottom-29 {
              margin-bottom: 232px
       }

       #cloud-site .l-space-left-29 {
              margin-left: 232px
       }

       #cloud-site .l-space-right-29 {
              margin-right: 232px
       }

       #cloud-site .l-pad-29 {
              padding: 232px
       }

       #cloud-site .l-pad-top-29 {
              padding-top: 232px
       }

       #cloud-site .l-pad-bottom-29 {
              padding-bottom: 232px
       }

       #cloud-site .l-pad-left-29 {
              padding-left: 232px
       }

       #cloud-site .l-pad-right-29 {
              padding-right: 232px
       }
}

#cloud-site .l-space-30 {
       margin: 120px
}

#cloud-site .l-space-top-30 {
       margin-top: 120px
}

#cloud-site .l-space-bottom-30 {
       margin-bottom: 120px
}

#cloud-site .l-space-left-30 {
       margin-left: 120px
}

#cloud-site .l-space-right-30 {
       margin-right: 120px
}

#cloud-site .l-pad-30 {
       padding: 120px
}

#cloud-site .l-pad-top-30 {
       padding-top: 120px
}

#cloud-site .l-pad-bottom-30 {
       padding-bottom: 120px
}

#cloud-site .l-pad-left-30 {
       padding-left: 120px
}

#cloud-site .l-pad-right-30 {
       padding-right: 120px
}

@media (min-width:768px) {
       #cloud-site .l-space-30 {
              margin: 240px
       }

       #cloud-site .l-space-top-30 {
              margin-top: 240px
       }

       #cloud-site .l-space-bottom-30 {
              margin-bottom: 240px
       }

       #cloud-site .l-space-left-30 {
              margin-left: 240px
       }

       #cloud-site .l-space-right-30 {
              margin-right: 240px
       }

       #cloud-site .l-pad-30 {
              padding: 240px
       }

       #cloud-site .l-pad-top-30 {
              padding-top: 240px
       }

       #cloud-site .l-pad-bottom-30 {
              padding-bottom: 240px
       }

       #cloud-site .l-pad-left-30 {
              padding-left: 240px
       }

       #cloud-site .l-pad-right-30 {
              padding-right: 240px
       }
}

#cloud-site .l-space-31 {
       margin: 124px
}

#cloud-site .l-space-top-31 {
       margin-top: 124px
}

#cloud-site .l-space-bottom-31 {
       margin-bottom: 124px
}

#cloud-site .l-space-left-31 {
       margin-left: 124px
}

#cloud-site .l-space-right-31 {
       margin-right: 124px
}

#cloud-site .l-pad-31 {
       padding: 124px
}

#cloud-site .l-pad-top-31 {
       padding-top: 124px
}

#cloud-site .l-pad-bottom-31 {
       padding-bottom: 124px
}

#cloud-site .l-pad-left-31 {
       padding-left: 124px
}

#cloud-site .l-pad-right-31 {
       padding-right: 124px
}

@media (min-width:768px) {
       #cloud-site .l-space-31 {
              margin: 248px
       }

       #cloud-site .l-space-top-31 {
              margin-top: 248px
       }

       #cloud-site .l-space-bottom-31 {
              margin-bottom: 248px
       }

       #cloud-site .l-space-left-31 {
              margin-left: 248px
       }

       #cloud-site .l-space-right-31 {
              margin-right: 248px
       }

       #cloud-site .l-pad-31 {
              padding: 248px
       }

       #cloud-site .l-pad-top-31 {
              padding-top: 248px
       }

       #cloud-site .l-pad-bottom-31 {
              padding-bottom: 248px
       }

       #cloud-site .l-pad-left-31 {
              padding-left: 248px
       }

       #cloud-site .l-pad-right-31 {
              padding-right: 248px
       }
}

#cloud-site .l-space-32 {
       margin: 128px
}

#cloud-site .l-space-top-32 {
       margin-top: 128px
}

#cloud-site .l-space-bottom-32 {
       margin-bottom: 128px
}

#cloud-site .l-space-left-32 {
       margin-left: 128px
}

#cloud-site .l-space-right-32 {
       margin-right: 128px
}

#cloud-site .l-pad-32 {
       padding: 128px
}

#cloud-site .l-pad-top-32 {
       padding-top: 128px
}

#cloud-site .l-pad-bottom-32 {
       padding-bottom: 128px
}

#cloud-site .l-pad-left-32 {
       padding-left: 128px
}

#cloud-site .l-pad-right-32 {
       padding-right: 128px
}

@media (min-width:768px) {
       #cloud-site .l-space-32 {
              margin: 256px
       }

       #cloud-site .l-space-top-32 {
              margin-top: 256px
       }

       #cloud-site .l-space-bottom-32 {
              margin-bottom: 256px
       }

       #cloud-site .l-space-left-32 {
              margin-left: 256px
       }

       #cloud-site .l-space-right-32 {
              margin-right: 256px
       }

       #cloud-site .l-pad-32 {
              padding: 256px
       }

       #cloud-site .l-pad-top-32 {
              padding-top: 256px
       }

       #cloud-site .l-pad-bottom-32 {
              padding-bottom: 256px
       }

       #cloud-site .l-pad-left-32 {
              padding-left: 256px
       }

       #cloud-site .l-pad-right-32 {
              padding-right: 256px
       }
}

#cloud-site .l-space-33 {
       margin: 132px
}

#cloud-site .l-space-top-33 {
       margin-top: 132px
}

#cloud-site .l-space-bottom-33 {
       margin-bottom: 132px
}

#cloud-site .l-space-left-33 {
       margin-left: 132px
}

#cloud-site .l-space-right-33 {
       margin-right: 132px
}

#cloud-site .l-pad-33 {
       padding: 132px
}

#cloud-site .l-pad-top-33 {
       padding-top: 132px
}

#cloud-site .l-pad-bottom-33 {
       padding-bottom: 132px
}

#cloud-site .l-pad-left-33 {
       padding-left: 132px
}

#cloud-site .l-pad-right-33 {
       padding-right: 132px
}

@media (min-width:768px) {
       #cloud-site .l-space-33 {
              margin: 264px
       }

       #cloud-site .l-space-top-33 {
              margin-top: 264px
       }

       #cloud-site .l-space-bottom-33 {
              margin-bottom: 264px
       }

       #cloud-site .l-space-left-33 {
              margin-left: 264px
       }

       #cloud-site .l-space-right-33 {
              margin-right: 264px
       }

       #cloud-site .l-pad-33 {
              padding: 264px
       }

       #cloud-site .l-pad-top-33 {
              padding-top: 264px
       }

       #cloud-site .l-pad-bottom-33 {
              padding-bottom: 264px
       }

       #cloud-site .l-pad-left-33 {
              padding-left: 264px
       }

       #cloud-site .l-pad-right-33 {
              padding-right: 264px
       }
}

#cloud-site .l-space-34 {
       margin: 136px
}

#cloud-site .l-space-top-34 {
       margin-top: 136px
}

#cloud-site .l-space-bottom-34 {
       margin-bottom: 136px
}

#cloud-site .l-space-left-34 {
       margin-left: 136px
}

#cloud-site .l-space-right-34 {
       margin-right: 136px
}

#cloud-site .l-pad-34 {
       padding: 136px
}

#cloud-site .l-pad-top-34 {
       padding-top: 136px
}

#cloud-site .l-pad-bottom-34 {
       padding-bottom: 136px
}

#cloud-site .l-pad-left-34 {
       padding-left: 136px
}

#cloud-site .l-pad-right-34 {
       padding-right: 136px
}

@media (min-width:768px) {
       #cloud-site .l-space-34 {
              margin: 272px
       }

       #cloud-site .l-space-top-34 {
              margin-top: 272px
       }

       #cloud-site .l-space-bottom-34 {
              margin-bottom: 272px
       }

       #cloud-site .l-space-left-34 {
              margin-left: 272px
       }

       #cloud-site .l-space-right-34 {
              margin-right: 272px
       }

       #cloud-site .l-pad-34 {
              padding: 272px
       }

       #cloud-site .l-pad-top-34 {
              padding-top: 272px
       }

       #cloud-site .l-pad-bottom-34 {
              padding-bottom: 272px
       }

       #cloud-site .l-pad-left-34 {
              padding-left: 272px
       }

       #cloud-site .l-pad-right-34 {
              padding-right: 272px
       }
}

#cloud-site .l-space-35 {
       margin: 140px
}

#cloud-site .l-space-top-35 {
       margin-top: 140px
}

#cloud-site .l-space-bottom-35 {
       margin-bottom: 140px
}

#cloud-site .l-space-left-35 {
       margin-left: 140px
}

#cloud-site .l-space-right-35 {
       margin-right: 140px
}

#cloud-site .l-pad-35 {
       padding: 140px
}

#cloud-site .l-pad-top-35 {
       padding-top: 140px
}

#cloud-site .l-pad-bottom-35 {
       padding-bottom: 140px
}

#cloud-site .l-pad-left-35 {
       padding-left: 140px
}

#cloud-site .l-pad-right-35 {
       padding-right: 140px
}

@media (min-width:768px) {
       #cloud-site .l-space-35 {
              margin: 280px
       }

       #cloud-site .l-space-top-35 {
              margin-top: 280px
       }

       #cloud-site .l-space-bottom-35 {
              margin-bottom: 280px
       }

       #cloud-site .l-space-left-35 {
              margin-left: 280px
       }

       #cloud-site .l-space-right-35 {
              margin-right: 280px
       }

       #cloud-site .l-pad-35 {
              padding: 280px
       }

       #cloud-site .l-pad-top-35 {
              padding-top: 280px
       }

       #cloud-site .l-pad-bottom-35 {
              padding-bottom: 280px
       }

       #cloud-site .l-pad-left-35 {
              padding-left: 280px
       }

       #cloud-site .l-pad-right-35 {
              padding-right: 280px
       }
}

#cloud-site .l-space-36 {
       margin: 144px
}

#cloud-site .l-space-top-36 {
       margin-top: 144px
}

#cloud-site .l-space-bottom-36 {
       margin-bottom: 144px
}

#cloud-site .l-space-left-36 {
       margin-left: 144px
}

#cloud-site .l-space-right-36 {
       margin-right: 144px
}

#cloud-site .l-pad-36 {
       padding: 144px
}

#cloud-site .l-pad-top-36 {
       padding-top: 144px
}

#cloud-site .l-pad-bottom-36 {
       padding-bottom: 144px
}

#cloud-site .l-pad-left-36 {
       padding-left: 144px
}

#cloud-site .l-pad-right-36 {
       padding-right: 144px
}

@media (min-width:768px) {
       #cloud-site .l-space-36 {
              margin: 288px
       }

       #cloud-site .l-space-top-36 {
              margin-top: 288px
       }

       #cloud-site .l-space-bottom-36 {
              margin-bottom: 288px
       }

       #cloud-site .l-space-left-36 {
              margin-left: 288px
       }

       #cloud-site .l-space-right-36 {
              margin-right: 288px
       }

       #cloud-site .l-pad-36 {
              padding: 288px
       }

       #cloud-site .l-pad-top-36 {
              padding-top: 288px
       }

       #cloud-site .l-pad-bottom-36 {
              padding-bottom: 288px
       }

       #cloud-site .l-pad-left-36 {
              padding-left: 288px
       }

       #cloud-site .l-pad-right-36 {
              padding-right: 288px
       }
}

#cloud-site .l-space-37 {
       margin: 148px
}

#cloud-site .l-space-top-37 {
       margin-top: 148px
}

#cloud-site .l-space-bottom-37 {
       margin-bottom: 148px
}

#cloud-site .l-space-left-37 {
       margin-left: 148px
}

#cloud-site .l-space-right-37 {
       margin-right: 148px
}

#cloud-site .l-pad-37 {
       padding: 148px
}

#cloud-site .l-pad-top-37 {
       padding-top: 148px
}

#cloud-site .l-pad-bottom-37 {
       padding-bottom: 148px
}

#cloud-site .l-pad-left-37 {
       padding-left: 148px
}

#cloud-site .l-pad-right-37 {
       padding-right: 148px
}

@media (min-width:768px) {
       #cloud-site .l-space-37 {
              margin: 296px
       }

       #cloud-site .l-space-top-37 {
              margin-top: 296px
       }

       #cloud-site .l-space-bottom-37 {
              margin-bottom: 296px
       }

       #cloud-site .l-space-left-37 {
              margin-left: 296px
       }

       #cloud-site .l-space-right-37 {
              margin-right: 296px
       }

       #cloud-site .l-pad-37 {
              padding: 296px
       }

       #cloud-site .l-pad-top-37 {
              padding-top: 296px
       }

       #cloud-site .l-pad-bottom-37 {
              padding-bottom: 296px
       }

       #cloud-site .l-pad-left-37 {
              padding-left: 296px
       }

       #cloud-site .l-pad-right-37 {
              padding-right: 296px
       }
}

#cloud-site .l-space-38 {
       margin: 152px
}

#cloud-site .l-space-top-38 {
       margin-top: 152px
}

#cloud-site .l-space-bottom-38 {
       margin-bottom: 152px
}

#cloud-site .l-space-left-38 {
       margin-left: 152px
}

#cloud-site .l-space-right-38 {
       margin-right: 152px
}

#cloud-site .l-pad-38 {
       padding: 152px
}

#cloud-site .l-pad-top-38 {
       padding-top: 152px
}

#cloud-site .l-pad-bottom-38 {
       padding-bottom: 152px
}

#cloud-site .l-pad-left-38 {
       padding-left: 152px
}

#cloud-site .l-pad-right-38 {
       padding-right: 152px
}

@media (min-width:768px) {
       #cloud-site .l-space-38 {
              margin: 304px
       }

       #cloud-site .l-space-top-38 {
              margin-top: 304px
       }

       #cloud-site .l-space-bottom-38 {
              margin-bottom: 304px
       }

       #cloud-site .l-space-left-38 {
              margin-left: 304px
       }

       #cloud-site .l-space-right-38 {
              margin-right: 304px
       }

       #cloud-site .l-pad-38 {
              padding: 304px
       }

       #cloud-site .l-pad-top-38 {
              padding-top: 304px
       }

       #cloud-site .l-pad-bottom-38 {
              padding-bottom: 304px
       }

       #cloud-site .l-pad-left-38 {
              padding-left: 304px
       }

       #cloud-site .l-pad-right-38 {
              padding-right: 304px
       }
}

#cloud-site .l-space-39 {
       margin: 156px
}

#cloud-site .l-space-top-39 {
       margin-top: 156px
}

#cloud-site .l-space-bottom-39 {
       margin-bottom: 156px
}

#cloud-site .l-space-left-39 {
       margin-left: 156px
}

#cloud-site .l-space-right-39 {
       margin-right: 156px
}

#cloud-site .l-pad-39 {
       padding: 156px
}

#cloud-site .l-pad-top-39 {
       padding-top: 156px
}

#cloud-site .l-pad-bottom-39 {
       padding-bottom: 156px
}

#cloud-site .l-pad-left-39 {
       padding-left: 156px
}

#cloud-site .l-pad-right-39 {
       padding-right: 156px
}

@media (min-width:768px) {
       #cloud-site .l-space-39 {
              margin: 312px
       }

       #cloud-site .l-space-top-39 {
              margin-top: 312px
       }

       #cloud-site .l-space-bottom-39 {
              margin-bottom: 312px
       }

       #cloud-site .l-space-left-39 {
              margin-left: 312px
       }

       #cloud-site .l-space-right-39 {
              margin-right: 312px
       }

       #cloud-site .l-pad-39 {
              padding: 312px
       }

       #cloud-site .l-pad-top-39 {
              padding-top: 312px
       }

       #cloud-site .l-pad-bottom-39 {
              padding-bottom: 312px
       }

       #cloud-site .l-pad-left-39 {
              padding-left: 312px
       }

       #cloud-site .l-pad-right-39 {
              padding-right: 312px
       }
}

#cloud-site .l-space-40 {
       margin: 160px
}

#cloud-site .l-space-top-40 {
       margin-top: 160px
}

#cloud-site .l-space-bottom-40 {
       margin-bottom: 160px
}

#cloud-site .l-space-left-40 {
       margin-left: 160px
}

#cloud-site .l-space-right-40 {
       margin-right: 160px
}

#cloud-site .l-pad-40 {
       padding: 160px
}

#cloud-site .l-pad-top-40 {
       padding-top: 160px
}

#cloud-site .l-pad-bottom-40 {
       padding-bottom: 160px
}

#cloud-site .l-pad-left-40 {
       padding-left: 160px
}

#cloud-site .l-pad-right-40 {
       padding-right: 160px
}

@media (min-width:768px) {
       #cloud-site .l-space-40 {
              margin: 320px
       }

       #cloud-site .l-space-top-40 {
              margin-top: 320px
       }

       #cloud-site .l-space-bottom-40 {
              margin-bottom: 320px
       }

       #cloud-site .l-space-left-40 {
              margin-left: 320px
       }

       #cloud-site .l-space-right-40 {
              margin-right: 320px
       }

       #cloud-site .l-pad-40 {
              padding: 320px
       }

       #cloud-site .l-pad-top-40 {
              padding-top: 320px
       }

       #cloud-site .l-pad-bottom-40 {
              padding-bottom: 320px
       }

       #cloud-site .l-pad-left-40 {
              padding-left: 320px
       }

       #cloud-site .l-pad-right-40 {
              padding-right: 320px
       }
}

#cloud-site .l-space-41 {
       margin: 164px
}

#cloud-site .l-space-top-41 {
       margin-top: 164px
}

#cloud-site .l-space-bottom-41 {
       margin-bottom: 164px
}

#cloud-site .l-space-left-41 {
       margin-left: 164px
}

#cloud-site .l-space-right-41 {
       margin-right: 164px
}

#cloud-site .l-pad-41 {
       padding: 164px
}

#cloud-site .l-pad-top-41 {
       padding-top: 164px
}

#cloud-site .l-pad-bottom-41 {
       padding-bottom: 164px
}

#cloud-site .l-pad-left-41 {
       padding-left: 164px
}

#cloud-site .l-pad-right-41 {
       padding-right: 164px
}

@media (min-width:768px) {
       #cloud-site .l-space-41 {
              margin: 328px
       }

       #cloud-site .l-space-top-41 {
              margin-top: 328px
       }

       #cloud-site .l-space-bottom-41 {
              margin-bottom: 328px
       }

       #cloud-site .l-space-left-41 {
              margin-left: 328px
       }

       #cloud-site .l-space-right-41 {
              margin-right: 328px
       }

       #cloud-site .l-pad-41 {
              padding: 328px
       }

       #cloud-site .l-pad-top-41 {
              padding-top: 328px
       }

       #cloud-site .l-pad-bottom-41 {
              padding-bottom: 328px
       }

       #cloud-site .l-pad-left-41 {
              padding-left: 328px
       }

       #cloud-site .l-pad-right-41 {
              padding-right: 328px
       }
}

#cloud-site .l-space-42 {
       margin: 168px
}

#cloud-site .l-space-top-42 {
       margin-top: 168px
}

#cloud-site .l-space-bottom-42 {
       margin-bottom: 168px
}

#cloud-site .l-space-left-42 {
       margin-left: 168px
}

#cloud-site .l-space-right-42 {
       margin-right: 168px
}

#cloud-site .l-pad-42 {
       padding: 168px
}

#cloud-site .l-pad-top-42 {
       padding-top: 168px
}

#cloud-site .l-pad-bottom-42 {
       padding-bottom: 168px
}

#cloud-site .l-pad-left-42 {
       padding-left: 168px
}

#cloud-site .l-pad-right-42 {
       padding-right: 168px
}

@media (min-width:768px) {
       #cloud-site .l-space-42 {
              margin: 336px
       }

       #cloud-site .l-space-top-42 {
              margin-top: 336px
       }

       #cloud-site .l-space-bottom-42 {
              margin-bottom: 336px
       }

       #cloud-site .l-space-left-42 {
              margin-left: 336px
       }

       #cloud-site .l-space-right-42 {
              margin-right: 336px
       }

       #cloud-site .l-pad-42 {
              padding: 336px
       }

       #cloud-site .l-pad-top-42 {
              padding-top: 336px
       }

       #cloud-site .l-pad-bottom-42 {
              padding-bottom: 336px
       }

       #cloud-site .l-pad-left-42 {
              padding-left: 336px
       }

       #cloud-site .l-pad-right-42 {
              padding-right: 336px
       }
}

#cloud-site .l-space-43 {
       margin: 172px
}

#cloud-site .l-space-top-43 {
       margin-top: 172px
}

#cloud-site .l-space-bottom-43 {
       margin-bottom: 172px
}

#cloud-site .l-space-left-43 {
       margin-left: 172px
}

#cloud-site .l-space-right-43 {
       margin-right: 172px
}

#cloud-site .l-pad-43 {
       padding: 172px
}

#cloud-site .l-pad-top-43 {
       padding-top: 172px
}

#cloud-site .l-pad-bottom-43 {
       padding-bottom: 172px
}

#cloud-site .l-pad-left-43 {
       padding-left: 172px
}

#cloud-site .l-pad-right-43 {
       padding-right: 172px
}

@media (min-width:768px) {
       #cloud-site .l-space-43 {
              margin: 344px
       }

       #cloud-site .l-space-top-43 {
              margin-top: 344px
       }

       #cloud-site .l-space-bottom-43 {
              margin-bottom: 344px
       }

       #cloud-site .l-space-left-43 {
              margin-left: 344px
       }

       #cloud-site .l-space-right-43 {
              margin-right: 344px
       }

       #cloud-site .l-pad-43 {
              padding: 344px
       }

       #cloud-site .l-pad-top-43 {
              padding-top: 344px
       }

       #cloud-site .l-pad-bottom-43 {
              padding-bottom: 344px
       }

       #cloud-site .l-pad-left-43 {
              padding-left: 344px
       }

       #cloud-site .l-pad-right-43 {
              padding-right: 344px
       }
}

#cloud-site .l-space-44 {
       margin: 176px
}

#cloud-site .l-space-top-44 {
       margin-top: 176px
}

#cloud-site .l-space-bottom-44 {
       margin-bottom: 176px
}

#cloud-site .l-space-left-44 {
       margin-left: 176px
}

#cloud-site .l-space-right-44 {
       margin-right: 176px
}

#cloud-site .l-pad-44 {
       padding: 176px
}

#cloud-site .l-pad-top-44 {
       padding-top: 176px
}

#cloud-site .l-pad-bottom-44 {
       padding-bottom: 176px
}

#cloud-site .l-pad-left-44 {
       padding-left: 176px
}

#cloud-site .l-pad-right-44 {
       padding-right: 176px
}

@media (min-width:768px) {
       #cloud-site .l-space-44 {
              margin: 352px
       }

       #cloud-site .l-space-top-44 {
              margin-top: 352px
       }

       #cloud-site .l-space-bottom-44 {
              margin-bottom: 352px
       }

       #cloud-site .l-space-left-44 {
              margin-left: 352px
       }

       #cloud-site .l-space-right-44 {
              margin-right: 352px
       }

       #cloud-site .l-pad-44 {
              padding: 352px
       }

       #cloud-site .l-pad-top-44 {
              padding-top: 352px
       }

       #cloud-site .l-pad-bottom-44 {
              padding-bottom: 352px
       }

       #cloud-site .l-pad-left-44 {
              padding-left: 352px
       }

       #cloud-site .l-pad-right-44 {
              padding-right: 352px
       }
}

#cloud-site .l-space-45 {
       margin: 180px
}

#cloud-site .l-space-top-45 {
       margin-top: 180px
}

#cloud-site .l-space-bottom-45 {
       margin-bottom: 180px
}

#cloud-site .l-space-left-45 {
       margin-left: 180px
}

#cloud-site .l-space-right-45 {
       margin-right: 180px
}

#cloud-site .l-pad-45 {
       padding: 180px
}

#cloud-site .l-pad-top-45 {
       padding-top: 180px
}

#cloud-site .l-pad-bottom-45 {
       padding-bottom: 180px
}

#cloud-site .l-pad-left-45 {
       padding-left: 180px
}

#cloud-site .l-pad-right-45 {
       padding-right: 180px
}

@media (min-width:768px) {
       #cloud-site .l-space-45 {
              margin: 360px
       }

       #cloud-site .l-space-top-45 {
              margin-top: 360px
       }

       #cloud-site .l-space-bottom-45 {
              margin-bottom: 360px
       }

       #cloud-site .l-space-left-45 {
              margin-left: 360px
       }

       #cloud-site .l-space-right-45 {
              margin-right: 360px
       }

       #cloud-site .l-pad-45 {
              padding: 360px
       }

       #cloud-site .l-pad-top-45 {
              padding-top: 360px
       }

       #cloud-site .l-pad-bottom-45 {
              padding-bottom: 360px
       }

       #cloud-site .l-pad-left-45 {
              padding-left: 360px
       }

       #cloud-site .l-pad-right-45 {
              padding-right: 360px
       }
}

#cloud-site .l-space-46 {
       margin: 184px
}

#cloud-site .l-space-top-46 {
       margin-top: 184px
}

#cloud-site .l-space-bottom-46 {
       margin-bottom: 184px
}

#cloud-site .l-space-left-46 {
       margin-left: 184px
}

#cloud-site .l-space-right-46 {
       margin-right: 184px
}

#cloud-site .l-pad-46 {
       padding: 184px
}

#cloud-site .l-pad-top-46 {
       padding-top: 184px
}

#cloud-site .l-pad-bottom-46 {
       padding-bottom: 184px
}

#cloud-site .l-pad-left-46 {
       padding-left: 184px
}

#cloud-site .l-pad-right-46 {
       padding-right: 184px
}

@media (min-width:768px) {
       #cloud-site .l-space-46 {
              margin: 368px
       }

       #cloud-site .l-space-top-46 {
              margin-top: 368px
       }

       #cloud-site .l-space-bottom-46 {
              margin-bottom: 368px
       }

       #cloud-site .l-space-left-46 {
              margin-left: 368px
       }

       #cloud-site .l-space-right-46 {
              margin-right: 368px
       }

       #cloud-site .l-pad-46 {
              padding: 368px
       }

       #cloud-site .l-pad-top-46 {
              padding-top: 368px
       }

       #cloud-site .l-pad-bottom-46 {
              padding-bottom: 368px
       }

       #cloud-site .l-pad-left-46 {
              padding-left: 368px
       }

       #cloud-site .l-pad-right-46 {
              padding-right: 368px
       }
}

#cloud-site .l-space-47 {
       margin: 188px
}

#cloud-site .l-space-top-47 {
       margin-top: 188px
}

#cloud-site .l-space-bottom-47 {
       margin-bottom: 188px
}

#cloud-site .l-space-left-47 {
       margin-left: 188px
}

#cloud-site .l-space-right-47 {
       margin-right: 188px
}

#cloud-site .l-pad-47 {
       padding: 188px
}

#cloud-site .l-pad-top-47 {
       padding-top: 188px
}

#cloud-site .l-pad-bottom-47 {
       padding-bottom: 188px
}

#cloud-site .l-pad-left-47 {
       padding-left: 188px
}

#cloud-site .l-pad-right-47 {
       padding-right: 188px
}

@media (min-width:768px) {
       #cloud-site .l-space-47 {
              margin: 376px
       }

       #cloud-site .l-space-top-47 {
              margin-top: 376px
       }

       #cloud-site .l-space-bottom-47 {
              margin-bottom: 376px
       }

       #cloud-site .l-space-left-47 {
              margin-left: 376px
       }

       #cloud-site .l-space-right-47 {
              margin-right: 376px
       }

       #cloud-site .l-pad-47 {
              padding: 376px
       }

       #cloud-site .l-pad-top-47 {
              padding-top: 376px
       }

       #cloud-site .l-pad-bottom-47 {
              padding-bottom: 376px
       }

       #cloud-site .l-pad-left-47 {
              padding-left: 376px
       }

       #cloud-site .l-pad-right-47 {
              padding-right: 376px
       }
}

#cloud-site .l-space-48 {
       margin: 192px
}

#cloud-site .l-space-top-48 {
       margin-top: 192px
}

#cloud-site .l-space-bottom-48 {
       margin-bottom: 192px
}

#cloud-site .l-space-left-48 {
       margin-left: 192px
}

#cloud-site .l-space-right-48 {
       margin-right: 192px
}

#cloud-site .l-pad-48 {
       padding: 192px
}

#cloud-site .l-pad-top-48 {
       padding-top: 192px
}

#cloud-site .l-pad-bottom-48 {
       padding-bottom: 192px
}

#cloud-site .l-pad-left-48 {
       padding-left: 192px
}

#cloud-site .l-pad-right-48 {
       padding-right: 192px
}

@media (min-width:768px) {
       #cloud-site .l-space-48 {
              margin: 384px
       }

       #cloud-site .l-space-top-48 {
              margin-top: 384px
       }

       #cloud-site .l-space-bottom-48 {
              margin-bottom: 384px
       }

       #cloud-site .l-space-left-48 {
              margin-left: 384px
       }

       #cloud-site .l-space-right-48 {
              margin-right: 384px
       }

       #cloud-site .l-pad-48 {
              padding: 384px
       }

       #cloud-site .l-pad-top-48 {
              padding-top: 384px
       }

       #cloud-site .l-pad-bottom-48 {
              padding-bottom: 384px
       }

       #cloud-site .l-pad-left-48 {
              padding-left: 384px
       }

       #cloud-site .l-pad-right-48 {
              padding-right: 384px
       }
}

#cloud-site .l-space-49 {
       margin: 196px
}

#cloud-site .l-space-top-49 {
       margin-top: 196px
}

#cloud-site .l-space-bottom-49 {
       margin-bottom: 196px
}

#cloud-site .l-space-left-49 {
       margin-left: 196px
}

#cloud-site .l-space-right-49 {
       margin-right: 196px
}

#cloud-site .l-pad-49 {
       padding: 196px
}

#cloud-site .l-pad-top-49 {
       padding-top: 196px
}

#cloud-site .l-pad-bottom-49 {
       padding-bottom: 196px
}

#cloud-site .l-pad-left-49 {
       padding-left: 196px
}

#cloud-site .l-pad-right-49 {
       padding-right: 196px
}

@media (min-width:768px) {
       #cloud-site .l-space-49 {
              margin: 392px
       }

       #cloud-site .l-space-top-49 {
              margin-top: 392px
       }

       #cloud-site .l-space-bottom-49 {
              margin-bottom: 392px
       }

       #cloud-site .l-space-left-49 {
              margin-left: 392px
       }

       #cloud-site .l-space-right-49 {
              margin-right: 392px
       }

       #cloud-site .l-pad-49 {
              padding: 392px
       }

       #cloud-site .l-pad-top-49 {
              padding-top: 392px
       }

       #cloud-site .l-pad-bottom-49 {
              padding-bottom: 392px
       }

       #cloud-site .l-pad-left-49 {
              padding-left: 392px
       }

       #cloud-site .l-pad-right-49 {
              padding-right: 392px
       }
}

#cloud-site .l-space-50 {
       margin: 200px
}

#cloud-site .l-space-top-50 {
       margin-top: 200px
}

#cloud-site .l-space-bottom-50 {
       margin-bottom: 200px
}

#cloud-site .l-space-left-50 {
       margin-left: 200px
}

#cloud-site .l-space-right-50 {
       margin-right: 200px
}

#cloud-site .l-pad-50 {
       padding: 200px
}

#cloud-site .l-pad-top-50 {
       padding-top: 200px
}

#cloud-site .l-pad-bottom-50 {
       padding-bottom: 200px
}

#cloud-site .l-pad-left-50 {
       padding-left: 200px
}

#cloud-site .l-pad-right-50 {
       padding-right: 200px
}

@media (min-width:768px) {
       #cloud-site .l-space-50 {
              margin: 400px
       }

       #cloud-site .l-space-top-50 {
              margin-top: 400px
       }

       #cloud-site .l-space-bottom-50 {
              margin-bottom: 400px
       }

       #cloud-site .l-space-left-50 {
              margin-left: 400px
       }

       #cloud-site .l-space-right-50 {
              margin-right: 400px
       }

       #cloud-site .l-pad-50 {
              padding: 400px
       }

       #cloud-site .l-pad-top-50 {
              padding-top: 400px
       }

       #cloud-site .l-pad-bottom-50 {
              padding-bottom: 400px
       }

       #cloud-site .l-pad-left-50 {
              padding-left: 400px
       }

       #cloud-site .l-pad-right-50 {
              padding-right: 400px
       }
}

#cloud-site .l-space-51 {
       margin: 204px
}

#cloud-site .l-space-top-51 {
       margin-top: 204px
}

#cloud-site .l-space-bottom-51 {
       margin-bottom: 204px
}

#cloud-site .l-space-left-51 {
       margin-left: 204px
}

#cloud-site .l-space-right-51 {
       margin-right: 204px
}

#cloud-site .l-pad-51 {
       padding: 204px
}

#cloud-site .l-pad-top-51 {
       padding-top: 204px
}

#cloud-site .l-pad-bottom-51 {
       padding-bottom: 204px
}

#cloud-site .l-pad-left-51 {
       padding-left: 204px
}

#cloud-site .l-pad-right-51 {
       padding-right: 204px
}

@media (min-width:768px) {
       #cloud-site .l-space-51 {
              margin: 408px
       }

       #cloud-site .l-space-top-51 {
              margin-top: 408px
       }

       #cloud-site .l-space-bottom-51 {
              margin-bottom: 408px
       }

       #cloud-site .l-space-left-51 {
              margin-left: 408px
       }

       #cloud-site .l-space-right-51 {
              margin-right: 408px
       }

       #cloud-site .l-pad-51 {
              padding: 408px
       }

       #cloud-site .l-pad-top-51 {
              padding-top: 408px
       }

       #cloud-site .l-pad-bottom-51 {
              padding-bottom: 408px
       }

       #cloud-site .l-pad-left-51 {
              padding-left: 408px
       }

       #cloud-site .l-pad-right-51 {
              padding-right: 408px
       }
}

#cloud-site .l-space-52 {
       margin: 208px
}

#cloud-site .l-space-top-52 {
       margin-top: 208px
}

#cloud-site .l-space-bottom-52 {
       margin-bottom: 208px
}

#cloud-site .l-space-left-52 {
       margin-left: 208px
}

#cloud-site .l-space-right-52 {
       margin-right: 208px
}

#cloud-site .l-pad-52 {
       padding: 208px
}

#cloud-site .l-pad-top-52 {
       padding-top: 208px
}

#cloud-site .l-pad-bottom-52 {
       padding-bottom: 208px
}

#cloud-site .l-pad-left-52 {
       padding-left: 208px
}

#cloud-site .l-pad-right-52 {
       padding-right: 208px
}

@media (min-width:768px) {
       #cloud-site .l-space-52 {
              margin: 416px
       }

       #cloud-site .l-space-top-52 {
              margin-top: 416px
       }

       #cloud-site .l-space-bottom-52 {
              margin-bottom: 416px
       }

       #cloud-site .l-space-left-52 {
              margin-left: 416px
       }

       #cloud-site .l-space-right-52 {
              margin-right: 416px
       }

       #cloud-site .l-pad-52 {
              padding: 416px
       }

       #cloud-site .l-pad-top-52 {
              padding-top: 416px
       }

       #cloud-site .l-pad-bottom-52 {
              padding-bottom: 416px
       }

       #cloud-site .l-pad-left-52 {
              padding-left: 416px
       }

       #cloud-site .l-pad-right-52 {
              padding-right: 416px
       }
}

#cloud-site .l-space-53 {
       margin: 212px
}

#cloud-site .l-space-top-53 {
       margin-top: 212px
}

#cloud-site .l-space-bottom-53 {
       margin-bottom: 212px
}

#cloud-site .l-space-left-53 {
       margin-left: 212px
}

#cloud-site .l-space-right-53 {
       margin-right: 212px
}

#cloud-site .l-pad-53 {
       padding: 212px
}

#cloud-site .l-pad-top-53 {
       padding-top: 212px
}

#cloud-site .l-pad-bottom-53 {
       padding-bottom: 212px
}

#cloud-site .l-pad-left-53 {
       padding-left: 212px
}

#cloud-site .l-pad-right-53 {
       padding-right: 212px
}

@media (min-width:768px) {
       #cloud-site .l-space-53 {
              margin: 424px
       }

       #cloud-site .l-space-top-53 {
              margin-top: 424px
       }

       #cloud-site .l-space-bottom-53 {
              margin-bottom: 424px
       }

       #cloud-site .l-space-left-53 {
              margin-left: 424px
       }

       #cloud-site .l-space-right-53 {
              margin-right: 424px
       }

       #cloud-site .l-pad-53 {
              padding: 424px
       }

       #cloud-site .l-pad-top-53 {
              padding-top: 424px
       }

       #cloud-site .l-pad-bottom-53 {
              padding-bottom: 424px
       }

       #cloud-site .l-pad-left-53 {
              padding-left: 424px
       }

       #cloud-site .l-pad-right-53 {
              padding-right: 424px
       }
}

#cloud-site .l-space-54 {
       margin: 216px
}

#cloud-site .l-space-top-54 {
       margin-top: 216px
}

#cloud-site .l-space-bottom-54 {
       margin-bottom: 216px
}

#cloud-site .l-space-left-54 {
       margin-left: 216px
}

#cloud-site .l-space-right-54 {
       margin-right: 216px
}

#cloud-site .l-pad-54 {
       padding: 216px
}

#cloud-site .l-pad-top-54 {
       padding-top: 216px
}

#cloud-site .l-pad-bottom-54 {
       padding-bottom: 216px
}

#cloud-site .l-pad-left-54 {
       padding-left: 216px
}

#cloud-site .l-pad-right-54 {
       padding-right: 216px
}

@media (min-width:768px) {
       #cloud-site .l-space-54 {
              margin: 432px
       }

       #cloud-site .l-space-top-54 {
              margin-top: 432px
       }

       #cloud-site .l-space-bottom-54 {
              margin-bottom: 432px
       }

       #cloud-site .l-space-left-54 {
              margin-left: 432px
       }

       #cloud-site .l-space-right-54 {
              margin-right: 432px
       }

       #cloud-site .l-pad-54 {
              padding: 432px
       }

       #cloud-site .l-pad-top-54 {
              padding-top: 432px
       }

       #cloud-site .l-pad-bottom-54 {
              padding-bottom: 432px
       }

       #cloud-site .l-pad-left-54 {
              padding-left: 432px
       }

       #cloud-site .l-pad-right-54 {
              padding-right: 432px
       }
}

#cloud-site .l-space-55 {
       margin: 220px
}

#cloud-site .l-space-top-55 {
       margin-top: 220px
}

#cloud-site .l-space-bottom-55 {
       margin-bottom: 220px
}

#cloud-site .l-space-left-55 {
       margin-left: 220px
}

#cloud-site .l-space-right-55 {
       margin-right: 220px
}

#cloud-site .l-pad-55 {
       padding: 220px
}

#cloud-site .l-pad-top-55 {
       padding-top: 220px
}

#cloud-site .l-pad-bottom-55 {
       padding-bottom: 220px
}

#cloud-site .l-pad-left-55 {
       padding-left: 220px
}

#cloud-site .l-pad-right-55 {
       padding-right: 220px
}

@media (min-width:768px) {
       #cloud-site .l-space-55 {
              margin: 440px
       }

       #cloud-site .l-space-top-55 {
              margin-top: 440px
       }

       #cloud-site .l-space-bottom-55 {
              margin-bottom: 440px
       }

       #cloud-site .l-space-left-55 {
              margin-left: 440px
       }

       #cloud-site .l-space-right-55 {
              margin-right: 440px
       }

       #cloud-site .l-pad-55 {
              padding: 440px
       }

       #cloud-site .l-pad-top-55 {
              padding-top: 440px
       }

       #cloud-site .l-pad-bottom-55 {
              padding-bottom: 440px
       }

       #cloud-site .l-pad-left-55 {
              padding-left: 440px
       }

       #cloud-site .l-pad-right-55 {
              padding-right: 440px
       }
}

#cloud-site .l-space-56 {
       margin: 224px
}

#cloud-site .l-space-top-56 {
       margin-top: 224px
}

#cloud-site .l-space-bottom-56 {
       margin-bottom: 224px
}

#cloud-site .l-space-left-56 {
       margin-left: 224px
}

#cloud-site .l-space-right-56 {
       margin-right: 224px
}

#cloud-site .l-pad-56 {
       padding: 224px
}

#cloud-site .l-pad-top-56 {
       padding-top: 224px
}

#cloud-site .l-pad-bottom-56 {
       padding-bottom: 224px
}

#cloud-site .l-pad-left-56 {
       padding-left: 224px
}

#cloud-site .l-pad-right-56 {
       padding-right: 224px
}

@media (min-width:768px) {
       #cloud-site .l-space-56 {
              margin: 448px
       }

       #cloud-site .l-space-top-56 {
              margin-top: 448px
       }

       #cloud-site .l-space-bottom-56 {
              margin-bottom: 448px
       }

       #cloud-site .l-space-left-56 {
              margin-left: 448px
       }

       #cloud-site .l-space-right-56 {
              margin-right: 448px
       }

       #cloud-site .l-pad-56 {
              padding: 448px
       }

       #cloud-site .l-pad-top-56 {
              padding-top: 448px
       }

       #cloud-site .l-pad-bottom-56 {
              padding-bottom: 448px
       }

       #cloud-site .l-pad-left-56 {
              padding-left: 448px
       }

       #cloud-site .l-pad-right-56 {
              padding-right: 448px
       }
}

#cloud-site .l-space-57 {
       margin: 228px
}

#cloud-site .l-space-top-57 {
       margin-top: 228px
}

#cloud-site .l-space-bottom-57 {
       margin-bottom: 228px
}

#cloud-site .l-space-left-57 {
       margin-left: 228px
}

#cloud-site .l-space-right-57 {
       margin-right: 228px
}

#cloud-site .l-pad-57 {
       padding: 228px
}

#cloud-site .l-pad-top-57 {
       padding-top: 228px
}

#cloud-site .l-pad-bottom-57 {
       padding-bottom: 228px
}

#cloud-site .l-pad-left-57 {
       padding-left: 228px
}

#cloud-site .l-pad-right-57 {
       padding-right: 228px
}

@media (min-width:768px) {
       #cloud-site .l-space-57 {
              margin: 456px
       }

       #cloud-site .l-space-top-57 {
              margin-top: 456px
       }

       #cloud-site .l-space-bottom-57 {
              margin-bottom: 456px
       }

       #cloud-site .l-space-left-57 {
              margin-left: 456px
       }

       #cloud-site .l-space-right-57 {
              margin-right: 456px
       }

       #cloud-site .l-pad-57 {
              padding: 456px
       }

       #cloud-site .l-pad-top-57 {
              padding-top: 456px
       }

       #cloud-site .l-pad-bottom-57 {
              padding-bottom: 456px
       }

       #cloud-site .l-pad-left-57 {
              padding-left: 456px
       }

       #cloud-site .l-pad-right-57 {
              padding-right: 456px
       }
}

#cloud-site .l-space-58 {
       margin: 232px
}

#cloud-site .l-space-top-58 {
       margin-top: 232px
}

#cloud-site .l-space-bottom-58 {
       margin-bottom: 232px
}

#cloud-site .l-space-left-58 {
       margin-left: 232px
}

#cloud-site .l-space-right-58 {
       margin-right: 232px
}

#cloud-site .l-pad-58 {
       padding: 232px
}

#cloud-site .l-pad-top-58 {
       padding-top: 232px
}

#cloud-site .l-pad-bottom-58 {
       padding-bottom: 232px
}

#cloud-site .l-pad-left-58 {
       padding-left: 232px
}

#cloud-site .l-pad-right-58 {
       padding-right: 232px
}

@media (min-width:768px) {
       #cloud-site .l-space-58 {
              margin: 464px
       }

       #cloud-site .l-space-top-58 {
              margin-top: 464px
       }

       #cloud-site .l-space-bottom-58 {
              margin-bottom: 464px
       }

       #cloud-site .l-space-left-58 {
              margin-left: 464px
       }

       #cloud-site .l-space-right-58 {
              margin-right: 464px
       }

       #cloud-site .l-pad-58 {
              padding: 464px
       }

       #cloud-site .l-pad-top-58 {
              padding-top: 464px
       }

       #cloud-site .l-pad-bottom-58 {
              padding-bottom: 464px
       }

       #cloud-site .l-pad-left-58 {
              padding-left: 464px
       }

       #cloud-site .l-pad-right-58 {
              padding-right: 464px
       }
}

#cloud-site .l-space-59 {
       margin: 236px
}

#cloud-site .l-space-top-59 {
       margin-top: 236px
}

#cloud-site .l-space-bottom-59 {
       margin-bottom: 236px
}

#cloud-site .l-space-left-59 {
       margin-left: 236px
}

#cloud-site .l-space-right-59 {
       margin-right: 236px
}

#cloud-site .l-pad-59 {
       padding: 236px
}

#cloud-site .l-pad-top-59 {
       padding-top: 236px
}

#cloud-site .l-pad-bottom-59 {
       padding-bottom: 236px
}

#cloud-site .l-pad-left-59 {
       padding-left: 236px
}

#cloud-site .l-pad-right-59 {
       padding-right: 236px
}

@media (min-width:768px) {
       #cloud-site .l-space-59 {
              margin: 472px
       }

       #cloud-site .l-space-top-59 {
              margin-top: 472px
       }

       #cloud-site .l-space-bottom-59 {
              margin-bottom: 472px
       }

       #cloud-site .l-space-left-59 {
              margin-left: 472px
       }

       #cloud-site .l-space-right-59 {
              margin-right: 472px
       }

       #cloud-site .l-pad-59 {
              padding: 472px
       }

       #cloud-site .l-pad-top-59 {
              padding-top: 472px
       }

       #cloud-site .l-pad-bottom-59 {
              padding-bottom: 472px
       }

       #cloud-site .l-pad-left-59 {
              padding-left: 472px
       }

       #cloud-site .l-pad-right-59 {
              padding-right: 472px
       }
}

#cloud-site .l-space-60 {
       margin: 240px
}

#cloud-site .l-space-top-60 {
       margin-top: 240px
}

#cloud-site .l-space-bottom-60 {
       margin-bottom: 240px
}

#cloud-site .l-space-left-60 {
       margin-left: 240px
}

#cloud-site .l-space-right-60 {
       margin-right: 240px
}

#cloud-site .l-pad-60 {
       padding: 240px
}

#cloud-site .l-pad-top-60 {
       padding-top: 240px
}

#cloud-site .l-pad-bottom-60 {
       padding-bottom: 240px
}

#cloud-site .l-pad-left-60 {
       padding-left: 240px
}

#cloud-site .l-pad-right-60 {
       padding-right: 240px
}

@media (min-width:768px) {
       #cloud-site .l-space-60 {
              margin: 480px
       }

       #cloud-site .l-space-top-60 {
              margin-top: 480px
       }

       #cloud-site .l-space-bottom-60 {
              margin-bottom: 480px
       }

       #cloud-site .l-space-left-60 {
              margin-left: 480px
       }

       #cloud-site .l-space-right-60 {
              margin-right: 480px
       }

       #cloud-site .l-pad-60 {
              padding: 480px
       }

       #cloud-site .l-pad-top-60 {
              padding-top: 480px
       }

       #cloud-site .l-pad-bottom-60 {
              padding-bottom: 480px
       }

       #cloud-site .l-pad-left-60 {
              padding-left: 480px
       }

       #cloud-site .l-pad-right-60 {
              padding-right: 480px
       }
}

@media screen and (min-width:768px) {

       #cloud-site .l-pad-left-1+.l-showcase-image,
       #cloud-site .l-pad-right-1+.l-showcase-image {
              max-width: 8px
       }

       #cloud-site .l-pad-left-2+.l-showcase-image,
       #cloud-site .l-pad-right-2+.l-showcase-image {
              max-width: 16px
       }

       #cloud-site .l-pad-left-3+.l-showcase-image,
       #cloud-site .l-pad-right-3+.l-showcase-image {
              max-width: 24px
       }

       #cloud-site .l-pad-left-4+.l-showcase-image,
       #cloud-site .l-pad-right-4+.l-showcase-image {
              max-width: 32px
       }

       #cloud-site .l-pad-left-5+.l-showcase-image,
       #cloud-site .l-pad-right-5+.l-showcase-image {
              max-width: 40px
       }

       #cloud-site .l-pad-left-6+.l-showcase-image,
       #cloud-site .l-pad-right-6+.l-showcase-image {
              max-width: 48px
       }

       #cloud-site .l-pad-left-7+.l-showcase-image,
       #cloud-site .l-pad-right-7+.l-showcase-image {
              max-width: 56px
       }

       #cloud-site .l-pad-left-8+.l-showcase-image,
       #cloud-site .l-pad-right-8+.l-showcase-image {
              max-width: 64px
       }

       #cloud-site .l-pad-left-9+.l-showcase-image,
       #cloud-site .l-pad-right-9+.l-showcase-image {
              max-width: 72px
       }

       #cloud-site .l-pad-left-10+.l-showcase-image,
       #cloud-site .l-pad-right-10+.l-showcase-image {
              max-width: 80px
       }

       #cloud-site .l-pad-left-11+.l-showcase-image,
       #cloud-site .l-pad-right-11+.l-showcase-image {
              max-width: 88px
       }

       #cloud-site .l-pad-left-12+.l-showcase-image,
       #cloud-site .l-pad-right-12+.l-showcase-image {
              max-width: 96px
       }

       #cloud-site .l-pad-left-13+.l-showcase-image,
       #cloud-site .l-pad-right-13+.l-showcase-image {
              max-width: 104px
       }

       #cloud-site .l-pad-left-14+.l-showcase-image,
       #cloud-site .l-pad-right-14+.l-showcase-image {
              max-width: 112px
       }

       #cloud-site .l-pad-left-15+.l-showcase-image,
       #cloud-site .l-pad-right-15+.l-showcase-image {
              max-width: 120px
       }

       #cloud-site .l-pad-left-16+.l-showcase-image,
       #cloud-site .l-pad-right-16+.l-showcase-image {
              max-width: 128px
       }

       #cloud-site .l-pad-left-17+.l-showcase-image,
       #cloud-site .l-pad-right-17+.l-showcase-image {
              max-width: 136px
       }

       #cloud-site .l-pad-left-18+.l-showcase-image,
       #cloud-site .l-pad-right-18+.l-showcase-image {
              max-width: 144px
       }

       #cloud-site .l-pad-left-19+.l-showcase-image,
       #cloud-site .l-pad-right-19+.l-showcase-image {
              max-width: 152px
       }

       #cloud-site .l-pad-left-20+.l-showcase-image,
       #cloud-site .l-pad-right-20+.l-showcase-image {
              max-width: 160px
       }

       #cloud-site .l-pad-left-21+.l-showcase-image,
       #cloud-site .l-pad-right-21+.l-showcase-image {
              max-width: 168px
       }

       #cloud-site .l-pad-left-22+.l-showcase-image,
       #cloud-site .l-pad-right-22+.l-showcase-image {
              max-width: 176px
       }

       #cloud-site .l-pad-left-23+.l-showcase-image,
       #cloud-site .l-pad-right-23+.l-showcase-image {
              max-width: 184px
       }

       #cloud-site .l-pad-left-24+.l-showcase-image,
       #cloud-site .l-pad-right-24+.l-showcase-image {
              max-width: 192px
       }

       #cloud-site .l-pad-left-25+.l-showcase-image,
       #cloud-site .l-pad-right-25+.l-showcase-image {
              max-width: 200px
       }

       #cloud-site .l-pad-left-26+.l-showcase-image,
       #cloud-site .l-pad-right-26+.l-showcase-image {
              max-width: 208px
       }

       #cloud-site .l-pad-left-27+.l-showcase-image,
       #cloud-site .l-pad-right-27+.l-showcase-image {
              max-width: 216px
       }

       #cloud-site .l-pad-left-28+.l-showcase-image,
       #cloud-site .l-pad-right-28+.l-showcase-image {
              max-width: 224px
       }

       #cloud-site .l-pad-left-29+.l-showcase-image,
       #cloud-site .l-pad-right-29+.l-showcase-image {
              max-width: 232px
       }

       #cloud-site .l-pad-left-30+.l-showcase-image,
       #cloud-site .l-pad-right-30+.l-showcase-image {
              max-width: 240px
       }

       #cloud-site .l-pad-left-31+.l-showcase-image,
       #cloud-site .l-pad-right-31+.l-showcase-image {
              max-width: 248px
       }

       #cloud-site .l-pad-left-32+.l-showcase-image,
       #cloud-site .l-pad-right-32+.l-showcase-image {
              max-width: 256px
       }

       #cloud-site .l-pad-left-33+.l-showcase-image,
       #cloud-site .l-pad-right-33+.l-showcase-image {
              max-width: 264px
       }

       #cloud-site .l-pad-left-34+.l-showcase-image,
       #cloud-site .l-pad-right-34+.l-showcase-image {
              max-width: 272px
       }

       #cloud-site .l-pad-left-35+.l-showcase-image,
       #cloud-site .l-pad-right-35+.l-showcase-image {
              max-width: 280px
       }

       #cloud-site .l-pad-left-36+.l-showcase-image,
       #cloud-site .l-pad-right-36+.l-showcase-image {
              max-width: 288px
       }

       #cloud-site .l-pad-left-37+.l-showcase-image,
       #cloud-site .l-pad-right-37+.l-showcase-image {
              max-width: 296px
       }

       #cloud-site .l-pad-left-38+.l-showcase-image,
       #cloud-site .l-pad-right-38+.l-showcase-image {
              max-width: 304px
       }

       #cloud-site .l-pad-left-39+.l-showcase-image,
       #cloud-site .l-pad-right-39+.l-showcase-image {
              max-width: 312px
       }

       #cloud-site .l-pad-left-40+.l-showcase-image,
       #cloud-site .l-pad-right-40+.l-showcase-image {
              max-width: 320px
       }

       #cloud-site .l-pad-left-41+.l-showcase-image,
       #cloud-site .l-pad-right-41+.l-showcase-image {
              max-width: 328px
       }

       #cloud-site .l-pad-left-42+.l-showcase-image,
       #cloud-site .l-pad-right-42+.l-showcase-image {
              max-width: 336px
       }

       #cloud-site .l-pad-left-43+.l-showcase-image,
       #cloud-site .l-pad-right-43+.l-showcase-image {
              max-width: 344px
       }

       #cloud-site .l-pad-left-44+.l-showcase-image,
       #cloud-site .l-pad-right-44+.l-showcase-image {
              max-width: 352px
       }

       #cloud-site .l-pad-left-45+.l-showcase-image,
       #cloud-site .l-pad-right-45+.l-showcase-image {
              max-width: 360px
       }

       #cloud-site .l-pad-left-46+.l-showcase-image,
       #cloud-site .l-pad-right-46+.l-showcase-image {
              max-width: 368px
       }

       #cloud-site .l-pad-left-47+.l-showcase-image,
       #cloud-site .l-pad-right-47+.l-showcase-image {
              max-width: 376px
       }

       #cloud-site .l-pad-left-48+.l-showcase-image,
       #cloud-site .l-pad-right-48+.l-showcase-image {
              max-width: 384px
       }

       #cloud-site .l-pad-left-49+.l-showcase-image,
       #cloud-site .l-pad-right-49+.l-showcase-image {
              max-width: 392px
       }

       #cloud-site .l-pad-left-50+.l-showcase-image,
       #cloud-site .l-pad-right-50+.l-showcase-image {
              max-width: 400px
       }

       #cloud-site .l-pad-left-51+.l-showcase-image,
       #cloud-site .l-pad-right-51+.l-showcase-image {
              max-width: 408px
       }

       #cloud-site .l-pad-left-52+.l-showcase-image,
       #cloud-site .l-pad-right-52+.l-showcase-image {
              max-width: 416px
       }

       #cloud-site .l-pad-left-53+.l-showcase-image,
       #cloud-site .l-pad-right-53+.l-showcase-image {
              max-width: 424px
       }

       #cloud-site .l-pad-left-54+.l-showcase-image,
       #cloud-site .l-pad-right-54+.l-showcase-image {
              max-width: 432px
       }

       #cloud-site .l-pad-left-55+.l-showcase-image,
       #cloud-site .l-pad-right-55+.l-showcase-image {
              max-width: 440px
       }

       #cloud-site .l-pad-left-56+.l-showcase-image,
       #cloud-site .l-pad-right-56+.l-showcase-image {
              max-width: 448px
       }

       #cloud-site .l-pad-left-57+.l-showcase-image,
       #cloud-site .l-pad-right-57+.l-showcase-image {
              max-width: 456px
       }

       #cloud-site .l-pad-left-58+.l-showcase-image,
       #cloud-site .l-pad-right-58+.l-showcase-image {
              max-width: 464px
       }

       #cloud-site .l-pad-left-59+.l-showcase-image,
       #cloud-site .l-pad-right-59+.l-showcase-image {
              max-width: 472px
       }

       #cloud-site .l-pad-left-60+.l-showcase-image,
       #cloud-site .l-pad-right-60+.l-showcase-image {
              max-width: 480px
       }
}

ul.no-style {
       list-style: none;
       padding: 0
}

.alternate-left>*,
.alternate-right>* {
       margin: 20px 0
}

.alternate-left.wrap-250>div:not(.spacer),
.alternate-right.wrap-250>div:not(.spacer) {
       min-width: 250px
}

.border-bottom {
       border-bottom: 1px solid #dadce0
}

.border-color-dark-blue {
       border-color: #185abc
}

.border-top-3 {
       border-top: 3px solid
}

.disp-b {
       display: block
}

.f-medium {
       font-weight: 500
}

.flex {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.flex--col,
.flex-c {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.flex--row,
.flex-r {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row
}

.flex-ac {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center
}

.flex-as {
       -webkit-box-align: start;
       -webkit-align-items: flex-start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start
}

.flex-jc {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.flex-center {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.flex-1 {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

.flex-2 {
       -webkit-box-flex: 2;
       -webkit-flex: 2;
       -moz-box-flex: 2;
       -ms-flex: 2;
       flex: 2
}

#cloud-site .flex-3,
.flex-3 {
       -webkit-box-flex: 3;
       -webkit-flex: 3;
       -moz-box-flex: 3;
       -ms-flex: 3;
       flex: 3
}

.flex-5 {
       -webkit-box-flex: 5;
       -webkit-flex: 5;
       -moz-box-flex: 5;
       -ms-flex: 5;
       flex: 5
}

#cloud-site .flex-9,
.flex-9 {
       -webkit-box-flex: 9;
       -webkit-flex: 9;
       -moz-box-flex: 9;
       -ms-flex: 9;
       flex: 9
}

.min-w-150 {
       min-width: 150px
}

.min-w-200 {
       min-width: 200px
}

.min-w-250 {
       min-width: 250px
}

.min-w-300 {
       min-width: 300px
}

.narrow-centered {
       margin-left: auto;
       margin-right: auto;
       max-width: 650px
}

.no-margin {
       margin: 0 !important
}

.nowrap {
       white-space: nowrap
}

.rel {
       position: relative
}

.with-padding {
       padding-left: 8%;
       padding-right: 8%
}

.wrap {
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

#cloud-site .affix {
       position: fixed
}

#cloud-site .align-items-center {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

#cloud-site .justify-right {
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

#cloud-site .justify-left {
       -webkit-box-pack: start;
       -webkit-justify-content: flex-start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start
}

#cloud-site .justify-center {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

#cloud-site .full-bleed-section,
#social-footer.full-bleed-section {
       margin-left: calc(50% - 50vw);
       margin-right: calc(50% - 50vw);
       padding-left: calc(50vw - 50%);
       padding-right: calc(50vw - 50%);
       width: auto
}

#cloud-site .is-hidden {
       display: none !important
}

#cloud-site .is-visible {
       display: block !important
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .is-hidden-mobile {
              display: none !important
       }

       #cloud-site .is-visible-mobile {
              display: block !important
       }

       #cloud-site .is-visible-row-mobile {
              display: table-row !important
       }
}

@media (min-width:768px) {
       .is-hidden-desktop {
              display: none !important
       }
}

@media (min-width:1024px) {
       .is-hidden-desktop-large {
              display: none !important
       }
}

@media (max-width:767px) {
       .is-hidden-tablet {
              display: none !important
       }
}

@media (max-width:1023px) {
       .is-hidden-tablet-large {
              display: none !important
       }
}

.lb-play-overlay {
       display: inline-block;
       position: relative
}

.lb-play-overlay img {
       vertical-align: top
}

.lb-play-overlay:after {
       bottom: 0;
       content: "";
       display: block;
       left: 0;
       position: absolute;
       right: 0;
       top: 0
}

.background-grey .lb-play-overlay:after {
       bottom: 10px;
       left: 10px;
       right: 10px;
       top: 10px
}

.lb-play-overlay:before {
       position: absolute;
       visibility: hidden
}

.lb-play-button-80:before {
       content: url(../images/icons/vdbtn_hover.svg)
}

.lb-play-button-80:after {
       background: rgba(0, 0, 0, .2) url(../images/icons/vdbtn_default.svg) no-repeat 50% 50%
}

.lb-play-button-80:hover:after {
       background: rgba(0, 0, 0, .2) url(../images/icons/vdbtn_hover.svg) no-repeat 50% 50%
}

.lb-play-button-60:after {
       background: rgba(0, 0, 0, .2) url(../images/icons/vdbtn_small.svg) no-repeat 50% 50%
}

.lb-play-button-60:before {
       content: url(../images/icons/vdbtn_hover_small.svg)
}

.lb-play-button-60:hover:after {
       background: rgba(0, 0, 0, .2) url(../images/icons/vdbtn_hover_small.svg) no-repeat 50% 50%
}

#cloud-site .button {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 3px 1px rgba(0, 0, 0, .15);
       border: none;
       border-radius: 2px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: inline-block;
       font-size: 14px;
       font-weight: 400;
       height: auto;
       letter-spacing: .01em;
       line-height: 32px;
       margin: 0;
       overflow: hidden;
       padding: 0 16px;
       text-align: center;
       text-decoration: none;
       text-transform: uppercase;
       -webkit-transition: box-shadow .3s, background-color .3s, color .3s, -webkit-transform .3s;
       transition: box-shadow .3s, background-color .3s, color .3s, -webkit-transform .3s;
       transition: box-shadow .3s, background-color .3s, color .3s, transform .3s;
       transition: box-shadow .3s, background-color .3s, color .3s, transform .3s, -webkit-transform .3s
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .button {
              display: block
       }
}

#cloud-site .button:hover {
       border: none
}

#cloud-site .button.button-secondary {
       background: rgba(175, 190, 197, .87);
       color: hsla(0, 0%, 100%, .87)
}

#cloud-site .button.button-secondary:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 2px 6px 2px rgba(60, 64, 67, .15);
       background: rgba(82, 110, 122, .87) !important;
       border: none
}

#cloud-site .button.button-cloud,
#cloud-site .button.button-logo,
#cloud-site .button.button-plain {
       box-shadow: inherit
}

#cloud-site .button.button-cloud {
       background: #4285f4 url(../images/products/logos/svg/gcp-button-icon.svg) 16px 12px no-repeat;
       color: #fff;
       padding-left: 56px
}

#cloud-site .button.button-cloud:focus,
#cloud-site .button.button-cloud:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 2px 6px 2px rgba(60, 64, 67, .15);
       background-color: #669df6;
       border: none
}

#cloud-site .button.button-logo {
       background: #4285f4 16px 50% no-repeat;
       color: #fff;
       padding: 0 36px 0 58px
}

#cloud-site .button.button-plain {
       background: #fff;
       border: 1px solid #dadce0;
       color: #4285f4
}

#cloud-site .button.button-plain:focus,
#cloud-site .button.button-plain:hover {
       background-color: #f8fafe;
       color: #4285f4
}

#cloud-site .button.button-small {
       font-size: 12px;
       line-height: 24px;
       padding: 0 8px
}

#cloud-site .button.button-large {
       font-size: 14px;
       font-weight: 500;
       line-height: 48px;
       padding: 0 48px
}

#cloud-site .button.button-inverse {
       background: #4a5960;
       box-shadow: none;
       color: #fff
}

#cloud-site .button.button-inverse:focus,
#cloud-site .button.button-inverse:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 2px 6px 2px rgba(60, 64, 67, .15);
       background: #4a5960;
       border: none;
       color: #fff
}

#cloud-site .button.compute-button,
#cloud-site .hero.product-hero .button.compute-button {
       background-image: url(../images/products/logos/svg/compute-button-icon.svg)
}

#cloud-site .button.appengine-button,
#cloud-site .hero.product-hero .button.appengine-button {
       background-image: url(../images/products/logos/svg/appengine-button-icon.svg)
}

#cloud-site .button.container-engine-button,
#cloud-site .hero.product-hero .button.container-engine-button {
       background-image: url(../images/products/logos/svg/container-engine-button-icon.svg)
}

#cloud-site .button.kubernetes-engine-button,
#cloud-site .hero.product-hero .button.kubernetes-engine-button {
       background-image: url(../images/products/logos/svg/kubernetes-engine-button-icon.svg)
}

#cloud-site .button.dataprep-button,
#cloud-site .hero.product-hero .button.dataprep-button {
       background-image: url(../images/products/logos/svg/dataprep-button-icon.svg)
}

#cloud-site .button.container-registry-button,
#cloud-site .hero.product-hero .button.container-registry-button {
       background-image: url(../images/products/logos/svg/container-registry-button-icon.svg)
}

#cloud-site .button.functions-button,
#cloud-site .hero.product-hero .button.functions-button {
       background-image: url(../images/products/logos/svg/functions-button-icon.svg)
}

#cloud-site .button.storage-button,
#cloud-site .hero.product-hero .button.storage-button {
       background-image: url(../images/products/logos/svg/storage-button-icon.svg)
}

#cloud-site .button.sql-button,
#cloud-site .hero.product-hero .button.sql-button {
       background-image: url(../images/products/logos/svg/sql-button-icon.svg)
}

#cloud-site .button.bigtable-button,
#cloud-site .hero.product-hero .button.bigtable-button {
       background-image: url(../images/products/logos/svg/bigtable-button-icon.svg)
}

#cloud-site .button.datastore-button,
#cloud-site .hero.product-hero .button.datastore-button {
       background-image: url(../images/products/logos/svg/datastore-button-icon.svg)
}

#cloud-site .button.persistent-disk-button,
#cloud-site .hero.product-hero .button.persistent-disk-button {
       background-image: url(../images/products/logos/svg/persistent-disk-button-icon.svg)
}

#cloud-site .button.virtual-network-button,
#cloud-site .hero.product-hero .button.virtual-network-button {
       background-image: url(../images/products/logos/svg/virtual-network-button-icon.svg)
}

#cloud-site .button.load-balancing-button,
#cloud-site .hero.product-hero .button.load-balancing-button {
       background-image: url(../images/products/logos/svg/load-balancing-button-icon.svg)
}

#cloud-site .button.cdn-button,
#cloud-site .hero.product-hero .button.cdn-button {
       background-image: url(../images/products/logos/svg/cdn-button-icon.svg)
}

#cloud-site .button.interconnect-button,
#cloud-site .hero.product-hero .button.interconnect-button {
       background-image: url(../images/products/logos/svg/interconnect-button-icon.svg)
}

#cloud-site .button.dns-button,
#cloud-site .hero.product-hero .button.dns-button {
       background-image: url(../images/products/logos/svg/dns-button-icon.svg)
}

#cloud-site .button.bigquery-button,
#cloud-site .hero.product-hero .button.bigquery-button {
       background-image: url(../images/products/logos/svg/bigquery-button-icon.svg)
}

#cloud-site .button.dataflow-button,
#cloud-site .hero.product-hero .button.dataflow-button {
       background-image: url(../images/products/logos/svg/dataflow-button-icon.svg)
}

#cloud-site .button.dataproc-button,
#cloud-site .hero.product-hero .button.dataproc-button {
       background-image: url(../images/products/logos/svg/dataproc-button-icon.svg)
}

#cloud-site .button.composer-button,
#cloud-site .hero.product-hero .button.composer-button {
       background-image: url(../images/products/logos/svg/composer-button-icon.svg)
}

#cloud-site .button.datalab-button,
#cloud-site .hero.product-hero .button.datalab-button {
       background-image: url(../images/products/logos/svg/datalab-button-icon.svg)
}

#cloud-site .button.datastudio-button,
#cloud-site .hero.product-hero .button.datastudio-button {
       background-image: url(../images/products/logos/svg/datastudio-button-icon.svg)
}

#cloud-site .button.pubsub-button,
#cloud-site .hero.product-hero .button.pubsub-button {
       background-image: url(../images/products/logos/svg/pubsub-button-icon.svg)
}

#cloud-site .button.genomics-button,
#cloud-site .hero.product-hero .button.genomics-button {
       background-image: url(../images/products/logos/svg/genomics-button-icon.svg)
}

#cloud-site .button.ml-button,
#cloud-site .hero.product-hero .button.ml-button {
       background-image: url(../images/products/logos/svg/ml-button-icon.svg)
}

#cloud-site .button.vision-button,
#cloud-site .hero.product-hero .button.vision-button {
       background-image: url(../images/products/logos/svg/vision-button-icon.svg)
}

#cloud-site .button.speech-button,
#cloud-site .hero.product-hero .button.speech-button {
       background-image: url(../images/products/logos/svg/speech-button-icon.svg)
}

#cloud-site .button.natural-language-button,
#cloud-site .hero.product-hero .button.natural-language-button {
       background-image: url(../images/products/logos/svg/natural-language-button-icon.svg)
}

#cloud-site .button.translate-button,
#cloud-site .hero.product-hero .button.translate-button {
       background-image: url(../images/products/logos/svg/translate-button-icon.svg)
}

#cloud-site .button.stackdriver-button,
#cloud-site .hero.product-hero .button.stackdriver-button {
       background-image: url(../images/products/logos/svg/stackdriver-button-icon.svg)
}

#cloud-site .button.monitoring-button,
#cloud-site .hero.product-hero .button.monitoring-button {
       background-image: url(../images/products/logos/svg/monitoring-button-icon.svg)
}

#cloud-site .button.logging-button,
#cloud-site .hero.product-hero .button.logging-button {
       background-image: url(../images/products/logos/svg/logging-button-icon.svg)
}

#cloud-site .button.error-reporting-button,
#cloud-site .hero.product-hero .button.error-reporting-button {
       background-image: url(../images/products/logos/svg/error-reporting-button-icon.svg)
}

#cloud-site .button.trace-button,
#cloud-site .hero.product-hero .button.trace-button {
       background-image: url(../images/products/logos/svg/trace-button-icon.svg)
}

#cloud-site .button.debugger-button,
#cloud-site .hero.product-hero .button.debugger-button {
       background-image: url(../images/products/logos/svg/debugger-button-icon.svg)
}

#cloud-site .button.deployment-manager-button,
#cloud-site .hero.product-hero .button.deployment-manager-button {
       background-image: url(../images/products/logos/svg/monitoring-button-icon.svg)
}

#cloud-site .button.endpoints-button,
#cloud-site .hero.product-hero .button.endpoints-button {
       background-image: url(../images/products/logos/svg/endpoints-button-icon.svg)
}

#cloud-site .button.powershell-button,
#cloud-site .hero.product-hero .button.powershell-button {
       background-image: url(../images/products/logos/svg/devtools-button-icon.svg)
}

#cloud-site .button.visual-studio-button,
#cloud-site .hero.product-hero .button.visual-studio-button {
       background-image: url(../images/products/logos/svg/devtools-button-icon.svg)
}

#cloud-site .button.iam-button,
#cloud-site .hero.product-hero .button.iam-button {
       background-image: url(../images/products/logos/svg/iam-button-icon.svg)
}

#cloud-site .button.apis-button,
#cloud-site .hero.product-hero .button.apis-button {
       background-image: url(../images/products/logos/svg/api-button-icon.svg)
}

#cloud-site .button.gcp-button,
#cloud-site .hero.product-hero .button.gcp-button {
       background-image: url(../images/products/logos/svg/gcp-button-icon.svg)
}

#cloud-site .button.jobs-api-button,
#cloud-site .hero.product-hero .button.jobs-api-button {
       background-image: url(../images/products/logos/svg/jobs-api-button-icon.svg)
}

#cloud-site .button.dialogflow-enterprise-button,
#cloud-site .hero.product-hero .button.dialogflow-enterprise-button {
       background-image: url(../images/products/logos/svg/dialogflow-enterprise-button-icon.svg)
}

#cloud-site .button.profile-api-button,
#cloud-site .hero.product-hero .button.profile-api-button {
       background-image: url(../images/products/logos/svg/profile-api-button-icon.svg)
}

#cloud-site .button.kms-button,
#cloud-site .hero.product-hero .button.kms-button {
       background-image: url(../images/products/logos/svg/kms-button-icon.svg)
}

#cloud-site .button.spanner-button,
#cloud-site .hero.product-hero .button.spanner-button {
       background-image: url(../images/products/logos/svg/spanner-button-icon.svg)
}

#cloud-site .button.container-optimized-os-button,
#cloud-site .hero.product-hero .button.container-optimized-os-button {
       background-image: url(../images/products/logos/svg/container-optimized-os-button-icon.svg)
}

#cloud-site .button.beyondcorp-button,
#cloud-site .hero.product-hero .button.beyondcorp-button {
       background-image: url(../images/products/logos/svg/beyondcorp-button-icon.svg)
}

#cloud-site .button.iap-button,
#cloud-site .hero.product-hero .button.iap-button {
       background-image: url(../images/products/logos/svg/iap-button-icon.svg)
}

#cloud-site .button.dlp-button,
#cloud-site .hero.product-hero .button.dlp-button {
       background-image: url(../images/products/logos/svg/dlp-button-icon.svg)
}

#cloud-site .button.security-key-button,
#cloud-site .hero.product-hero .button.security-key-button {
       background-image: url(../images/products/logos/svg/security-key-button-icon.svg)
}

#cloud-site .button.video-intelligence-button,
#cloud-site .hero.product-hero .button.video-intelligence-button {
       background-image: url(../images/products/logos/svg/video-intelligence-button-icon.svg)
}

#cloud-site .button.gpu-button,
#cloud-site .hero.product-hero .button.gpu-button {
       background-image: url(../images/products/logos/svg/gpu-button-icon.svg)
}

#cloud-site .button.launcher-button,
#cloud-site .hero.product-hero .button.launcher-button {
       background-image: url(../images/products/logos/svg/launcher-button-icon.svg)
}

#cloud-site .button.iot-button,
#cloud-site .hero.product-hero .button.iot-button {
       background-image: url(../images/products/logos/svg/iot-button-icon.svg)
}

#cloud-site .button.asl-button,
#cloud-site .hero.product-hero .button.asl-button {
       background-image: url(../images/products/logos/svg/asl-button-icon.svg)
}

#cloud-site .button.data-transfer-button,
#cloud-site .hero.product-hero .button.data-transfer-button {
       background-image: url(../images/products/logos/svg/data-transfer-button-icon.svg)
}

#cloud-site .button.api-platforms-button,
#cloud-site .hero.product-hero .button.api-platforms-button {
       background-image: url(../images/products/logos/svg/api-platforms-button-icon.svg)
}

#cloud-site .button.api-analytics-button,
#cloud-site .hero.product-hero .button.api-analytics-button {
       background-image: url(../images/products/logos/svg/api-analytics-button-icon.svg)
}

#cloud-site .button.api-monetization-button,
#cloud-site .hero.product-hero .button.api-monetization-button {
       background-image: url(../images/products/logos/svg/api-monetization-button-icon.svg)
}

#cloud-site .button.apigee-sense-button,
#cloud-site .hero.product-hero .button.apigee-sense-button {
       background-image: url(../images/products/logos/svg/apigee-sense-button-icon.svg)
}

#cloud-site .button.cloud-tasks-button,
#cloud-site .hero.product-hero .button.cloud-tasks-button {
       background-image: url(../images/products/logos/svg/cloud-tasks-button-icon.svg)
}

#cloud-site .button.developer-portal-button,
#cloud-site .hero.product-hero .button.developer-portal-button {
       background-image: url(../images/products/logos/svg/developer-portal-button-icon.svg)
}

#cloud-site .button.automl-button,
#cloud-site .hero.product-hero .button.automl-button {
       background-image: url(../images/products/logos/svg/automl-button-icon.svg)
}

#cloud-site .button.tpu-button,
#cloud-site .hero.product-hero .button.tpu-button {
       background-image: url(../images/products/logos/svg/tpu-button-icon.svg)
}

#cloud-site .button.marketplace-button,
#cloud-site .hero.product-hero .button.marketplace-button {
       background-image: url(../images/products/logos/svg/marketplace-button-icon.svg)
}

#cloud-site .cta-bar {
       text-align: center
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .cta-bar {
              padding: 0 32px
       }
}

#cloud-site .cta-bar .button {
       margin: 0 8px
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .cta-bar .button {
              display: block;
              margin: 16px 0
       }
}

#cloud-site .cta-button {
       text-align: center
}

#cloud-site .cta-button .button {
       font-weight: 700;
       margin: 0 auto
}

@media handheld and (max-width:400px),
screen and (max-device-width:400px),
screen and (max-width:768px) {
       #cloud-site .cta-button .button {
              display: block;
              margin: 16px 0;
              padding: 0 32px
       }
}

body[theme=cloud-theme] .devsite-doc-set-nav-row .devsite-breadcrumb-list,
body[theme=cloud-theme] .devsite-doc-set-nav-row .devsite-product-button-row {
       z-index: 101
}

body[theme=cloud-theme] .devsite-site-logo {
       width: 139px
}

body[theme=cloud-theme] #devsite-hamburger-menu:focus {
       background-color: rgba(60, 64, 67, .08);
       border-radius: 50%
}

body[theme=cloud-theme] .devsite-header-upper-tabs {
       margin: 0 0 0 10px
}

body[theme=cloud-theme] .devsite-top-logo-row {
       padding-left: 16px
}

body[theme=cloud-theme] .devsite-top-logo-row,
body[theme=cloud-theme] .upper-tabs {
       height: 64px
}

body[theme=cloud-theme] .upper-tabs tab[dropdown][clickable][active]:hover>a {
       border-bottom-color: transparent
}

body[theme=cloud-theme] .devsite-mobile-nav-top .devsite-nav-list .devsite-nav-item a[track-name=console] {
       display: none
}

body[theme=cloud-theme][signed-in] .devsite-mobile-nav-top .devsite-nav-list .devsite-nav-item a[track-name=console] {
       display: inline-block
}

body[theme=cloud-theme] .cloud-free-trial-button.cloud-free-trial-enabled {
       display: none
}

body[theme=cloud-theme] .cloud-free-trial-button.cloud-free-trial-disabled {
       display: block
}

body[theme=cloud-theme][free-trial] .cloud-free-trial-button.cloud-free-trial-enabled,
body[theme=cloud-theme][free-trial] .cloud-free-trial-button.cta-button-primary {
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex
}

body[theme=cloud-theme][free-trial] .cloud-free-trial-button.cloud-free-trial-disabled {
       display: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-nav-menu-product {
       background: url(../images/navigation/products_bg.svg) no-repeat bottom -2px right 40px/35%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-nav-menu-solutions {
       background: url(../images/navigation/solutions_bg.svg) no-repeat bottom -1px right 30px/240px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable][active]>a {
       border-bottom: 3px solid #4285f4
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable][dropdown--open] .devsite-icon-arrow-drop-down,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable][dropdown--open] .devsite-tabs-dropdown {
       visibility: visible
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable][dropdown--open]>a {
       border-bottom-color: transparent
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable]>a {
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       font: 400 14px/22px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       outline: none;
       padding: 0 10px;
       text-transform: capitalize
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable]>a:after {
       visibility: hidden
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-nav-column-hidden {
       display: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-nav-border-right {
       border-right: 1px solid #dadce0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable]:hover .devsite-icon-arrow-drop-down {
       visibility: visible
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item a {
       text-decoration: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item:hover .devsite-nav-item-title {
       background-color: rgba(23, 78, 166, .04)
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item:focus-within .devsite-nav-item-title {
       background-color: rgba(23, 78, 166, .12);
       border-radius: 4px;
       box-shadow: inset 0 0 0 2px #1a73e8;
       color: #1a73e8
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item:focus-within .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item:hover .devsite-nav-item-title {
       color: #174ea6
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item:focus-within .devsite-nav-item-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item:hover .devsite-nav-item-description {
       text-decoration: underline
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .devsite-nav-item .devsite-nav-item-title {
       color: #202124
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-nav-full-width-cta {
       bottom: 0;
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       left: 0;
       margin: 0;
       padding: 15px;
       text-align: center
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-nav-full-width-cta a {
       color: #4285f4
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-nav-full-width-cta a:after {
       border-top: 1px solid #e8eaed;
       bottom: 0;
       content: "";
       height: 50px;
       left: -500px;
       position: absolute;
       width: calc(500px + 100vw)
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-nav-full-width-cta a .devsite-nav-item-title {
       color: inherit
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown-noheading {
       padding-top: 60px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container {
       width: 65%
}

@media (max-width:1024px) {
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container {
              width: 100%
       }
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-title {
       letter-spacing: 0;
       margin-bottom: 24px;
       text-transform: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .devsite-nav-item-title,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .devsite-nav-item-title {
       color: #1a73e8
}

@media (min-width:1352px) {
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable]>a {
              line-height: 16px;
              margin: 0 0 0 12px;
              padding: 0 6px
       }
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section.cloud-dropdown-inline-links {
       margin-bottom: 36px;
       overflow: auto
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section.cloud-dropdown-inline-links:first-child {
       clear: right;
       font-size: 15px;
       width: 100%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section.cloud-dropdown-inline-links:last-child {
       margin-bottom: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-links-only .devsite-nav-item {
       margin-bottom: 24px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-links-only .devsite-nav-item:last-child {
       margin-bottom: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item {
       color: #9aa0a6;
       display: inline-block;
       float: left;
       margin: 0;
       padding-bottom: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item:nth-child(n+2) {
       font: 400 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       margin-right: 4px;
       margin-top: 5px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item:nth-child(n+2) a {
       color: #80868b;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item:nth-child(n+2) a:after {
       content: "·";
       display: inline-block;
       left: 0;
       position: relative
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item:first-child {
       width: 100%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item:first-child a:after {
       content: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-inline-links .devsite-nav-item:last-child a:after {
       content: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .cloud-dropdown-section-top-border {
       border-top: 1px solid #dadce0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][dropdown-full] .devsite-tabs-dropdown {
       background: #fff;
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       left: 0;
       max-height: calc(100vh - 64px);
       overflow-x: hidden;
       overflow-y: auto;
       padding: 0;
       pointer-events: all;
       position: fixed;
       top: 64px;
       -webkit-transition: inherit;
       transition: inherit;
       visibility: hidden;
       width: 100vw
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-icon-arrow-drop-down {
       bottom: 14px;
       margin: 0;
       padding: 0;
       position: absolute;
       visibility: hidden;
       width: 100%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-icon-arrow-drop-down:before {
       background: url(../images/navigation/chevron_down_black.png) 50%/12px no-repeat;
       content: "";
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 12px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-left: -12px;
       position: absolute;
       width: 100%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-column {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       padding: 40px 20px;
       width: auto !important
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-column.cloud-nav-half-width {
       -webkit-box-flex: 2;
       -webkit-flex-grow: 2;
       -moz-box-flex: 2;
       -ms-flex-positive: 2;
       flex-grow: 2
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown .devsite-tabs-dropdown-content {
       background: none;
       border: none;
       box-shadow: none;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       margin: auto;
       max-height: none;
       max-width: 1400px;
       overflow: visible;
       padding: 0;
       -webkit-transition: -webkit-transform 0s;
       transition: -webkit-transform 0s;
       transition: transform 0s;
       transition: transform 0s, -webkit-transform 0s
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown .devsite-tabs-dropdown-content .cloud-dropdown-section-top-border {
       margin: 24px 0 0;
       padding: 16px 0 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section {
       margin: 0;
       padding: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section:first-child {
       margin-top: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section li {
       line-height: 24px;
       margin: 0 0 36px;
       padding: 0;
       white-space: normal
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section li:last-child {
       margin-bottom: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section li.devsite-nav-description {
       color: #80868b;
       font: 400 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-nav-title {
       color: #5f6368
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-toggle {
       border: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section .devsite-nav-item {
       font-size: 16px;
       line-height: 21px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-dropdown-section .devsite-nav-item-description {
       color: #80868b;
       font: 400 14px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       margin-top: 8px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown] .devsite-tabs-close-button {
       top: 5px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin-left: -18px;
       max-height: 550px;
       padding-right: 8px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title {
       color: #202124;
       font-size: 28px;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       line-height: 36px;
       margin: 0 0 16px;
       text-transform: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-item-description {
       color: #5f6368;
       line-height: 24px;
       letter-spacing: .15px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-description {
       color: #5f6368;
       font-size: 16px;
       line-height: 28px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-item {
       padding-right: 16px;
       position: relative
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-item a {
       font: 500 16px/24px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] li .devsite-nav-item-title {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-icon-container {
       float: left;
       margin-right: 15px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu-button {
       background: #f8f9fa;
       border-top: 1px solid #f8f9fa;
       bottom: 0;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 2px 8px 3px rgba(60, 64, 67, .15);
       padding: 24px 28px;
       width: 100%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu-button a {
       border: 1px solid #dadce0;
       border-radius: 4px;
       color: #1a73e8;
       font: 500 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       padding: 11px 0;
       text-align: center
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu-button a:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu-button a:hover {
       background-color: #e8f0fe;
       border-color: #d2e3fc;
       text-decoration: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu {
       background: #f8f9fa;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-basis: 25%;
       -ms-flex-preferred-size: 25%;
       flex-basis: 25%;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-height: 550px;
       max-width: 353px;
       min-width: 270px;
       overflow: auto;
       position: relative
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul {
       height: 100%;
       margin: 0;
       overflow-y: auto;
       padding: 36px 28px 10px 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul::-webkit-scrollbar {
       -webkit-appearance: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul::-webkit-scrollbar:vertical {
       width: 8px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul::-webkit-scrollbar-thumb {
       background-color: #dadce0;
       border-radius: 8px;
       border: 2px solid #dadce0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul li {
       list-style: none;
       margin: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul li a {
       border-bottom-right-radius: 25px;
       border-top-right-radius: 25px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       color: #000;
       cursor: pointer;
       font: 400 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       letter-spacing: .15px;
       margin-bottom: 4px;
       padding: 5px 10px 5px 28px;
       width: 100%
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul li a:focus,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul li a:hover {
       background: #e8eaed;
       text-decoration: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul li a[active] {
       background: #e8eaed;
       font-weight: 500;
       letter-spacing: .06px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-content {
       height: auto;
       margin: 0;
       overflow-y: auto
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-content .devsite-tabs-dropdown-column {
       -webkit-align-content: flex-start;
       -ms-flex-line-pack: start;
       align-content: flex-start;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       padding: 30px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-content .dropdown-tabbed-menu-column {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-content .dropdown-tabbed-menu-column[hidden] {
       display: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section {
       -webkit-flex-basis: 33%;
       -ms-flex-preferred-size: 33%;
       flex-basis: 33%;
       margin-bottom: 32px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section a {
       line-height: 26px;
       margin-bottom: -3px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section .devsite-nav-description {
       color: #5f6368;
       font-size: 16px;
       line-height: 28px;
       letter-spacing: .1px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section.cloud-dropdown-menu-heading {
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       margin-bottom: 35px;
       padding: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section.cloud-dropdown-menu-heading .devsite-nav-title {
       font-weight: 400
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-item-icon-container+.devsite-nav-item-title+.devsite-nav-item-description {
       padding-left: 40px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-item-icon-container {
       float: left;
       margin-right: 16px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-item-icon-container img {
       display: block;
       height: 24px;
       width: 24px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading a {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading:focus .devsite-nav-item-icon-container,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading:hover .devsite-nav-item-icon-container {
       -webkit-filter: contrast(.6);
       filter: contrast(.6);
       -webkit-transition-timing-function: ease-in-out;
       transition-timing-function: ease-in-out;
       -webkit-transform: translateX(4px);
       transform: translateX(4px)
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading .devsite-nav-item-icon-container {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2;
       position: relative;
       -webkit-transition-duration: .2s;
       transition-duration: .2s
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading .devsite-nav-item-icon-container img {
       float: right;
       height: 18px;
       margin: 10px 0 0 16px;
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2;
       width: 18px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading .devsite-nav-item-title {
       color: #202124;
       display: inline-block;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 28px;
       font-weight: 400;
       line-height: 36px;
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1;
       text-transform: none
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-nav-title-heading .devsite-nav-item-icon-container+.devsite-nav-item-title+.devsite-nav-item-description {
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
       font-size: 16px;
       line-height: 28px;
       margin: 16px 0 0;
       -webkit-box-ordinal-group: 4;
       -webkit-order: 3;
       -moz-box-ordinal-group: 4;
       -ms-flex-order: 3;
       order: 3;
       padding: 0
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .cloud-dropdown-top-border {
       border-top: 1px solid #e8eaed;
       padding-top: 8px
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .cloud-dropdown-top-border a,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .cloud-dropdown-top-border a:visited {
       color: #4285f4;
       font: 500 14px/24px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
}

body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .cloud-dropdown-top-border .devsite-nav-description {
       color: #5f6368;
       font: 400 14px/24px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       letter-spacing: .15px;
       margin: 0 0 8px;
       padding: 0
}

@media screen and (min-width:1345px) {
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section {
              -webkit-flex-basis: 25%;
              -ms-flex-preferred-size: 25%;
              flex-basis: 25%
       }
}

@media screen and (max-width:1045px) {
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown {
              height: calc(100vh - 64px);
              max-height: none
       }

       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown-section {
              -webkit-flex-basis: 50%;
              -ms-flex-preferred-size: 50%;
              flex-basis: 50%
       }

       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu {
              max-height: none
       }

       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul {
              height: 100%;
              max-height: none
       }
}

@media screen and (max-height:580px) {
       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .devsite-tabs-dropdown {
              height: calc(100vh - 64px);
              max-height: none
       }

       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu {
              max-height: none
       }

       body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][generated-tab-menu] .dropdown-tabbed-menu ul {
              height: 100%;
              max-height: none
       }
}

body[theme=cloud-theme] cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active][position=right]>a {
       color: #202124;
       font-weight: 400
}

body[theme=cloud-theme] cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active][position=right]>a:after {
       border-color: #4285f4;
       border-width: 3px
}

body[theme=cloud-theme] cloudx-additional-tabs>tab[active]>a {
       border-bottom: 3px solid #4285f4;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       color: #202124;
       padding-top: 3px
}

body[theme=cloud-theme] devsite-header .cloud-nav-drawer-toggle {
       display: none
}

@media screen and (max-width:840px) {
       body[theme=cloud-theme] devsite-book-nav [data-icon=forward] {
              display: none
       }

       body[theme=cloud-theme] devsite-book-nav nav.devsite-book-nav .devsite-book-nav-wrapper .devsite-mobile-nav-top .devsite-nav-list .devsite-nav-item a.devsite-nav-title.devsite-nav-has-children.devsite-nav-active~.devsite-nav-responsive-tabs .devsite-nav-item {
              padding-top: 0
       }

       body[theme=cloud-theme] devsite-book-nav devsite-book-nav .devsite-expandable-nav>.devsite-nav-section {
              margin-top: 13px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              -webkit-box-pack: justify;
              -webkit-justify-content: space-between;
              -moz-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              padding-left: 12px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list .button.cta-button-primary,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list .button.cta-button-secondary {
              display: none
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list .button.cta-button-primary.cta-button-mobile,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list .button.cta-button-secondary.cta-button-mobile {
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              height: 44px;
              margin-top: 23px;
              text-align: center;
              width: calc(100% - 10px)
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list li .devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list li li .devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list li li li .devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list li li li li .devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list li li li li li .devsite-nav-title {
              padding-left: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
              border: 0;
              margin-bottom: 0;
              margin-top: 0;
              padding: 13px 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>.devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-title {
              font-weight: 400;
              padding-bottom: 0;
              padding-right: 24px;
              padding-top: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>.devsite-nav-responsive-tabs:not(.devsite-nav-has-menu),
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-responsive-tabs:not(.devsite-nav-has-menu) {
              margin-top: 8px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>.devsite-nav-responsive-tabs>.devsite-nav-item>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-responsive-tabs>.devsite-nav-item>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item {
              padding-bottom: 0;
              padding-top: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item>.devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>.devsite-nav-responsive-tabs>.devsite-nav-item>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item>.devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item>.devsite-nav-title,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-responsive-tabs>.devsite-nav-item>.devsite-nav-responsive-tabs.devsite-nav-has-menu>.devsite-nav-item>.devsite-nav-title {
              display: block
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child>a.devsite-nav-has-children.devsite-nav-active,
       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>a.devsite-nav-has-children.devsite-nav-active {
              margin-bottom: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-mobile-header {
              height: 64px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-heading :not(.devsite-nav-divider) {
              margin-top: 15px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-heading>.devsite-nav-title {
              font-size: 16px;
              font-weight: 400;
              letter-spacing: .25px;
              line-height: 22px;
              padding-left: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item {
              margin: 0;
              padding-left: 20px;
              padding-top: 13px;
              padding-bottom: 13px;
              position: relative
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable .devsite-nav-expandable .devsite-nav-expandable a.devsite-nav-toggle,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable .devsite-nav-expandable a.devsite-nav-toggle,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable a.devsite-nav-toggle {
              left: -20px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item:last-child {
              margin-bottom: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-heading {
              margin-left: -12px;
              margin-top: 12px;
              padding-left: 12px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item a {
              margin: 0;
              padding: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable .devsite-nav-expandable .devsite-nav-expandable a.devsite-nav-title.devsite-nav-active,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable .devsite-nav-expandable a.devsite-nav-title.devsite-nav-active,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable a.devsite-nav-title.devsite-nav-active,
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item a.devsite-nav-title.devsite-nav-active {
              border-bottom-right-radius: 26px;
              border-top-right-radius: 26px;
              margin: -6px 0 -6px -100%;
              padding: 6px 0 6px 100%;
              background-color: #f8f9fa;
              color: #3c4043
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-responsive-tabs .devsite-nav-icon[data-icon=forward]:not([menu=_book]),
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-responsive-tabs .devsite-nav-item a.devsite-nav-title .devsite-nav-icon[data-icon=forward] {
              bottom: -17px;
              display: block;
              margin: 0;
              padding: 8px;
              position: absolute;
              right: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-responsive-tabs.devsite-lower-tab-item .devsite-nav-icon[data-icon=forward]:not([menu=_book]),
       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-responsive-tabs.devsite-lower-tab-item .devsite-nav-item a.devsite-nav-title .devsite-nav-icon[data-icon=forward] {
              bottom: -6px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-responsive-tabs .devsite-nav-item a.devsite-nav-title .devsite-nav-icon[data-icon=forward] {
              bottom: 7px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-title {
              margin-top: 0
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item .devsite-nav-item:first-child:last-child .devsite-nav-text {
              display: none
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-item.devsite-nav-expandable .devsite-nav-item:first-child:last-child .devsite-nav-text {
              display: block
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-list>.devsite-nav-heading:not(.devsite-nav-divider) {
              padding-top: 16px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-text {
              font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
              padding-right: 5px
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-text>span {
              text-overflow: ellipsis;
              white-space: nowrap
       }

       body[theme=cloud-theme] devsite-book-nav .devsite-nav-title {
              color: #5f6368;
              font-size: 14px;
              letter-spacing: .3px;
              line-height: 22px;
              margin: 26px 0 0;
              padding-bottom: 0;
              padding-top: 0
       }

       [dir=ltr] body[theme=cloud-theme] devsite-book-nav li .devsite-nav-title {
              padding-left: 0
       }

       [dir=rtl] body[theme=cloud-theme] devsite-book-nav li .devsite-nav-title {
              padding-left: 8px;
              padding-right: 0
       }

       [dir=ltr] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 8px
       }

       [dir=rtl] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 8px;
              padding-right: 8px
       }

       [dir=ltr] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 16px
       }

       [dir=rtl] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 8px;
              padding-right: 16px
       }

       [dir=ltr] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 24px
       }

       [dir=rtl] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 8px;
              padding-right: 24px
       }

       [dir=ltr] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 32px
       }

       [dir=rtl] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 8px;
              padding-right: 32px
       }

       [dir=ltr] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 40px
       }

       [dir=rtl] body[theme=cloud-theme] devsite-book-nav .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-expandable-nav li .devsite-nav-title {
              padding-left: 8px;
              padding-right: 40px
       }
}

@media screen and (max-width:840px) {
       body[theme=cloud-theme] cloudx-tabs-nav {
              display: none
       }
}

@media screen and (max-width:768px) {
       body[theme=cloud-theme].cloudx-reduced-index .devsite-main-content {
              z-index: auto
       }
}

body[theme=cloud-theme][layout=full] devsite-header devsite-feedback {
       display: none
}

@media screen and (max-width:840px) {
       body[theme=cloud-theme] devsite-header .devsite-doc-set-nav-row {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }

       body[theme=cloud-theme] devsite-header .devsite-breadcrumb-list {
              display: none
       }
}

@media screen and (max-width:720px) {
       body[theme=cloud-theme] devsite-header .devsite-collapsible-section .cta-button-secondary {
              display: inline-block
       }
}

body[theme=cloud-theme] devsite-header .cloud-free-trial-button.cta-button-primary {
       display: none
}

@media screen and (max-width:600px) {
       body[theme=cloud-theme] devsite-header .devsite-product-button-row {
              -webkit-flex-basis: auto;
              -ms-flex-preferred-size: auto;
              flex-basis: auto;
              margin: 0 0 0 auto
       }
}

body[theme=cloud-theme] devsite-footer-utility .devsite-footer-carbon-button {
       border: none;
       margin: 0 0 0 auto
}

body[theme=cloud-theme] devsite-footer-utility .devsite-footer-carbon-button:before {
       background: 50%/contain no-repeat url(https://www.gstatic.com/cloud/images/footer/sustainabilityleaf.svg);
       color: transparent;
       content: "";
       height: 16px;
       margin-right: 8px;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: 16px
}

@media (max-width:600px) {
       body[theme=cloud-theme] devsite-footer-utility .devsite-footer-carbon-button {
              margin: 0 0 24px;
              -webkit-box-ordinal-group: 0;
              -webkit-order: -1;
              -moz-box-ordinal-group: 0;
              -ms-flex-order: -1;
              order: -1;
              text-align: left;
              width: 100%
       }

       body[theme=cloud-theme] devsite-footer-utility .devsite-footer-carbon-button+li.devsite-footer-utility-item:before {
              content: "";
              margin: 0
       }
}

[lang=ko] .devsite-footer-privacy-link {
       font-weight: 700
}

.devsite-footer-utility .cloudx-cookie-footer-button {
       display: none
}

.devsite-footer-utility .cloudx-cookie-footer-button+li:before {
       display: none
}

.cloud-404 {
       margin-top: 99px;
       position: relative
}

.cloud-404:before {
       background: url(../images/cloud-graphic.png) 50% no-repeat;
       content: "";
       height: 75px;
       left: 0;
       position: absolute;
       top: -75px;
       width: 100%
}

.cloud-404 .cloud-link {
       text-decoration: none
}

.cloud-404-links {
       background-color: #4285f4
}

.cloud-404-links ul {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       list-style: none;
       padding: 24px 0
}

[dir=ltr] .cloud-404-links ul {
       text-align: left
}

[dir=rtl] .cloud-404-links ul {
       text-align: right
}

.cloud-404-links li {
       color: #fff;
       -webkit-flex-basis: 50%;
       -ms-flex-preferred-size: 50%;
       flex-basis: 50%;
       margin: 0;
       overflow: hidden;
       padding: 8px;
       text-overflow: ellipsis
}

@media (min-width:600px) {
       .cloud-404-links li {
              -webkit-flex-basis: 33%;
              -ms-flex-preferred-size: 33%;
              flex-basis: 33%
       }
}

@media (min-width:1024px) {
       .cloud-404-links li {
              -webkit-flex-basis: 20%;
              -ms-flex-preferred-size: 20%;
              flex-basis: 20%
       }
}

.cloud-404-contact {
       background-color: #039be5;
       padding: 16px 0
}

.cloud-404-contact p {
       color: #fff;
       margin: 0
}

.cloud-404-contact .cloud-link {
       font-weight: 700
}

.cloud-block {
       border-radius: 8px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       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:focus-within,
.cloud-block:hover {
       box-shadow: 0 1px 3px 0 var(--devsite-elevation-key-shadow-color), 0 4px 8px 3px var(--devsite-elevation-ambient-shadow-color)
}

.cloud-block:focus-within .cloud-block__content .cloud-subhead2,
.cloud-block:focus-within .cloud-block__content .cws-headline--headline-6,
.cloud-block:hover .cloud-block__content .cloud-subhead2,
.cloud-block:hover .cloud-block__content .cws-headline--headline-6 {
       color: #1a73e8
}

.cloud-block__link {
       color: inherit;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       text-decoration: none
}

.cloud-block__link:focus,
.cloud-block__link:hover {
       text-decoration: none
}

.cloud-block__chip {
       -webkit-align-self: start;
       -ms-flex-item-align: start;
       align-self: start
}

.cloud-block__container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-block__image {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       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%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%)
}

.cloud-block__image--aside {
       background: #f8f9fa;
       -webkit-flex-basis: 72px;
       -ms-flex-preferred-size: 72px;
       flex-basis: 72px
}

.cloud-block__video-timestamp {
       bottom: 0;
       left: 0;
       line-height: 1;
       margin: 8px;
       padding: 4px;
       position: absolute
}

.cloud-block__content {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: 100%;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 24px
}

.cloud-block__content .cloud-subhead2,
.cloud-block__content .cws-headline--headline-6 {
       color: inherit;
       margin: 0 0 -4px;
       -webkit-transition: color .15s;
       transition: color .15s
}

.cloud-block__eyebrow {
       margin: 0;
       padding: 0 0 8px
}

.cloud-breadcrumbs {
       list-style: none;
       margin: 0;
       padding: 0
}

.cloud-breadcrumb {
       color: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 12px;
       font-weight: 400;
       letter-spacing: .35px;
       line-height: 18px;
       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-free-trial-button {
       display: none
}

body[free-trial] .cloud-free-trial-button {
       display: inline-block
}

.cloud-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border: 0;
       border-radius: 4px;
       box-shadow: none;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       cursor: pointer;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font: 500 14px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       height: 44px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       letter-spacing: .25px;
       min-width: auto;
       outline: none;
       padding: 0 24px;
       position: relative;
       text-decoration: none;
       text-transform: none;
       -webkit-transition: none;
       transition: none;
       vertical-align: inherit
}

.cloud-button:disabled,
.cloud-button:disabled:focus,
.cloud-button:disabled:hover {
       background-color: #dadce0;
       border-color: #dadce0;
       color: #fff;
       cursor: default;
       line-height: normal
}

.cloud-button:active {
       box-shadow: none
}

.cloud-button:focus {
       text-decoration: none
}

.cloud-button--primary {
       background-color: #1a73e8;
       color: #fff
}

.cloud-button--primary.cloud-free-trial-button {
       --devsite-header-link-background: #1a73e8;
       --devsite-header-link-background-hover: #174ea6;
       --devsite-header-link-background-focus: #1a73e8;
       --devsite-header-link-background-active: #1a73e8;
       --devsite-header-link-box-shadow-active: none;
       --devsite-header-link-color: #fff;
       --devsite-header-link-color-active: #fff;
       background-color: #1a73e8;
       color: #fff;
       height: 36px;
       padding: 0 24px
}

.cloud-button--primary:hover {
       background-color: #174ea6;
       border: 0;
       color: #fff
}

.cloud-button--primary:active,
.cloud-button--primary:focus {
       background-color: #1a73e8;
       border: 0;
       color: #fff
}

.cloud-button--primary:active:before,
.cloud-button--primary:focus:before {
       background-color: #fff;
       content: "";
       height: 100%;
       left: 0;
       opacity: .24;
       position: absolute;
       width: 100%
}

.cloud-button--primary.cloud-button--reversed {
       background-color: #fff;
       color: #000
}

.cloud-button--primary.cloud-button--reversed:focus,
.cloud-button--primary.cloud-button--reversed:hover {
       background-color: hsla(0, 0%, 100%, .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--dark,
.cloud-button--secondary.cloud-button--reversed {
       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: hsla(0, 0%, 100%, .7);
       border-color: hsla(0, 0%, 100%, .7);
       color: #000
}

.cloud-button--flat {
       border-radius: 0;
       color: #1a73e8;
       height: auto;
       padding: 0
}

.cloud-button--flat:visited {
       color: #7b1fa2
}

.cloud-button--flat:focus,
.cloud-button--flat:hover {
       color: #174ea6
}

.cloud-button--flat .cloud-button__icon {
       display: inherit;
       font-size: 16px;
       padding-left: 4px
}

.cloud-button--flat .cloud-button__icon--external {
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg)
}

.cloud-button--flat .cloud-button__icon--jump {
       padding-bottom: 4px;
       padding-left: 0;
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg)
}

.cloud-button--flat .cloud-button__icon--jump-back {
       padding-left: 0;
       padding-top: 4px;
       -webkit-transform: rotate(270deg);
       transform: rotate(270deg)
}

.cloud-button--flat__heading {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 20px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 30px;
       margin: 0;
       color: #202124;
       text-transform: none
}

@media (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:focus,
.cloud-button--flat__heading:hover {
       color: #202124
}

.cloud-button--flat__heading:focus .cloud-button__icon,
.cloud-button--flat__heading:hover .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: hsla(0, 0%, 100%, .7)
}

.cloud-button--flat.cloud-button--reversed:focus {
       background-color: #f1f3f4;
       box-shadow: 0 0 0 10px #f1f3f4;
       color: #202124;
       outline: 10px solid #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, .2)
}

.cloud-button--flat.cloud-button--dark .cloud-button__icon {
       color: inherit
}

.cloud-button--flat-alternate {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       margin-left: -10px;
       margin-top: -10px;
       padding: 10px;
       text-transform: none
}

.cloud-button--flat-alternate:before {
       -webkit-transition: none;
       transition: none
}

.cloud-button--flat-alternate:focus:before,
.cloud-button--flat-alternate:hover: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, .4);
       color: #202124
}

.cloud-button.cloud-button--dark:hover {
       color: rgba(32, 33, 36, .7)
}

.cloud-button.cloud-button--dark:focus {
       background-color: rgba(32, 33, 36, .2)
}

.cloud-button__icon--no-wrap {
       -webkit-box-align: inherit;
       -webkit-align-items: inherit;
       -moz-box-align: inherit;
       -ms-flex-align: inherit;
       align-items: inherit;
       display: inherit;
       -webkit-box-pack: inherit;
       -webkit-justify-content: inherit;
       -moz-box-pack: inherit;
       -ms-flex-pack: inherit;
       justify-content: inherit;
       white-space: nowrap
}

.cloud-button-fab {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: #1a73e8;
       border-radius: 50%;
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       height: 56px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       outline: none;
       text-decoration: none;
       -webkit-transition: background-color .28s cubic-bezier(.4, 0, .2, 1), .28s cubic-bezier(.4, 0, .2, 1);
       transition: background-color .28s cubic-bezier(.4, 0, .2, 1), .28s cubic-bezier(.4, 0, .2, 1);
       width: 56px;
       will-change: box-shadow, background
}

.cloud-button-fab:focus,
.cloud-button-fab:hover {
       background-color: #174ea6;
       box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
       text-decoration: none
}

.cloud-button-fab--red {
       background-color: #d93025
}

.cloud-button-fab--red:focus,
.cloud-button-fab--red:hover {
       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--flat,
span.cloud-button--flat.cloud-button--reversed,
span.cloud-button--flat.cloud-button--reversed:focus,
span.cloud-button--flat.cloud-button--reversed:hover,
span.cloud-button--flat:focus,
span.cloud-button--flat:hover,
span.cloud-button:focus,
span.cloud-button:hover {
       background-color: transparent;
       color: inherit;
       outline: none
}

.cloud-card__container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-bottom: -24px
}

.cloud-card__container .cloud-card {
       -webkit-box-flex: 0;
       -webkit-flex: 0 1 100%;
       -moz-box-flex: 0;
       -ms-flex: 0 1 100%;
       flex: 0 1 100%;
       margin: 0 0 24px;
       max-width: 300px;
       min-height: 272px
}

@media (min-width:600px) {
       .cloud-card__container .cloud-card {
              -webkit-box-flex: 0;
              -webkit-flex: 0 1 calc(50% - 24px);
              -moz-box-flex: 0;
              -ms-flex: 0 1 calc(50% - 24px);
              flex: 0 1 calc(50% - 24px);
              margin-left: 12px;
              margin-right: 12px
       }
}

@media (min-width:1024px) {
       .cloud-card__container .cloud-card {
              -webkit-flex-basis: calc(25% - 24px);
              -ms-flex-preferred-size: calc(25% - 24px);
              flex-basis: calc(25% - 24px)
       }
}

@media (min-width:600px) {
       .cloud-card__container .cloud-card--large {
              max-width: 408px
       }
}

@media (min-width:1024px) {
       .cloud-card__container .cloud-card--large {
              -webkit-flex-basis: calc(33.3% - 24px);
              -ms-flex-preferred-size: calc(33.3% - 24px);
              flex-basis: calc(33.3% - 24px)
       }
}

@media (min-width:600px) {
       .cloud-card__container .cloud-card--extra-large {
              max-width: 496px
       }
}

@media (min-width:1024px) {
       .cloud-card__container .cloud-card--extra-large {
              -webkit-flex-basis: calc(50% - 24px);
              -ms-flex-preferred-size: calc(50% - 24px);
              flex-basis: calc(50% - 24px)
       }
}

.cloud-card__container--left-aligned {
       -webkit-box-pack: left;
       -webkit-justify-content: left;
       -moz-box-pack: left;
       -ms-flex-pack: left;
       justify-content: left
}

.cloud-card__container--left-aligned .cloud-card {
       max-width: 100%
}

@media (min-width:600px) {
       .cloud-card__container--left-aligned {
              margin-left: -12px;
              margin-right: -12px
       }
}

@media (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 (min-width:1024px) {
       .cloud-card__container--2up .cloud-card {
              -webkit-flex-basis: calc(50% - 24px);
              -ms-flex-preferred-size: calc(50% - 24px);
              flex-basis: calc(50% - 24px)
       }
}

.cloud-card__container--3up {
       max-width: 978px
}

@media (min-width:1024px) {
       .cloud-card__container--3up .cloud-card {
              -webkit-flex-basis: calc(33.3% - 24px);
              -ms-flex-preferred-size: calc(33.3% - 24px);
              flex-basis: calc(33.3% - 24px)
       }
}

.cloud-card__container--full-width {
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       max-width: 100%
}

.cloud-card__container--full-width .cloud-card {
       margin-left: 0;
       margin-right: 0;
       max-width: none
}

@media (min-width:600px) {
       .cloud-card__container--full-width.cloud-card__container--2up .cloud-card {
              -webkit-flex-basis: calc(50% - 12px);
              -ms-flex-preferred-size: calc(50% - 12px);
              flex-basis: calc(50% - 12px)
       }

       .cloud-card__container--full-width.cloud-card__container--3up .cloud-card {
              -webkit-flex-basis: calc(33.3% - 16px);
              -ms-flex-preferred-size: calc(33.3% - 16px);
              flex-basis: calc(33.3% - 16px)
       }
}

.cloud-card {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       background: #fff 50%/auto 100%;
       border-radius: 8px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       min-width: 225px;
       overflow: hidden;
       position: relative
}

.cloud-card:not(.cloud-card--no-hover) {
       -webkit-transition: background-size .3s ease-out, box-shadow .3s ease-out;
       transition: background-size .3s ease-out, box-shadow .3s ease-out
}

.cloud-card:not(.cloud-card--no-hover):hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15);
       background-size: auto 103%
}

.cloud-card:not(.cloud-card--no-hover).cloud-card--grey:hover {
       border: 1px solid #f8f9fa
}

.cloud-card--grey {
       background: #f8f9fa;
       border: 1px solid #f8f9fa
}

.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 {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 32px;
       margin-bottom: 12px;
       width: 32px
}

.cloud-card__logo {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 24px 8px 0
}

.cloud-card__logo.cloud-card__logo--bg {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-repeat: no-repeat;
       background-size: cover;
       height: 160px;
       padding: 0
}

@media (min-width:1024px) {
       .cloud-card__logo.cloud-card__logo--bg {
              height: 170px
       }
}

.cloud-card__logo.cloud-card__logo--align-left {
       -webkit-box-pack: start;
       -webkit-justify-content: start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: start
}

.cloud-card__logo.cloud-card__logo--align-right {
       -webkit-box-pack: end;
       -webkit-justify-content: end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: end
}

.cloud-card__media {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 170px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: hidden;
       position: relative
}

.cloud-card__media--image {
       height: auto;
       object-fit: cover;
       width: 100%
}

.cloud-card__video {
       position: relative
}

.cloud-card__video-icon {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       bottom: 0;
       color: #80868b;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       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;
       -webkit-transition: opacity .15s;
       transition: opacity .15s
}

.cloud-card__video-icon--fill {
       background-color: #fff;
       height: 30px;
       position: absolute;
       width: 30px;
       z-index: -1
}

.cloud-card__video-icon:focus,
.cloud-card__video-icon:hover {
       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: 24px 24px 0
}

.cloud-card__heading {
       padding: 24px 36px 14px
}

.cloud-card__headline {
       color: #202124;
       margin: 0
}

.cloud-card__card-link {
       cursor: pointer;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

.cloud-card__card-link .cloud-card__headline {
       color: #202124
}

.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: 24px
}

.cloud-card__content .cloud-checklist {
       padding: 10px 10px 0
}

.cloud-card__content .cloud-checklist__item {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, 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--featured .cloud-headline1 {
       color: inherit
}

.cloud-card__content__quote-text {
       padding-left: 24px
}

.cloud-card__content--has-footer {
       padding: 24px
}

.cloud-card__footer {
       -webkit-align-self: end;
       -ms-flex-item-align: end;
       align-self: end;
       margin-right: auto;
       margin-top: auto;
       padding: 0 24px 24px
}

.cloud-card .cloud-button:not(.cloud-button--flat-alternate) {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: start;
       -webkit-justify-content: flex-start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start
}

.cloud-card .cloud-button:not(.cloud-button--flat-alternate)~.cloud-button {
       margin: 25px 0 0
}

.cloud-card--extra-large .cloud-card__top,
.cloud-card--large .cloud-card__top {
       padding-left: 24px;
       padding-right: 24px
}

.cloud-card--extra-large .cloud-card__media,
.cloud-card--large .cloud-card__media {
       height: 200px
}

.cloud-card__fab {
       position: absolute;
       right: 25px;
       top: 132px
}

@media (min-width:1024px) {
       .cloud-card__fab {
              top: 142px
       }
}

.cloud-card-standard {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       border-radius: 8px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: 100%;
       overflow: hidden;
       width: 100%
}

.cloud-card-standard:focus {
       background-color: #f8f9fa;
       text-decoration: none
}

.cloud-card-standard--max-width {
       max-width: 300px
}

.cloud-card-standard__asset img,
.cloud-card-standard__logo img {
       display: block
}

.cloud-card-standard__content {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       padding: 36px
}

.cloud-card-standard__body {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

.cloud-card-standard__asset {
       position: relative
}

.cloud-card-standard__asset-timestamp {
       color: #fff;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 11px;
       font-weight: 500;
       letter-spacing: 1px;
       line-height: 1;
       background: rgba(0, 0, 0, .6);
       border-radius: 8px;
       bottom: 8px;
       padding: 4px 6px;
       position: absolute;
       right: 8px
}

.cloud-card-standard__footnote {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.cloud-card-standard__footnote-text {
       color: #5f6368
}

.cloud-card-standard__video-text {
       margin-left: 8px
}

.cloud-card-standard__footnote .material-icons,
.cloud-card-standard__video .material-icons {
       color: #1a73e8;
       vertical-align: bottom
}

.cloud-card-standard__buttons {
       margin-top: -24px
}

.cloud-card-standard__buttons .cloud-button {
       margin: 24px 16px 0 0
}

.cloud-card-standard__logo {
       margin-bottom: 8px
}

.cloud-card-standard__eyebrow {
       margin-bottom: 8px
}

.cloud-card-standard__headline {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 26px;
       color: #202124;
       margin: 0
}

.cloud-card-standard__body-text {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 400;
       line-height: 24px;
       margin: 8px 0 0
}

.cloud-card-standard__footer {
       margin-top: 28px
}

.cloud-card-standard--customer-story .cloud-card-standard--max-width {
       max-width: 407px
}

.cloud-card-standard--customer-story .cloud-card-standard__logo {
       margin-bottom: 24px
}

.cloud-card-standard--customer-story .cloud-card-standard__headline {
       color: #202124;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 20px;
       font-weight: 400;
       letter-spacing: 0;
       line-height: 30px
}

.cloud-card-standard--customer-story .cloud-card-standard__footer {
       margin-top: 24px
}

.cloud-card-standard--asset .cloud-card-standard__content {
       padding: 28px
}

.cloud-card-standard--asset .cloud-card-standard__headline {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 500;
       letter-spacing: .25px;
       line-height: 24px
}

a.cloud-card-standard:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15)
}

.cloud-checklist {
       background-color: #fff;
       box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
       padding: 16px 24px
}

.cloud-checklist--no-shadow {
       box-shadow: none
}

.cloud-checklist--align-left {
       padding-left: 0
}

@media (min-width:600px) {
       .cloud-checklist {
              padding: 48px 60px
       }

       .cloud-checklist--align-left {
              padding: 24px 12px 24px 0
       }
}

@media (min-width:1024px) {
       .cloud-checklist {
              padding: 36px 60px
       }

       .cloud-checklist--align-left {
              padding: 24px 12px
       }
}

.cloud-checklist__wrapper {
       margin: 0;
       padding: 0
}

@media (min-width:1024px) {
       .cloud-checklist__wrapper {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              margin: 0 -36px
       }
}

.cloud-checklist__wrapper--vertical {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.cloud-checklist__item {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       line-height: 24px;
       list-style-type: none;
       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="5,14 10,19 20,7" stroke="%2334a853" stroke-width="2" fill="none"/></svg>');
       display: block;
       height: 24px;
       left: 0;
       position: absolute;
       top: 9px;
       width: 24px
}

@media (min-width:1024px) {
       .cloud-checklist__item:before {
              left: 24px;
              top: -2px
       }
}

@media (min-width:1024px) {
       .cloud-checklist__item {
              -webkit-box-flex: 1;
              -webkit-flex: 1 1 0;
              -moz-box-flex: 1;
              -ms-flex: 1 1 0px;
              flex: 1 1 0;
              padding: 0 36px 0 60px
       }
}

.cloud-chip {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: #e8f0fe;
       color: #174ea6;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       margin-bottom: 12px;
       max-width: 100%;
       overflow: hidden;
       text-decoration: none;
       text-overflow: ellipsis
}

.cloud-chip:not(.cloud-chip--input) {
       border-radius: 4px;
       font: 500 11px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       letter-spacing: .8px;
       line-height: 16px;
       padding: 3px 8px 1px;
       text-transform: uppercase
}

.cloud-chip--input {
       background-color: #fff;
       border: 1px solid #dadce0;
       border-radius: 16px;
       color: #5f6368;
       cursor: pointer;
       font: 500 14px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       height: 32px;
       padding-left: 12px;
       padding-right: 26px;
       position: relative
}

.cloud-chip--input:focus,
.cloud-chip--input:hover {
       background-color: #f8f9fa;
       color: #202124
}

.cloud-chip--input:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       content: "close";
       display: block;
       font-size: 18px;
       position: absolute;
       right: 4px;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       width: 18px
}

.cloud-chip--blue-bg {
       background-color: #e8f0fe;
       color: #174ea6
}

.cloud-chip--green-bg {
       background-color: #e6f4ea;
       color: #0d652d
}

.cloud-chip--grey-bg {
       background-color: #f1f3f4;
       color: #3c4043
}

.cloud-chip--yellow-bg {
       background-color: #fef7e0;
       color: #b05a00
}

.cloud-color-block {
       background-color: #fff;
       border: 1px solid #dadce0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       min-height: 268px;
       padding: 32px
}

.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-grey .cloud-link {
       color: #1967d2
}

.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-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 .cloud-color-block__content {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1
}

.cloud-color-block .cloud-color-block__content .main--desc,
.cloud-color-block .cloud-color-block__content .main--heading,
.cloud-color-block .cloud-color-block__content .main--sub-heading {
       padding-bottom: 8px
}

.cloud-color-block .cloud-color-block__content .main--desc {
       color: inherit;
       opacity: .8
}

.cloud-color-block__image {
       margin-bottom: 24px
}

.cloud-color-block__hero {
       border: 0
}

.cloud-color-block p {
       color: inherit
}

.cloud-collapse:not([is-upgraded]),
.expandable:not([is-upgraded]) {
       pointer-events: none;
       visibility: hidden
}

@media (max-width:767px) {

       .cloud-copy .cloud-grid--alternate,
       .cloud-copy .cws-grid {
              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,
.cloud-copy .cws-label+[class*=cws-headline] {
       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: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.cloud-copy__icon-2up .cloud-copy__icon-row {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 80px;
       -moz-box-flex: 0;
       -ms-flex: 0 0 80px;
       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 (min-width:768px) {
       .cloud-copy--color-block {
              padding: 80px 32px
       }
}

@media (min-width:1024px) {
       .cloud-copy--color-block {
              padding-left: 0;
              padding-right: 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,
.cloud-copy__content .cws-small-text {
       color: #bdc1c6
}

.cloud-copy__content--left {
       margin-left: 0
}

.cloud-copy__content--center {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 100%
}

.cloud-copy__content--center img {
       height: auto;
       max-width: 100%;
       width: auto
}

.cloud-copy__color-block {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       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 (min-width:768px) {

       .cloud-copy .cloud-grid--alternate,
       .cloud-copy .cws-grid {
              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 {
              -webkit-box-ordinal-group: 3;
              -webkit-order: 2;
              -moz-box-ordinal-group: 3;
              -ms-flex-order: 2;
              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-bottom: 16px;
              margin-top: 32px
       }

       .cloud-copy--color-block .cloud-grid__col,
       .cloud-copy--color-block [class*=cws-grid__col] {
              margin: 0;
              min-height: 420px
       }

       .cloud-copy--color-block .cloud-grid__col .cloud-copy__text,
       .cloud-copy--color-block [class*=cws-grid__col] .cloud-copy__text {
              margin-bottom: 80px;
              margin-top: 80px
       }
}

@media (min-width:1024px) {
       .cloud-copy__icon-2up .cloud-copy__icon-row {
              -webkit-flex-basis: 110px;
              -ms-flex-preferred-size: 110px;
              flex-basis: 110px
       }
}

.cloud-customer-block__container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 8px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       height: 163px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-customer-block__image {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: hidden;
       padding: 16px;
       position: relative;
       width: 100%
}

.cloud-customer-block__timestamp {
       bottom: 0;
       line-height: 1;
       margin: 8px;
       padding: 4px;
       position: absolute;
       right: 0
}

.cloud-customer-block__headline {
       color: #202124
}

.cloud-customer-block__link:focus .cloud-customer-block__headline,
.cloud-customer-block__link:hover .cloud-customer-block__headline {
       color: #174ea6
}

.cloud-customer-block--cover .cloud-customer-block__container {
       border: none
}

.cloud-customer-block--cover .cloud-customer-block__image {
       -webkit-box-align: normal;
       -webkit-align-items: normal;
       -moz-box-align: normal;
       -ms-flex-align: normal;
       align-items: normal;
       border-radius: 8px;
       padding: 0
}

.cloud-customer-block--cover .cloud-customer-block__image img {
       object-fit: cover
}

.cloud-customer-story__eyebrow {
       margin-bottom: 12px
}

.cloud-customer-story__eyebrow .cloud-body-text__title {
       letter-spacing: .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 {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       bottom: 0;
       color: #80868b;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       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;
       -webkit-transition: opacity .15s;
       transition: opacity .15s
}

.cloud-customer-story__video-icon:focus,
.cloud-customer-story__video-icon:hover {
       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-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
}

.gated-section-padding-top {
       padding-top: 16px
}

.gated-section-no-margin {
       margin: 0
}

.cloud-gated-form {
       padding-left: 10%
}

.cloud-gated-form__field {
       margin: 26px 0
}

.cloud-gated-form__field .phone-number-field {
       overflow: hidden
}

.cloud-gated-form__field .devsite-table-wrapper {
       margin: 0;
       overflow: hidden
}

.cloud-gated-form__field table.i18n_phone_number_input {
       border: 0;
       box-shadow: none;
       margin: 0;
       position: relative
}

.cloud-gated-form__field table tr {
       border-color: #fff
}

.cloud-gated-form__field .i18n_phone_number_input-input {
       border: 0;
       padding: 0;
       width: 100%
}

.cloud-gated-form__field .i18n_phone_number_input-input input[type=tel] {
       padding-left: 60px
}

.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-gated-form__field .i18n_phone_number_input-menu .i18n-phone-select-country {
       cursor: pointer;
       height: 30px;
       outline: none;
       padding: 5px 0 0 12px;
       position: absolute;
       top: -4px;
       -webkit-transition: background .3s;
       transition: background .3s
}

.cloud-gated-form__field .i18n_phone_number_input-menu .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-gated-form .goog-inline-block {
       display: inline-block;
       position: relative
}

.cloud-gated-form .i18n-phone-select-country-disabled {
       cursor: default;
       opacity: .5
}

.cloud-gated-form .gated-form-border {
       border: 1px solid #dadce0;
       padding: 28px
}

.cloud-gated-form .gated-form-headline {
       color: #ea4335;
       padding-bottom: 8px
}

.cloud-gated-form .gated-form-subheadline {
       color: #80868b;
       font-size: 14px;
       margin-top: 8px
}

.cloud-gated-form .gated-form-opt-in-text {
       color: #80868b
}

.cloud-gated-form label {
       font-size: 16px;
       padding: 3px 0
}

.cloud-gated-form label.contact-form__expand-question {
       color: #1a73e8;
       cursor: pointer
}

.cloud-gated-form label.contact-form__expand-question input {
       display: none
}

.cloud-gated-form label.contact-form__expand-question,
.cloud-gated-form span.contact-form__expand-answer {
       font-size: 10px;
       line-height: 1.6;
       padding: 0
}

.cloud-gated-form__hidden {
       display: none
}

.cloud-gated-form__field-errors {
       position: absolute
}

.cloud-gated-form__field-error {
       color: #d93025;
       font-size: 11px;
       font-style: italic;
       padding-left: 2px
}

.cloud-gated-form input[type=email],
.cloud-gated-form input[type=tel],
.cloud-gated-form input[type=text],
.cloud-gated-form select {
       border: 0;
       border-bottom: 2px solid #e8eaed;
       height: 27px;
       margin-bottom: 4px;
       padding: 0 0 5px 2px;
       width: 100%
}

.cloud-gated-form__button-primary {
       background-color: #1a73e8;
       font-weight: 500;
       padding: 4px 22px
}

.cloud-gated-form__button-primary.disabled {
       background-color: #dadce0
}

.cloud-gated-form input[type=checkbox] {
       margin: 7px 14px 0 0
}

.cloud-gated-form p {
       margin-bottom: 10px
}

.cloud-gated-form select {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 400;
       max-width: inherit
}

.cloud-gated-form__email-options {
       margin: 32px 0
}

.cloud-gated-form__email-options label {
       display: inline-block;
       padding-right: 20px
}

.cloud-gated-form input[type=email].invalid,
.cloud-gated-form input[type=text].invalid {
       border-bottom: 2px solid #d93025
}

@media screen and (min-width:400px) and (max-width:768px) {
       .cloud-gated-form {
              padding-left: 0
       }
}

.i18n-phone-select-country-menu .goog-inline-block {
       display: inline-block
}

.i18n-phone-select-country-caption,
.i18n-phone-select-country-code,
.i18n-phone-select-country-flag,
.i18n-phone-select-country-name {
       vertical-align: middle
}

.cloud-get-started {
       border-top: 1px solid #dadce0;
       padding-bottom: 44px;
       padding-top: 60px
}

.cloud-get-started--dark {
       border-top: 0
}

.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__headline {
       margin-bottom: 28px
}

.cloud-get-started__list {
       margin-top: 48px
}

.cloud-get-started__list-link {
       margin: 0 0 16px
}

.cloud-get-started .cloud-body-text__title {
       margin-bottom: 28px;
       margin-top: 0
}

.cloud-get-started .cloud-body-text__title:last-child {
       margin-bottom: 0
}

@media (max-width:400px) {
       .cloud-get-started {
              text-align: center
       }
}

@media (min-width:600px) {
       .cloud-get-started {
              padding-bottom: 120px;
              padding-top: 80px
       }

       .cloud-get-started__header {
              padding: 40px 0 15px 28px
       }

       .cloud-get-started__section {
              padding-left: 28px
       }

       .cloud-get-started--content .cloud-get-started__section {
              padding-left: 0
       }

       .cloud-get-started__list {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap
       }

       .cloud-get-started__list-link {
              margin-right: 16px
       }

       .cloud-get-started--content .cloud-get-started__aside {
              align-self: start;
              border-left: 1px solid #dadce0;
              grid-row: 1/3;
              padding-left: 28px
       }
}

@media (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: start;
              border-left: 1px solid #dadce0;
              grid-row: 1/3;
              padding-left: 28px
       }
}

.cloud-hero {
       clear: both
}

.cloud-hero img {
       max-width: none
}

.cloud-hero img.cloud-hero__image--scaled {
       max-width: 100%
}

@media (min-width:1024px) {
       .cloud-hero img.cloud-hero__image--scaled {
              max-width: none
       }
}

.cloud-hero h1 {
       color: inherit
}

.cloud-hero .content-set {
       margin: 48px 0
}

@media (min-width:1024px) {
       .cloud-hero .content-set {
              margin: 80px 0
       }
}

.cloud-hero .content-set p {
       margin: 16px 0 0
}

.cloud-hero .content-set hr {
       border-top: 2px solid #fbbc04;
       height: 0;
       margin: 32px auto;
       width: 160px
}

@media (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__eyebrow {
       margin-bottom: 12px
}

.cloud-hero__content--background .content-set {
       margin-left: 16px;
       margin-right: 16px
}

@media (min-width:600px) {
       .cloud-hero__content--background .content-set {
              margin: 80px 32px
       }
}

.cloud-hero__1up-full {
       background: #4285f4 url(../images/hero-illustration-small.svg) no-repeat 50%/cover
}

@media (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 (min-width:1024px) {
       .cloud-hero__1up-content--centered .content-set {
              margin-left: 60px;
              margin-right: 60px
       }
}

.cloud-hero__2up-content {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       overflow: auto;
       position: relative
}

.cloud-hero__2up-content--white {
       background-color: #fff
}

.cloud-hero__2up-content--grey {
       background-color: #f8f9fa
}

.cloud-hero__2up-content--product-ui {
       -webkit-align-self: flex-end;
       -ms-flex-item-align: end;
       align-self: flex-end;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-hero__2up-content--product-ui .cloud-hero__image {
       max-height: 420px;
       max-width: 100%
}

@media (min-width:600px) {
       .cloud-hero__2up-content {
              overflow: auto
       }
}

@media (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: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: hidden
}

.cloud-hero__image {
       max-height: 384px
}

@media (min-width:600px) {
       .cloud-hero__image {
              max-height: 478px
       }
}

@media (min-width:1024px) {
       .cloud-hero__image {
              max-height: 500px
       }
}

.cloud-hero__image--scaled {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       max-width: 100%
}

@media (min-width:768px) {
       .cloud-hero__image--scaled {
              object-fit: cover;
              width: 100%
       }
}

@media (min-width:1024px) {
       .cloud-hero__image--scaled {
              width: auto
       }
}

.cloud-hero__video {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: rgba(32, 33, 36, .7);
       border-radius: 1px;
       bottom: 20px;
       color: #fff;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-height: 60px;
       min-width: 160px;
       position: absolute;
       right: 0
}

.cloud-hero__video:focus,
.cloud-hero__video:hover {
       background-color: rgba(32, 33, 36, .9)
}

.cloud-hero__video--caption {
       background-color: rgba(32, 33, 36, .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 (min-width:600px) {
       .cloud-hero__video {
              bottom: 40px;
              min-height: 70px;
              min-width: 226px
       }
}

@media (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-icon {
       background-position: 50%;
       background-repeat: no-repeat;
       background-size: contain;
       height: 30px;
       margin-right: 16px;
       width: 24px
}

.cloud-icon-admin {
       background-image: url(../images/icons/ic_admin_24dp.svg)
}

.cloud-icon-android-enterprise {
       background-image: url(../images/icons/ic_android_24px.svg)
}

.cloud-icon-appmaker {
       background-image: url(../images/icons/ic_appmaker_24dp.svg)
}

.cloud-icon-appsheet {
       background-image: url(../images/icons/ic_appsheet_24dp.svg)
}

.cloud-icon-calendar {
       background-image: url(../images/icons/ic_calendar_24dp.svg)
}

.cloud-icon-chrome-enterprise {
       background-image: url(../images/icons/ic_chrome_24dp.svg)
}

.cloud-icon-cloud-search {
       background-image: url(../images/icons/ic_google_cloud_search_24dp.svg)
}

.cloud-icon-chat {
       background-image: url(../images/icons/ic_chat_24dp.svg)
}

.cloud-icon-docs {
       background-image: url(../images/icons/ic_docs_24dp.svg)
}

.cloud-icon-drive {
       background-image: url(../images/icons/ic_drive_24dp.svg)
}

.cloud-icon-forms {
       background-image: url(../images/icons/ic_forms_24dp.svg)
}

.cloud-icon-gmail {
       background-image: url(../images/icons/ic_gmail_24dp.svg)
}

.cloud-icon-google-plus {
       background-image: url(../images/icons/ic_google_plus_24dp.svg)
}

.cloud-icon-google-voice {
       background-image: url(../images/icons/ic_google_voice_24dp.svg)
}

.cloud-icon-hire {
       background-image: url(../images/icons/ic_hire_24dp.svg)
}

.cloud-icon-jamboard {
       background-image: url(../images/icons/ic_jamboard_24dp.svg)
}

.cloud-icon-keep {
       background-image: url(../images/icons/ic_keep_24dp.svg)
}

.cloud-icon-meet {
       background-image: url(../images/icons/ic_meet_24dp.svg)
}

.cloud-icon-mobile-device-management {
       background-image: url(../images/icons/ic_apps_policy_24dp.svg)
}

.cloud-icon-sheets {
       background-image: url(../images/icons/ic_sheets_24dp.svg)
}

.cloud-icon-sites {
       background-image: url(../images/icons/ic_sites_24dp.svg)
}

.cloud-icon-slides {
       background-image: url(../images/icons/ic_slides_24dp.svg)
}

.cloud-icon-vault {
       background-image: url(../images/icons/ic_vault_24dp.svg)
}

.cloud-image--full-width {
       display: block;
       width: 100%
}

.cloud-image__cta {
       margin-top: 24px;
       text-align: center
}

.cloud-list {
       border-radius: 8px;
       border-left: 1px solid #dadce0;
       border-right: 1px solid #dadce0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       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 (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__footer .cloud-button--flat,
.cloud-list__footer .cws-button--low-emphasis {
       color: #1967d2
}

.cloud-list-item {
       border-top: 1px solid #dadce0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       padding: 36px 24px;
       -webkit-transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
       transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
       z-index: 1
}

@media (min-width:600px) {
       .cloud-list-item {
              padding-left: 36px;
              padding-right: 36px
       }
}

.cloud-list-item a:active,
.cloud-list-item a:focus,
.cloud-list-item a:hover,
.cloud-list-item a:visited {
       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:only-child {
       border-radius: 8px
}

.cloud-list-item__hover:focus-within,
.cloud-list-item__hover:hover {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .05), 0 4px 8px 3px rgba(60, 64, 67, .15);
       border-radius: 8px;
       cursor: pointer
}

.cloud-list-item__hover:focus-within+.cloud-list-item,
.cloud-list-item__hover:focus-within+.cloud-list__footer,
.cloud-list-item__hover:hover+.cloud-list-item,
.cloud-list-item__hover:hover+.cloud-list__footer {
       border-top: 1px solid transparent
}

.cloud-list-item__hover:focus-within .cloud-list-item__headline,
.cloud-list-item__hover:hover .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: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.cloud-list-item__headline {
       color: #202124
}

.cloud-list-item__icon {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       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-card {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       background-color: #fff;
       background-position: 50%;
       border-radius: 8px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       min-width: 225px;
       overflow: hidden;
       padding: 0;
       position: relative;
       width: 100%
}

.cloud-list-card a:active,
.cloud-list-card a:focus,
.cloud-list-card a:hover,
.cloud-list-card a:visited {
       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, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-weight: 500;
       margin: 0
}

.cloud-list-card__header-border {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-bottom: 1px solid #dadce0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 0 32px 20px;
       padding-bottom: 16px
}

.cloud-list-card__header-icon {
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       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: #f8f9fa
}

.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-body-text__title,
.cloud-list-card__list-item:focus-within .cloud-list-card__link .cloud-subhead2,
.cloud-list-card__list-item:focus-within .cloud-list-card__link .cws-headline--headline-6 {
       color: #1a73e8
}

.cloud-list-card__list-item:hover .cloud-list-card__link .cloud-body-text__title,
.cloud-list-card__list-item:hover .cloud-list-card__link .cloud-subhead2,
.cloud-list-card__list-item:hover .cloud-list-card__link .cws-headline--headline-6 {
       color: #1a73e8
}

.cloud-list-card__list-item--bullet {
       list-style: disc;
       margin-left: 48px;
       padding-right: 32px
}

.cloud-list-card__list-item--static,
.cloud-list-card__list-item .cloud-list-card__link {
       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,
.cloud-list-card .cws-headline--headline-6 {
       color: #5f6368;
       margin: 0
}

.cloud-list-card__link {
       color: #202124
}

.cloud-list-card__link .cloud-subhead2,
.cloud-list-card__link .cws-headline--headline-6 {
       color: inherit
}

.cloud-list-card__list-item-profile {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.cloud-list-card__list-item-profile .cloud-footnotes {
       margin: 0
}

.cloud-list-card .cloud-body-text__title,
.cloud-list-card .cws-headline--headline-6 {
       color: inherit;
       margin: 0
}

.cloud-logo-block {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0 auto;
       max-width: 960px
}

.cloud-logo-block--mixed-width .cloud-logo-block__block {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-basis: auto;
       -ms-flex-preferred-size: auto;
       flex-basis: auto;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 16px
}

.cloud-logo-block--garden {
       background: #f8f9fa;
       display: grid;
       grid-row-gap: 16px;
       grid-template-columns: repeat(2, 1fr);
       max-width: 100%;
       padding: 24px 36px
}

@media (min-width:600px) {
       .cloud-logo-block--garden {
              grid-template-columns: repeat(4, 1fr)
       }
}

@media (min-width:1024px) {
       .cloud-logo-block--garden {
              grid-template-columns: repeat(6, 1fr)
       }
}

.cloud-logo-block--garden .cloud-logo-block__block {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-basis: auto;
       -ms-flex-preferred-size: auto;
       flex-basis: auto;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-logo-block__block {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 160px;
       -moz-box-flex: 0;
       -ms-flex: 0 0 160px;
       flex: 0 0 160px
}

.cloud-logo-block__block-element {
       display: block
}

.cloud-pagination {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       list-style-type: none;
       margin: 16px auto 0;
       padding: 0
}

.cloud-pagination__pagination-item {
       border: none;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       display: block;
       font-size: 16px;
       height: 16px;
       line-height: 16px;
       margin: 0;
       padding: 8px;
       text-align: center
}

.cloud-pagination__pagination-item.active,
.cloud-pagination__pagination-item:focus,
.cloud-pagination__pagination-item:hover,
.cloud-pagination__pagination-item[disabled] {
       background-color: transparent;
       border: none
}

.cloud-pagination__pagination-item.active {
       color: #5f6368
}

li:first-child .cloud-pagination__pagination-item,
li:last-child .cloud-pagination__pagination-item {
       height: 16px;
       position: relative;
       width: 26px
}

li:first-child .cloud-pagination__pagination-item:after,
li:last-child .cloud-pagination__pagination-item:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #5f6368;
       content: "chevron_left";
       direction: ltr;
       font-size: 26px;
       left: 50%;
       position: absolute;
       top: 50%;
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%)
}

li:first-child .cloud-pagination__pagination-item[disabled],
li:last-child .cloud-pagination__pagination-item[disabled] {
       cursor: default
}

li:first-child .cloud-pagination__pagination-item[disabled]:after,
li:last-child .cloud-pagination__pagination-item[disabled]:after {
       color: #dadce0
}

li:last-child .cloud-pagination__pagination-item:after {
       content: "chevron_right"
}

#cloud-site .cloud-card--four-columns {
       padding: 0
}

@media (min-width:1024px) {
       #cloud-site .cloud-card--four-columns {
              -webkit-flex-basis: calc(50% - 36px);
              -ms-flex-preferred-size: calc(50% - 36px);
              flex-basis: calc(50% - 36px);
              margin: 0 18px 36px
       }
}

@media (min-width:1440px) {
       #cloud-site .cloud-card--four-columns {
              -webkit-flex-basis: calc(25% - 24px);
              -ms-flex-preferred-size: calc(25% - 24px);
              flex-basis: calc(25% - 24px);
              margin: 0 12px 24px
       }
}

#cloud-site .cloud-card--four-columns .cloud-headline1 {
       font-size: 22px;
       line-height: 30px
}

.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,
.cloud-pricing__cards .cloud-card__content--has-footer {
       padding-bottom: 30px;
       padding-top: 56px
}

.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content,
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--has-footer {
       background: no-repeat bottom/contain;
       height: 100%;
       padding: 16px 24px 0;
       text-align: center
}

.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--featured,
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--has-footer--featured {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: #000;
       display: grid;
       height: 112px;
       margin: 0
}

.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--featured h3,
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--has-footer--featured h3 {
       font-size: 28px;
       padding: 0 10px
}

.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--has-footer .cloud-button,
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content .cloud-button {
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 16px 0
}

.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--has-footer .cloud-body-text__small,
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content .cloud-body-text__small {
       -webkit-box-align: end;
       -webkit-align-items: flex-end;
       -moz-box-align: end;
       -ms-flex-align: end;
       align-items: flex-end;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       font-weight: 600;
       margin-bottom: 26px
}

.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content--has-footer .cloud-body-text__small a,
.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--has-footer p,
.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--has-footer ul,
.cloud-pricing__cards .cloud-card--four-columns .cloud-card__content ul {
       color: #5f6368;
       margin-bottom: 16px;
       padding-left: 22px;
       text-align: left
}

@media (min-width:600px) {
       .cloud-pricing {
              padding-bottom: 80px;
              padding-top: 80px
       }
}

@media (min-width:1024px) {
       .cloud-pricing__cards {
              margin-top: 80px
       }
}

.pull-quote {
       background: inherit;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
}

.pull-quote:before {
       content: none
}

.cloud-customer-story .pull-quote {
       max-width: 100%
}

.pull-quote__preface {
       color: #5f6368;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 18px;
       line-height: 28px;
       margin: 0 0 28px
}

@media (min-width:600px) {
       .pull-quote__preface {
              font-size: 20px;
              line-height: 32px;
              margin: 0 0 16px
       }
}

.pull-quote__body {
       background-color: transparent;
       margin: 0;
       max-width: 680px;
       padding: 13px 0 18px
}

.pull-quote__quote {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 24px;
       font-weight: 500;
       letter-spacing: 0;
       line-height: 32px;
       color: #4285f4;
       font-weight: 400;
       margin: 0 0 16px;
       position: relative;
       quotes: "“""”""‘""’"
}

[lang=hu] .pull-quote__quote {
       quotes: "„""”""‚""’"
}

[lang=pl] .pull-quote__quote {
       quotes: "„""”""‚""’"
}

@media (min-width:600px) {
       .pull-quote__quote--bp {
              font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
              font-size: 32px;
              font-weight: 500;
              letter-spacing: 0;
              line-height: 40px;
              font-weight: 400;
              margin: 0 0 18px
       }
}

[dir=ltr] .pull-quote__quote:before {
       content: open-quote;
       margin-right: -7px
}

[dir=rtl] .pull-quote__quote:before {
       content: close-quote;
       margin-left: -7px
}

[dir=ltr] .pull-quote__quote:after {
       content: close-quote
}

[dir=rtl] .pull-quote__quote:after {
       content: open-quote
}

.pull-quote:not(.pull-quote--center-aligned) .pull-quote__quote:before {
       position: absolute
}

[dir=ltr] .pull-quote:not(.pull-quote--center-aligned) .pull-quote__quote:before {
       left: -2px;
       -webkit-transform: translateX(-100%);
       transform: translateX(-100%)
}

[dir=rtl] .pull-quote:not(.pull-quote--center-aligned) .pull-quote__quote:before {
       right: -2px;
       -webkit-transform: translateX(100%);
       transform: translateX(100%)
}

.pull-quote__link {
       display: block
}

.pull-quote__citation {
       font-style: normal
}

.pull-quote__author {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 500;
       line-height: 24px;
       color: #3c4043;
       margin-bottom: 6px
}

.pull-quote__author-title {
       color: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 12px;
       font-weight: 400;
       letter-spacing: .35px;
       line-height: 18px
}

.pull-quote--center-aligned .pull-quote__body {
       margin-left: auto;
       margin-right: auto;
       max-width: 835px;
       text-align: center
}

.pull-quote--color-dark :link:focus,
.pull-quote--color-dark :link:hover,
.pull-quote--color-light :link:focus,
.pull-quote--color-light :link:hover {
       color: inherit
}

.pull-quote--color-light .pull-quote__author,
.pull-quote--color-light .pull-quote__author-title,
.pull-quote--color-light .pull-quote__citation,
.pull-quote--color-light .pull-quote__preface,
.pull-quote--color-light .pull-quote__quote {
       color: #fff
}

.pull-quote--color-dark .pull-quote__author,
.pull-quote--color-dark .pull-quote__citation,
.pull-quote--color-dark .pull-quote__preface,
.pull-quote--color-dark .pull-quote__quote {
       color: #202124
}

.cloud-quote--blue .cloud-quote__quote:after,
.cloud-quote--blue .cloud-quote__quote:before {
       color: #1a73e8
}

.cloud-quote--blue .cloud-quote__resource--action__link {
       background-color: #1a73e8
}

.cloud-quote--blue .cloud-quote__resource--action__link:focus,
.cloud-quote--blue .cloud-quote__resource--action__link:hover {
       background-color: #174ea6
}

.cloud-quote--green .cloud-quote__quote:after,
.cloud-quote--green .cloud-quote__quote:before {
       color: #34a853
}

.cloud-quote--green .cloud-quote__resource--action__link {
       background-color: #34a853
}

.cloud-quote--green .cloud-quote__resource--action__link:focus,
.cloud-quote--green .cloud-quote__resource--action__link:hover {
       background-color: #137333
}

.cloud-quote--red .cloud-quote__quote:after,
.cloud-quote--red .cloud-quote__quote:before {
       color: #d93025
}

.cloud-quote--red .cloud-quote__resource--action__link {
       background-color: #d93025
}

.cloud-quote--red .cloud-quote__resource--action__link:focus,
.cloud-quote--red .cloud-quote__resource--action__link:hover {
       background-color: #a50e0e
}

.cloud-quote--yellow .cloud-quote__quote:after,
.cloud-quote--yellow .cloud-quote__quote:before {
       color: #f9ab00
}

.cloud-quote--yellow .cloud-quote__resource--action__link {
       background-color: #f9ab00
}

.cloud-quote--yellow .cloud-quote__resource--action__link:focus,
.cloud-quote--yellow .cloud-quote__resource--action__link:hover {
       background-color: #e37400
}

.cloud-quote__image {
       background-repeat: no-repeat;
       background-size: cover;
       height: 180px
}

@media (min-width:600px) {
       .cloud-quote__image {
              height: 400px
       }
}

@media (min-width:1024px) {
       .cloud-quote__image {
              height: 550px
       }
}

.cloud-quote .cloud-quote__tile {
       margin-left: -16px;
       margin-right: -16px
}

#cloud-site .cloud-quote .cloud-quote__tile-body {
       background-color: #f8f9fa;
       margin: 0;
       padding: 32px 40px
}

#cloud-site .cloud-quote .cloud-quote__tile--floating .cloud-quote__tile-body {
       padding-top: 24px
}

#cloud-site .cloud-quote .cloud-quote__tile--floating .cloud-quote__resource--logo {
       background-color: #fff
}

@media (min-width:600px) {
       .cloud-quote .cloud-quote__tile {
              margin-left: 0;
              margin-right: 0
       }

       .cloud-quote .cloud-quote__tile--floating {
              margin-top: -100px
       }

       #cloud-site .cloud-quote .cloud-quote__tile--floating .cloud-quote__tile-body {
              padding-top: 32px
       }
}

@media (min-width:1024px) {
       #cloud-site .cloud-quote .cloud-quote__tile-body {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              padding: 72px 11%
       }

       .cloud-quote .cloud-quote__tile--floating {
              margin-top: -190px
       }

       #cloud-site .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:after,
.cloud-quote__quote:before {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 50px;
       position: absolute
}

.cloud-quote__quote:not(.cloud-quote__quote--hide-marks):before {
       top: 6px
}

[dir=ltr] .cloud-quote__quote:not(.cloud-quote__quote--hide-marks):before {
       content: open-quote;
       left: -25px
}

[dir=rtl] .cloud-quote__quote:not(.cloud-quote__quote--hide-marks):before {
       content: close-quote;
       right: -25px
}

.cloud-quote__quote:not(.cloud-quote__quote--hide-marks):after {
       bottom: -12px
}

[dir=ltr] .cloud-quote__quote:not(.cloud-quote__quote--hide-marks):after {
       content: close-quote;
       padding-left: 5px
}

[dir=rtl] .cloud-quote__quote:not(.cloud-quote__quote--hide-marks):after {
       content: open-quote;
       padding-right: 5px
}

.cloud-quote__author {
       font-style: normal
}

.cloud-quote__resources {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       min-height: 100px
}

.cloud-quote__resource {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 50%;
       -moz-box-flex: 1;
       -ms-flex: 1 1 50%;
       flex: 1 1 50%;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-quote__resource--logo {
       background-color: #f1f3f4;
       padding: 24px 20px
}

.cloud-quote__resource--action__link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-align-self: stretch;
       -ms-flex-item-align: stretch;
       align-self: stretch;
       color: #fff;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-quote__resource--action__link:focus {
       text-decoration: none
}

@media (min-width:600px) {
       .cloud-quote__resource {
              min-height: 120px
       }
}

@media (min-width:1024px) {
       .cloud-quote__resources {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }

       .cloud-quote__resource--logo {
              padding: 0 60px
       }
}

.cloud-related-content {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.cloud-related-content__element {
       color: #5f6368;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.cloud-related-content__element--2up {
       margin: 18px 0;
       width: 100%
}

@media (min-width:1024px) {
       .cloud-related-content__element--2up {
              width: 45%
       }
}

.cloud-related-content__blurb {
       line-height: 20px;
       margin-top: 10px
}

.cloud-related-content__image {
       height: 80px;
       margin-right: 28px
}

#cloud-site .cloud-section-header {
       margin-bottom: 40px
}

@media (max-width:600px) {
       #cloud-site .cloud-section-header {
              margin-bottom: 32px
       }
}

#cloud-site .cloud-section-header--heading {
       margin-bottom: 16px
}

.cloud-subscribe-form {
       border: 1px solid #dadce0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       margin-left: 10%
}

.cloud-subscribe-form--full-height {
       height: 100%
}

.cloud-subscribe-form__container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

.cloud-subscribe-form__header {
       padding: 28px;
       text-align: center
}

.cloud-subscribe-form__header__thank-you {
       padding: 96px 28px
}

.cloud-subscribe-form__header__thank-you p {
       margin-bottom: 0
}

.cloud-subscribe-form__header h1 {
       color: #ea4335
}

.cloud-subscribe-form__body {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       position: relative
}

.cloud-subscribe-form__form {
       padding: 0 24px 48px
}

.cloud-subscribe-form__field {
       margin-bottom: 36px
}

.cloud-subscribe-form__field .phone-number-field {
       overflow: hidden
}

.cloud-subscribe-form__field .devsite-table-wrapper {
       margin: 0;
       overflow: hidden
}

.cloud-subscribe-form__field table.i18n_phone_number_input {
       border: 0;
       box-shadow: none;
       margin: 0;
       position: relative
}

.cloud-subscribe-form__field table tr {
       border-color: #fff
}

.cloud-subscribe-form__field .i18n_phone_number_input-input {
       border: 0;
       padding: 0;
       width: 100%
}

.cloud-subscribe-form__field .i18n_phone_number_input-input input[type=tel] {
       padding-left: 60px
}

.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-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;
       -webkit-transition: background .3s;
       transition: background .3s
}

.cloud-subscribe-form__field .i18n_phone_number_input-menu .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-subscribe-form .goog-inline-block {
       display: inline-block;
       position: relative
}

.cloud-subscribe-form .i18n-phone-select-country-disabled {
       cursor: default;
       opacity: .5
}

.cloud-subscribe-form__form__hidden {
       display: none
}

.cloud-subscribe-form input[type=email],
.cloud-subscribe-form input[type=tel],
.cloud-subscribe-form input[type=text],
.cloud-subscribe-form select {
       border: 0;
       border-bottom: 2px solid #dadce0;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 400;
       margin-bottom: 4px;
       max-width: inherit;
       padding: 0 0 5px 2px;
       width: 100%
}

.cloud-subscribe-form__field-errors {
       position: absolute
}

.cloud-subscribe-form__field-error {
       color: #d93025;
       font-size: 11px;
       font-style: italic;
       padding-left: 2px
}

.cloud-subscribe-form input[type=email].invalid,
.cloud-subscribe-form input[type=text].invalid {
       border-bottom: 2px solid #d93025
}

.cloud-subscribe-form__image {
       -webkit-align-self: flex-end;
       -ms-flex-item-align: end;
       align-self: flex-end;
       margin-right: 46px
}

.cloud-subscribe-form__email-options label {
       padding-right: 20px
}

.cloud-subscribe-form__footer {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 500;
       line-height: 24px;
       background-color: #f8f9fa;
       color: #5f6368;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: space-evenly;
       -webkit-justify-content: space-evenly;
       -moz-box-pack: space-evenly;
       -ms-flex-pack: space-evenly;
       justify-content: space-evenly;
       line-height: 20px;
       padding: 28px 0;
       text-align: center
}

.cloud-subscribe-form__footer>* {
       padding: 0 16px
}

.i18n-phone-flag {
       background: url(https://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 #dadce0;
       box-shadow: 0 0 3px rgba(0, 0, 0, .2);
       height: 300px;
       overflow-x: hidden;
       overflow-y: auto;
       position: absolute;
       z-index: 1005
}

.i18n-phone-select-country-menu .goog-menuitem {
       color: #000;
       font: normal 13px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       padding: 8px
}

.i18n-phone-select-country-menu .goog-menuitem-highlight,
.i18n-phone-select-country-menu .goog-menuitem-hover {
       background-color: #e8f0fe
}

.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: #3c4043;
       vertical-align: middle
}

cloudx-form:not(:defined)>* {
       display: none
}

.cws-form cloudx-form-dynamic-content {
       -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%
}

#cloud-site .cloudx-form-input__field {
       margin: 32px 0
}

#cloud-site .cloudx-form-input__field input,
#cloud-site .cloudx-form-input__field textarea {
       background: initial
}

#cloud-site .cloudx-form-input__field input[type=email],
#cloud-site .cloudx-form-input__field input[type=tel],
#cloud-site .cloudx-form-input__field input[type=text],
#cloud-site .cloudx-form-input__field select,
#cloud-site .cloudx-form-input__field textarea {
       border: 0;
       border-bottom: 2px solid #e8eaed;
       border-radius: 0;
       box-shadow: none;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 400;
       height: 27px;
       margin-bottom: 4px;
       max-width: inherit;
       padding: 0 0 5px 2px;
       width: 100%
}

#cloud-site .cloudx-form-input__field input[type=email].unfocused.invalid,
#cloud-site .cloudx-form-input__field input[type=tel].unfocused.invalid,
#cloud-site .cloudx-form-input__field input[type=text].unfocused.invalid,
#cloud-site .cloudx-form-input__field select.unfocused.invalid,
#cloud-site .cloudx-form-input__field textarea.unfocused.invalid {
       border-bottom: 2px solid #d93025
}

#cloud-site .cloudx-form-input__field select.valid {
       color: #000
}

#cloud-site .cloudx-form-input__field select:not(.valid) {
       color: #9aa0a6
}

#cloud-site .cloudx-form-input__field input {
       color: #000
}

#cloud-site .cloudx-form-input__field input::-webkit-input-placeholder {
       color: #9aa0a6
}

#cloud-site .cloudx-form-input__field input::-moz-placeholder {
       color: #9aa0a6
}

#cloud-site .cloudx-form-input__field input:-ms-input-placeholder {
       color: #9aa0a6
}

#cloud-site .cloudx-form-input__field input::-ms-input-placeholder {
       color: #9aa0a6
}

#cloud-site .cloudx-form-input__field input::placeholder {
       color: #9aa0a6
}

#cloud-site .cloudx-form-input__field textarea {
       min-height: 64px
}

#cloud-site .cloudx-form-input__message {
       font-size: 11px;
       font-style: italic;
       padding-left: 2px
}

#cloud-site .cloudx-form-input__message--error {
       color: #d93025
}

#cloud-site .cloudx-form-input__message-list {
       position: absolute
}

#cloud-site .cloudx-form-input__field {
       overflow: hidden
}

#cloud-site .cloudx-form-input__field table.i18n_phone_number_input {
       border: 0;
       box-shadow: none;
       margin: 0;
       position: relative
}

#cloud-site .cloudx-form-input__field table tr {
       border: 0
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-flag {
       background: url(https://ssl.gstatic.com/i18n/phonenumbers/phoneinputwidget/flags4.png) no-repeat 0 0;
       height: 11px;
       overflow: hidden;
       width: 16px
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .goog-inline-block {
       display: inline-block;
       position: relative
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-disabled {
       cursor: default;
       opacity: .5
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country {
       height: 30px;
       width: 53px
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-menu {
       background-color: #fff;
       border: 1px solid #dadce0;
       box-shadow: 0 0 3px rgba(0, 0, 0, .2);
       height: 300px;
       overflow-x: hidden;
       overflow-y: auto;
       position: absolute;
       z-index: 1005
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-menuitem {
       color: #000;
       font: normal 13px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       padding: 8px
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-menuitem-highlight,
#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-menuitem-hover {
       background-color: #e8f0fe
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-inline-block {
       display: inline-block
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-caption,
#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-code,
#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-flag,
#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-name {
       vertical-align: middle
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-flag {
       padding: 2px 0
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-name {
       margin: 0 5px 0 7px
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input .i18n-phone-select-country-code {
       color: #3c4043
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input-input {
       border: 0;
       padding: 0;
       width: 100%
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input-input input[type=tel] {
       padding-left: 60px
}

#cloud-site .cloudx-form-input__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 .cloudx-form-input__field .i18n_phone_number_input-menu .i18n-phone-select-country {
       cursor: pointer;
       height: 30px;
       outline: none;
       padding: 5px 0 0 12px;
       position: absolute;
       top: -4px;
       -webkit-transition: background .3s;
       transition: background .3s
}

#cloud-site .cloudx-form-input__field .i18n_phone_number_input-menu .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-gated-form-material {
       border-radius: 8px;
       overflow: hidden
}

.cloud-gated-form-material__header {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: #e8f0fe;
       color: #174ea6;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding: 24px 36px
}

.cloud-gated-form-material__header--submission {
       background-color: #e6f4ea;
       color: #0d652d
}

.cloud-gated-form-material__header-icon {
       font-size: 36px;
       margin-right: 16px
}

.cloud-gated-form-material__body {
       margin: 36px
}

.cloud-gated-form-material__email-options {
       margin: 36px 0 24px
}

.cloud-gated-form-material__email-options label {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 400;
       line-height: 24px;
       color: #5f6368;
       display: inline-block;
       padding-right: 24px
}

.cloud-gated-form-material__hidden {
       display: none
}

.cloud-gated-form-material__field-errors {
       position: absolute
}

.cloud-gated-form-material__field-error {
       color: #d93025;
       font-size: 11px;
       font-style: italic;
       padding-left: 2px
}

.cloud-gated-form-material__field-helper {
       font-size: 11px;
       font-style: italic;
       padding-left: 2px
}

.cloud-gated-form-material__field {
       margin: 32px 0
}

.cloud-gated-form-material__field .devsite-table-wrapper {
       margin: 0;
       overflow: hidden
}

.cloud-gated-form-material__field .phone-number-field {
       overflow: hidden
}

.cloud-gated-form-material__field table.i18n_phone_number_input {
       border: 0;
       box-shadow: none;
       margin: 0;
       position: relative
}

.cloud-gated-form-material__field table tr {
       border: 0
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-flag {
       background: url(https://ssl.gstatic.com/i18n/phonenumbers/phoneinputwidget/flags4.png) no-repeat 0 0;
       height: 11px;
       overflow: hidden;
       width: 16px
}

.cloud-gated-form-material__field .i18n_phone_number_input .goog-inline-block {
       display: inline-block;
       position: relative
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-disabled {
       cursor: default;
       opacity: .5
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-menu {
       background-color: #fff;
       border: 1px solid #dadce0;
       box-shadow: 0 0 3px rgba(0, 0, 0, .2);
       height: 300px;
       overflow-x: hidden;
       overflow-y: auto;
       position: absolute;
       z-index: 1005
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-menuitem {
       color: #000;
       font: normal 13px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       padding: 8px
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-menuitem-highlight,
.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-menuitem-hover {
       background-color: #e8f0fe
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-menu .goog-inline-block {
       display: inline-block
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-caption,
.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-code,
.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-flag,
.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-name {
       vertical-align: middle
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-flag {
       padding: 2px 0
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-name {
       margin: 0 5px 0 7px
}

.cloud-gated-form-material__field .i18n_phone_number_input .i18n-phone-select-country-code {
       color: #3c4043
}

.cloud-gated-form-material__field .i18n_phone_number_input-input {
       border: 0;
       padding: 0;
       width: 100%
}

.cloud-gated-form-material__field .i18n_phone_number_input-input input[type=tel] {
       padding-left: 60px
}

.cloud-gated-form-material__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-gated-form-material__field .i18n_phone_number_input-menu .i18n-phone-select-country {
       cursor: pointer;
       height: 30px;
       outline: none;
       padding: 5px 0 0 12px;
       position: absolute;
       top: -4px;
       -webkit-transition: background .3s;
       transition: background .3s
}

.cloud-gated-form-material__field .i18n_phone_number_input-menu .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-gated-form-material input[type=email],
.cloud-gated-form-material input[type=tel],
.cloud-gated-form-material input[type=text],
.cloud-gated-form-material select {
       border: 0;
       border-bottom: 2px solid #e8eaed;
       height: 27px;
       margin-bottom: 4px;
       padding: 0 0 5px 2px;
       width: 100%
}

.cloud-gated-form-material input[type=checkbox] {
       margin: 7px 14px 0 0
}

.cloud-gated-form-material select {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       font-weight: 400;
       max-width: inherit
}

.cloud-gated-form-material input[type=email].invalid,
.cloud-gated-form-material input[type=tel].invalid,
.cloud-gated-form-material input[type=text].invalid {
       border-bottom: 2px solid #d93025
}

@media screen and (min-width:400px) and (max-width:768px) {
       .cloud-gated-form-material {
              padding-left: 0
       }
}

.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 {
       border: 1px solid #dadce0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding: 32px
}

.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: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 12px;
       font-weight: 400;
       letter-spacing: .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:active,
.cloud-products-and-solutions .cloud-product-card__title:link,
.cloud-products-and-solutions .cloud-product-card__title:visited {
       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:focus,
.cloud-products-and-solutions .cloud-product-card__title i:hover {
       color: #174ea6
}

.cloud-products-and-solutions .cloud-product-card__headline {
       color: #1a73e8;
       display: inline-block;
       font: 400 16px/30px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, 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:focus,
.cloud-products-and-solutions .cloud-product-card__headline:hover {
       color: #174ea6
}

.cloud-products-and-solutions .cloud-product-card__headline.no-pad {
       padding-top: 0
}

.cloud-products-and-solutions .cloud-product-card__sub-headline {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 400;
       line-height: 24px;
       color: #202124;
       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 (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 (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 (max-width:600px) {
       .cloud-products-and-solutions .card-cta-image__links {
              -webkit-box-align: start;
              -webkit-align-items: flex-start;
              -moz-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column
       }
}

.cloud-products-and-solutions .card-cta-image__secondary-link {
       color: #1a73e8;
       display: inline-block;
       font: 500 16px/22px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       margin-left: 16px
}

@media (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: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end
}

.cloud-products-and-solutions .card-cta-image__image div {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: end;
       -webkit-align-items: flex-end;
       -moz-box-align: end;
       -ms-flex-align: end;
       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 (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 {
       color: #fff;
       margin-left: 0
}

.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:focus,
.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:visited {
       color: #fff
}

.cloud-products-and-solutions .card-cta-image .cloud-button__set {
       margin-bottom: 24px
}

.cloud-hero__products-and-solutions {
       margin-bottom: 40px
}

@media (min-width:600px) {
       .cloud-hero__products-and-solutions {
              margin-bottom: 80px
       }
}

@media (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
       }
}

.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 #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 #featured-products .cloud-product-card__title,
       .cloud-products-home-page .cloud-inner-content .cloud-footnotes,
       .cloud-products-home-page .cloud-inner-content .cloud-grid {
              margin-left: -40px
       }

       .cloud-products-home-page .flex {
              margin-left: 40px
       }

       .cloud-products-home-page .flex.flex--col {
              margin-left: 0
       }
}

.cloud-hero--story .cloud-button--flat.cloud-button--reversed:focus {
       background-color: transparent;
       color: #fff;
       outline: none
}

.cloud-hero--story .cloud-hero__content--background {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 53vh
}

.story-content a {
       text-decoration: none
}

.story-content__aside-content .aside-description {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 400;
       line-height: 24px;
       max-width: 200px
}

.story-content__aside-content .list-aside__logo-main .cloud-list-aside__list-item-bullet--logo {
       height: auto;
       width: auto
}

.story-content__main-content p {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 18px;
       font-weight: 400;
       line-height: 32px;
       margin-bottom: 32px
}

.story-content__image {
       overflow-x: scroll
}

.story-content__image--scroll {
       height: 56vh;
       max-height: 510px;
       max-width: none
}

.story-content__image-message {
       color: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 12px;
       font-weight: 400;
       letter-spacing: .35px;
       line-height: 18px;
       text-align: center;
       width: 100%
}

.story-content__intro {
       border-bottom: 1px solid #dadce0;
       margin-bottom: 80px;
       padding-bottom: 24px
}

.story-content__intro p {
       color: #202124
}

.story-content__video {
       position: relative;
       text-align: right
}

.story-content__video-placeholder {
       opacity: .7
}

.story-content__video-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: rgba(32, 33, 36, .7);
       border-radius: 1px;
       bottom: 38px;
       color: #fff;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-height: 70px;
       min-width: 226px;
       position: absolute;
       right: 0
}

.story-content__double-image {
       margin: 64px auto 48px;
       max-width: 1440px;
       position: relative
}

@media (min-width:600px) {
       .story-content__double-image--left {
              margin-top: 104px;
              width: 40%
       }
}

@media (min-width:600px) {
       .story-content__double-image--right {
              position: absolute;
              width: 60%
       }
}

@media (min-width:1024px) {
       .story-content__double-image--right {
              right: 0
       }
}

.story-header__subtitle {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 18px;
       font-weight: 400;
       line-height: 32px;
       margin-bottom: 32px
}

.story-solutions__card-content {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-flow: column;
       flex-flow: column;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       padding: 0 32px
}

@media (min-width:600px) {
       .story-solutions__card-content {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: reverse;
              -webkit-flex-flow: row-reverse;
              -moz-box-orient: horizontal;
              -moz-box-direction: reverse;
              -ms-flex-flow: row-reverse;
              flex-flow: row-reverse
       }
}

.story-solutions__card-image {
       padding: 0 32px
}

cloud-shell-button span {
       padding: 0 0 0 5px
}

cloud-shell-button svg {
       padding: 0 0 2px;
       vertical-align: middle
}

cloud-shell-pane {
       --pane-resizer-height: 24px;
       -webkit-align-content: stretch;
       -ms-flex-line-pack: stretch;
       align-content: stretch;
       display: none;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-flow: column nowrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-flow: column nowrap;
       flex-flow: column nowrap;
       height: 284px;
       max-height: inherit;
       min-height: 72px
}

cloud-shell-pane.opened {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

cloud-shell-pane[devsite-size=content-area] {
       padding-top: 13px
}

cloud-shell-pane[devsite-size=content-area][cr-os] {
       padding-top: 20px
}

cloud-shell-pane[devsite-size=content-area]>.resizer {
       display: none
}

cloud-shell-pane[devsite-size=content-area]>devsite-shell {
       outline: initial
}

cloud-shell-pane[is-resizing] {
       --cloudshell-active-border: 1px solid var(--devsite-feedback-icon-background)
}

cloud-shell-pane[is-resizing]>devsite-shell {
       outline: var(--cloudshell-active-border)
}

cloud-shell-pane[is-resizing]>.resizer>.grabber-focus {
       border-left: var(--cloudshell-active-border);
       border-right: var(--cloudshell-active-border);
       border-top: var(--cloudshell-active-border)
}

cloud-shell-pane[is-resizing]>.resizer>.grabber-focus>.grabber {
       background: var(--devsite-feedback-icon-background)
}

cloud-shell-pane>.resizer {
       background: transparent;
       -webkit-box-flex: 0;
       -webkit-flex: 0 1 content;
       -moz-box-flex: 0;
       -ms-flex: 0 1 content;
       flex: 0 1 content;
       pointer-events: auto;
       -ms-touch-action: none;
       touch-action: none;
       width: 100%;
       z-index: 1
}

cloud-shell-pane>.resizer .dogfood-notice {
       background: #fff;
       border-left: var(--devsite-header-border);
       border-radius: 5px 5px 0 0;
       border-right: var(--devsite-header-border);
       border-top: var(--devsite-header-border);
       color: #1976d2;
       display: block;
       float: left;
       height: var(--pane-resizer-height);
       left: 18px;
       overflow: hidden;
       padding: 0 8px;
       position: relative
}

cloud-shell-pane>.resizer .dogfood-notice .material-icons {
       font-size: 18px;
       position: relative;
       top: 3px
}

cloud-shell-pane>.resizer .dogfood-notice .notice-text {
       display: none
}

@media (min-width:600px) {
       cloud-shell-pane>.resizer .dogfood-notice .notice-text {
              display: inline
       }
}

cloud-shell-pane>.resizer:hover {
       cursor: row-resize
}

cloud-shell-pane>.resizer:hover .grabber-focus .grabber {
       background: var(--devsite-feedback-icon-background)
}

cloud-shell-pane>.resizer>.grabber-focus {
       background: var(--devsite-primary-color);
       border-left: var(--devsite-header-border);
       border-radius: 5px 5px 0 0;
       border-right: var(--devsite-header-border);
       border-top: var(--devsite-header-border);
       height: var(--pane-resizer-height);
       margin: 0 auto;
       width: 48px
}

cloud-shell-pane>.resizer>.grabber-focus>.grabber {
       background: #ccc;
       height: 3px;
       margin: 11px auto 10px;
       width: 22px
}

cloud-shell-pane>.free-trial-banner {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: #fff;
       display: none;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       height: calc(100% - var(--pane-resizer-height));
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       overflow: hidden;
       position: absolute;
       top: var(--pane-resizer-height);
       width: 100%;
       z-index: 2
}

cloud-shell-pane>.free-trial-banner>.close-btn {
       color: initial;
       position: absolute;
       right: 10px;
       top: 10px
}

cloud-shell-pane>.free-trial-banner>.banner-text {
       display: inline-block;
       margin: 20px 0
}

cloud-shell-pane>.free-trial-banner>.banner-text>h3 {
       margin: initial
}

cloud-shell-pane>.free-trial-banner>.banner-text>p {
       color: var(--devsite-primary-text-color);
       margin: 16px 0 8px
}

cloud-shell-pane>.free-trial-banner>.banner-text>ul>li {
       margin: initial
}

cloud-shell-pane>.free-trial-banner>.banner-text>div.row {
       margin: 20px 0 0
}

cloud-shell-pane devsite-shell {
       background: var(--devsite-primary-color);
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       height: 48px;
       outline: var(--devsite-header-border)
}

body[free-trial] cloud-shell-pane[enable-fte-user-flow] .free-trial-banner {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

cloudx-additional-tabs {
       --tab-font: 400 14px/22px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       --tab-link-color: #5f6368;
       --tab-link-color-hover: #000;
       --tab-padding: 8px;
       --tab-transition: color 0.2s ease;
       --first-tab-margin-left: calc(var(--tab-padding)*2);
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100%;
       -webkit-justify-content: space-around;
       -ms-flex-pack: distribute;
       justify-content: space-around
}

cloudx-additional-tabs tab {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 100%;
       padding: var(--tab-padding)
}

cloudx-additional-tabs tab:first-child {
       margin-left: var(--first-tab-margin-left)
}

cloudx-additional-tabs tab>a:link,
cloudx-additional-tabs tab>a:visited {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--tab-link-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: var(--tab-font);
       height: 100%;
       text-decoration: none;
       transition: --tab-transition
}

cloudx-additional-tabs tab>a:focus,
cloudx-additional-tabs tab>a:hover {
       color: var(--tab-link-color-hover)
}

@media only screen and (max-width:1052px) {
       cloudx-additional-tabs {
              display: none
       }
}

@-webkit-keyframes anim-next {
       0% {
              -webkit-transform: translateX(50%);
              transform: translateX(50%)
       }

       to {
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%)
       }
}

@keyframes anim-next {
       0% {
              -webkit-transform: translateX(50%);
              transform: translateX(50%)
       }

       to {
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%)
       }
}

@-webkit-keyframes anim-prev {
       0% {
              -webkit-transform: translateX(-150%);
              transform: translateX(-150%)
       }

       to {
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%)
       }
}

@keyframes anim-prev {
       0% {
              -webkit-transform: translateX(-150%);
              transform: translateX(-150%)
       }

       to {
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%)
       }
}

.cloud-carousel,
cloudx-carousel {
       display: block;
       min-width: 300px;
       padding: 26px 0 0;
       position: relative
}

.cloud-carousel .cloud-carousel--no-transition .cloud-carousel__slide-deck,
cloudx-carousel .cloud-carousel--no-transition .cloud-carousel__slide-deck {
       -webkit-transition: none;
       transition: none
}

.cloud-carousel .cloud-carousel__controls--hide-nuggets .cloud-carousel__nuggets,
cloudx-carousel .cloud-carousel__controls--hide-nuggets .cloud-carousel__nuggets {
       display: none
}

.cloud-carousel .cloud-carousel__controls .cloud-carousel--hide-nuggets .cloud-carousel__arrow,
cloudx-carousel .cloud-carousel__controls .cloud-carousel--hide-nuggets .cloud-carousel__arrow {
       padding-bottom: 0
}

.cloud-carousel .cloud-carousel__arrow,
cloudx-carousel .cloud-carousel__arrow {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: 0;
       border: 0;
       bottom: 0;
       box-shadow: none;
       color: #202124;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: auto;
       margin: 0;
       overflow: visible;
       padding: 0;
       position: absolute;
       top: 0;
       z-index: 1
}

.cloud-carousel .cloud-carousel__arrow,
.cloud-carousel .cloud-carousel__arrow:focus,
.cloud-carousel .cloud-carousel__arrow:hover,
cloudx-carousel .cloud-carousel__arrow,
cloudx-carousel .cloud-carousel__arrow:focus,
cloudx-carousel .cloud-carousel__arrow:hover {
       border: none;
       outline: none;
       text-decoration: none
}

.cloud-carousel .cloud-carousel__arrow:before,
cloudx-carousel .cloud-carousel__arrow:before {
       background: #fff;
       border: 1px solid #dadce0;
       border-radius: 50%;
       content: "";
       display: block;
       height: 48px;
       position: absolute;
       -webkit-transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
       transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
       width: 48px
}

.cloud-carousel .cloud-carousel__arrow.left-arrow,
cloudx-carousel .cloud-carousel__arrow.left-arrow {
       left: 0
}

.cloud-carousel .cloud-carousel__arrow.right-arrow,
cloudx-carousel .cloud-carousel__arrow.right-arrow {
       right: 0
}

.cloud-carousel .cloud-carousel__arrow i.material-icons,
cloudx-carousel .cloud-carousel__arrow i.material-icons {
       font-size: 24px;
       height: 24px;
       margin: 0 12px;
       max-width: inherit;
       top: 0;
       width: 24px;
       z-index: 1
}

.cloud-carousel .cloud-carousel__arrow:not([disabled]) .material-icons,
cloudx-carousel .cloud-carousel__arrow:not([disabled]) .material-icons {
       cursor: pointer
}

.cloud-carousel .cloud-carousel__arrow:not([disabled]):hover:before,
cloudx-carousel .cloud-carousel__arrow:not([disabled]):hover:before {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15)
}

.cloud-carousel .cloud-carousel__arrow:not([disabled]):focus:before,
cloudx-carousel .cloud-carousel__arrow:not([disabled]):focus:before {
       border: 2px solid #1a73e8
}

.cloud-carousel .cloud-carousel__arrow[disabled],
cloudx-carousel .cloud-carousel__arrow[disabled] {
       cursor: default
}

.cloud-carousel .cloud-carousel__arrow[disabled] i,
cloudx-carousel .cloud-carousel__arrow[disabled] i {
       color: #dadce0
}

.cloud-carousel[transparent-arrow] .cloud-carousel__arrow:before,
cloudx-carousel[transparent-arrow] .cloud-carousel__arrow:before {
       background: transparent;
       border: 1px solid transparent
}

.cloud-carousel[transparent-arrow] .cloud-carousel__arrow:focus:before,
.cloud-carousel[transparent-arrow] .cloud-carousel__arrow:hover:before,
cloudx-carousel[transparent-arrow] .cloud-carousel__arrow:focus:before,
cloudx-carousel[transparent-arrow] .cloud-carousel__arrow:hover:before {
       background: #fff
}

.cloud-carousel .cloud-carousel__nuggets,
cloudx-carousel .cloud-carousel__nuggets {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 14px 0
}

.cloud-carousel .cloud-carousel__nugget,
cloudx-carousel .cloud-carousel__nugget {
       background: transparent;
       border: 2px solid transparent;
       border-radius: 50%;
       box-shadow: none;
       cursor: pointer;
       height: 16px;
       margin-right: 8px;
       min-width: auto;
       padding: 0;
       position: relative;
       width: 16px
}

.cloud-carousel .cloud-carousel__nugget:last-child,
cloudx-carousel .cloud-carousel__nugget:last-child {
       margin-right: 0
}

.cloud-carousel .cloud-carousel__nugget:after,
cloudx-carousel .cloud-carousel__nugget:after {
       background: #dadce0;
       border-radius: 50%;
       content: "";
       display: block;
       height: 8px;
       left: 2px;
       position: absolute;
       top: 2px;
       -webkit-transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
       transition: border .3s ease-in-out, box-shadow .3s ease-in-out;
       width: 8px
}

.cloud-carousel .cloud-carousel__nugget:focus,
.cloud-carousel .cloud-carousel__nugget:hover,
cloudx-carousel .cloud-carousel__nugget:focus,
cloudx-carousel .cloud-carousel__nugget:hover {
       background: transparent
}

.cloud-carousel .cloud-carousel__nugget:focus:after,
.cloud-carousel .cloud-carousel__nugget:hover:after,
cloudx-carousel .cloud-carousel__nugget:focus:after,
cloudx-carousel .cloud-carousel__nugget:hover:after {
       background: #dadce0
}

.cloud-carousel .cloud-carousel__nugget:focus,
cloudx-carousel .cloud-carousel__nugget:focus {
       border: 2px solid #1a73e8
}

.cloud-carousel .cloud-carousel__nugget[active]:after,
cloudx-carousel .cloud-carousel__nugget[active]:after {
       background: #202124
}

@media (min-width:1024px) {

       .cloud-carousel .cloud-carousel--arrows-on-hover .cloud-carousel__arrow,
       cloudx-carousel .cloud-carousel--arrows-on-hover .cloud-carousel__arrow {
              opacity: 0;
              -webkit-transition: opacity .3s ease-in-out;
              transition: opacity .3s ease-in-out
       }

       .cloud-carousel .cloud-carousel--arrows-on-hover .cloud-carousel__arrow:focus,
       cloudx-carousel .cloud-carousel--arrows-on-hover .cloud-carousel__arrow:focus {
              opacity: 1
       }

       .cloud-carousel .cloud-carousel--arrows-on-hover:hover .cloud-carousel__arrow,
       cloudx-carousel .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-carousel__slide-deck-container {
       overflow: hidden
}

.cloud-carousel__slide-deck {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-transform: translateX(0);
       transform: translateX(0);
       -webkit-transition: -webkit-transform .8s cubic-bezier(.43, 0, .47, 1);
       transition: -webkit-transform .8s cubic-bezier(.43, 0, .47, 1);
       transition: transform .8s cubic-bezier(.43, 0, .47, 1);
       transition: transform .8s cubic-bezier(.43, 0, .47, 1), -webkit-transform .8s cubic-bezier(.43, 0, .47, 1)
}

.cloud-carousel__slide {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 0 45px;
       width: 100%
}

.cloud-carousel__slide:focus {
       background-color: #f8f9fa;
       outline: none
}

.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-metadata {
       margin: 0
}

.cloud-carousel__slide--story {
       max-height: 128px
}

.cloud-carousel__slide--story .cloud-carousel__slide-image {
       display: none;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 100px;
       -moz-box-flex: 0;
       -ms-flex: 0 0 100px;
       flex: 0 0 100px;
       height: 100%;
       margin: 0;
       width: 100px
}

@media (min-width:600px) {
       .cloud-carousel__slide--story .cloud-carousel__slide-image {
              display: block
       }
}

.cloud-carousel__slide--story .cloud-carousel__slide-image img {
       height: auto
}

.cloud-carousel__slide--story .cloud-carousel__slide-body {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       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-carousel__slide--story .cloud-carousel__slide-description {
       color: #202124;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       font: 500 16px/24px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       letter-spacing: .47px;
       margin: 8px 0 0
}

.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-carousel__slide--story .cloud-carousel__slide-description .cloud-carousel__slide-cta {
       display: block;
       font-size: 14px;
       font-weight: 500;
       line-height: 14px;
       margin-top: 8px
}

.cloud-carousel__slide--story .cloud-carousel__slide-description .cloud-carousel__slide-cta .cloud-carousel--clickable {
       display: inherit
}

@media (min-width:600px) {
       .cloud-carousel__slide {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-direction: row;
              -moz-box-orient: horizontal;
              -moz-box-direction: normal;
              -ms-flex-direction: row;
              flex-direction: row;
              padding: 0 73px
       }

       .cloud-carousel__slide .cloud-carousel__slide--image-align-left-top {
              -webkit-box-align: start;
              -webkit-align-items: flex-start;
              -moz-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start
       }

       .cloud-carousel__slide .cloud-carousel__slide--image-align-right {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: reverse;
              -webkit-flex-direction: row-reverse;
              -moz-box-orient: horizontal;
              -moz-box-direction: reverse;
              -ms-flex-direction: row-reverse;
              flex-direction: row-reverse
       }
}

@media (min-width:1024px) {
       .cloud-carousel__slide {
              padding: 0 6%
       }
}

.cloud-carousel__slide-image {
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 104px;
       -moz-box-flex: 0;
       -ms-flex: 0 0 104px;
       flex: 0 0 104px;
       margin: 0 0 27px;
       width: 104px
}

@media (max-width:400px) {
       .cloud-carousel__slide-image {
              display: none
       }
}

@media (min-width:600px) {
       .cloud-carousel__slide-image {
              margin: 0 16px
       }
}

.cloud-carousel__slide-image img {
       width: 100%
}

.cloud-carousel__slide-image .cloud-carousel__slide-image--circular img {
       border-radius: 50%
}

.cloud-carousel__slide-image .cloud-carousel__slide-image--rounded img {
       border-radius: 10px;
       border: 1px solid #e8eaed
}

.cloud-carousel__slide-body {
       margin: 0 9%
}

@media (min-width:600px) {
       .cloud-carousel__slide-body {
              margin: 0 20px 0 36px
       }
}

.cloud-carousel--3up .cloud-carousel__slide {
       padding: 0
}

.cloud-carousel--3up .cloud-carousel__slide.cws-cards {
       padding: 2px
}

@media (min-width:600px) {
       .cloud-carousel--3up .cloud-carousel__slide {
              -webkit-box-align: start;
              -webkit-align-items: start;
              -moz-box-align: start;
              -ms-flex-align: start;
              align-items: start;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-basis: 373.3333333333px;
              -ms-flex-preferred-size: 373.3333333333px;
              flex-basis: 373.3333333333px;
              margin-right: 80px
       }
}

@media (min-width:600px) {
       .cloud-carousel--3up .cloud-carousel__slide .cloud-carousel__slide--large {
              -webkit-flex-basis: 626px;
              -ms-flex-preferred-size: 626px;
              flex-basis: 626px
       }
}

@media (min-width:600px) {
       .cloud-carousel--margin-tight .cloud-carousel__slide {
              -webkit-flex-basis: 408px;
              -ms-flex-preferred-size: 408px;
              flex-basis: 408px;
              margin-right: 28px
       }
}

.cloud-carousel--featured {
       position: relative
}

.cloud-carousel--featured .cloud-carousel__slide {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: start;
       -webkit-justify-content: start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: start;
       padding: 0
}

@media (min-width:768px) {
       .cloud-carousel--featured .cloud-carousel__slide {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-direction: row;
              -moz-box-orient: horizontal;
              -moz-box-direction: normal;
              -ms-flex-direction: row;
              flex-direction: row
       }
}

.cloud-carousel--featured .cloud-carousel__slide-body {
       -webkit-box-align: baseline;
       -webkit-align-items: baseline;
       -moz-box-align: baseline;
       -ms-flex-align: baseline;
       align-items: baseline;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: 100%;
       margin: 0;
       padding: 24px 18px;
       width: 100%
}

@media (min-width:600px) {
       .cloud-carousel--featured .cloud-carousel__slide-body {
              margin: 0 15px 0 40px
       }
}

@media (min-width:768px) {
       .cloud-carousel--featured .cloud-carousel__slide-body {
              display: block;
              height: auto;
              margin: 0 26px 0 52px;
              padding: 0
       }
}

.cloud-carousel--featured .cloud-carousel__slide-body .cloud-button {
       margin-top: auto
}

.cloud-carousel--featured .cloud-carousel__slide-image {
       background-position: 50%;
       background-repeat: no-repeat;
       background-size: cover;
       display: block;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: 240px;
       margin: 0;
       width: 100%
}

@media (min-width:768px) {
       .cloud-carousel--featured .cloud-carousel__slide-image {
              min-height: 300px;
              width: 50%
       }
}

.cloud-carousel--featured .cloud-carousel__slide-metadata {
       margin: 0 0 24px
}

@media (min-width:1024px) {
       .cloud-carousel--featured .cloud-carousel__slide-metadata {
              margin-bottom: 40px;
              margin-top: 17px
       }
}

@media (min-width:1024px) {
       .cloud-carousel--featured .cloud-carousel__slide-location:before {
              content: " - "
       }
}

.cloud-carousel--featured .cloud-carousel__slide-date,
.cloud-carousel--featured .cloud-carousel__slide-location {
       display: block
}

@media (min-width:1024px) {

       .cloud-carousel--featured .cloud-carousel__slide-date,
       .cloud-carousel--featured .cloud-carousel__slide-location {
              display: inline
       }
}

.cloud-carousel--featured .cloud-carousel__arrow {
       padding-bottom: 63px
}

.cloud-carousel--featured .cloud-carousel__arrow.left-arrow {
       left: -24px
}

.cloud-carousel--featured .cloud-carousel__arrow.right-arrow {
       right: -24px
}

.cloud-carousel--featured .cloud-carousel__slide-deck-container {
       border: 1px solid #dadce0;
       border-radius: 8px;
       margin-bottom: 5px
}

@media (min-width:600px) {
       .cloud-carousel--featured .cloud-carousel__slide-deck-container {
              margin-bottom: 17px
       }
}

.cloud-carousel--simple {
       background-color: #f8f9fa;
       min-width: auto;
       padding-top: 0;
       position: relative
}

.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: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.cloud-carousel--simple .cloud-carousel__nuggets {
       bottom: 8px;
       left: 0;
       padding-bottom: 0;
       padding-top: 0;
       position: absolute;
       right: 0
}

.cloud-carousel--simple .cloud-carousel__nugget {
       height: 14px;
       width: 14px
}

.cloud-carousel--simple .cloud-carousel__nugget:after {
       height: 6px;
       width: 6px
}

.cloud-carousel--3up .cloud-carousel__arrow:not(.cloud-carousel--showcase)[disabled] {
       display: none
}

.cloud-carousel--3up .cloud-carousel__arrow.right-arrow {
       right: 20px
}

.cloud-policies__anchor {
       left: 0;
       position: absolute;
       top: -85px
}

.chrome-policies {
       width: 100%
}

.chrome-policies-expandable {
       cursor: pointer;
       margin: 16px 0;
       padding-right: 24px;
       position: relative
}

@media (min-width:1024px) {
       .chrome-policies-expandable {
              margin: 8px 0
       }
}

.chrome-policies-expandable__text {
       font: px/px;
       font-weight: 500;
       letter-spacing: .25px;
       pointer-events: none
}

.chrome-policies-expandable__text:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       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;
       position: absolute;
       right: 8px;
       top: 4px
}

.chrome-policies-expandable__content {
       display: block;
       margin: 0;
       overflow: hidden;
       -webkit-transition: height .3s ease-out;
       transition: height .3s ease-out
}

.chrome-policies-expandable--open .chrome-policies-expandable__text:after {
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg)
}

.chrome-policies-expandable-policy {
       color: #5f6368;
       word-break: break-word
}

.chrome-policies-expandable-policy__link {
       color: inherit;
       display: block;
       line-height: 1.5;
       text-decoration: none
}

.chrome-policies-expandable-policy__link:focus,
.chrome-policies-expandable-policy__link:link {
       text-decoration: none
}

.chrome-policies-expandable-policy:hover {
       color: #174ea6
}

.chrome-policies-expandable-policy__deprecated {
       color: #d93025;
       font-size: 13px;
       pointer-events: none
}

.chrome-policies-expandable-policy--selected {
       color: #1a73e8;
       position: relative
}

.chrome-policies-expandable-policy__name {
       white-space: pre
}

#chrome-policies-data {
       padding: 20px 0;
       overflow-y: scroll
}

.chrome-policies-sidebar {
       background-color: #fff;
       min-width: 180px
}

@media (min-width:1024px) {
       .chrome-policies-sidebar {
              max-width: 218px;
              overflow-y: hidden;
              position: fixed
       }
}

.chrome-policies-sidebar--border-bottom {
       border-bottom: 0
}

@media (min-width:1024px) {
       .chrome-policies-sidebar--border-bottom {
              border-bottom: 1px solid #dadce0
       }
}

.chrome-policies-sidebar__title {
       display: none
}

@media (min-width:1024px) {
       .chrome-policies-sidebar__title {
              display: block
       }
}

.chrome-policies-sidebar__title a {
       color: inherit
}

.chrome-policies-sidebar__title a:focus,
.chrome-policies-sidebar__title a:link {
       text-decoration: none
}

.chrome-policies-sidebar__content {
       display: none;
       margin: 0 16px 32px
}

.chrome-policies-sidebar__content--open {
       display: block;
       overflow: hidden
}

@media (min-width:1024px) {
       .chrome-policies-sidebar__content {
              display: block;
              margin: 0
       }
}

.chrome-policies-sidebar__sticky {
       left: 0;
       position: fixed;
       top: 113px;
       width: 100%;
       z-index: 1
}

@media (min-width:1024px) {
       .chrome-policies-sidebar__sticky {
              left: auto;
              position: fixed;
              top: auto
       }
}

.chrome-policies-sidebar__toggle {
       background-color: #fff;
       border: 1px solid #dadce0;
       color: #202124;
       cursor: pointer;
       display: block;
       font-size: 12px;
       letter-spacing: 1.25px;
       padding: 16px 20px;
       text-decoration: none;
       text-transform: uppercase
}

.chrome-policies-sidebar__toggle:focus,
.chrome-policies-sidebar__toggle:link {
       text-decoration: none
}

@media (min-width:1024px) {
       .chrome-policies-sidebar__toggle {
              display: none;
              margin: 0
       }
}

.chrome-policies-sidebar__toggle:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       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;
       position: absolute;
       right: 16px;
       top: 20px
}

.chrome-policies-sidebar__toggle--open:after {
       content: "keyboard_arrow_up"
}

.chrome-policies-sidebar__divider {
       margin: 22px 0 12px
}

@media (min-width:1024px) {
       .chrome-policies-sidebar__divider {
              margin: 22px 0 0
       }
}

.chrome-policies-sidebar .cloud-search-box-container {
       margin-bottom: 10px
}

.chrome-policies-sidebar .chrome-policies-checkbox {
       font-family: inherit
}

.chrome-policies-sidebar .chrome-policies-checkbox label {
       color: #202124;
       font-size: 13px
}

.chrome-policies-sidebar .chrome-policies-checkbox input {
       color: #dadce0;
       font-size: 20px;
       margin: 0 8px 0 0;
       z-index: 0
}

.chrome-policies-sidebar .chrome-policies-checkbox input:after {
       left: 0;
       top: -1px
}

.chrome-policies-sidebar .chrome-policies-checkbox input:before {
       display: none
}

.chrome-policies-sidebar .chrome-policies-checkbox input:focus {
       background: none
}

.chrome-policies-sidebar .chrome-policies-checkbox input:checked:after {
       color: #1a73e8
}

.chrome-policies-dropdown {
       margin: 6px 0 15px
}

#chrome-policies-content-main {
       margin-bottom: 60px
}

#chrome-policies-content-main li {
       color: #5f6368;
       margin: 0
}

#chrome-policies-content-main pre {
       color: #202124;
       width: 100%;
       word-break: break-all
}

.chrome-policies-content {
       margin-top: 92px
}

@media (min-width:768px) {
       .chrome-policies-content {
              margin-top: 0
       }
}

.chrome-policies-based-on {
       font: px/px;
       color: #5f6368;
       margin-top: 8px
}

@media (min-width:1024px) {
       .chrome-policies-based-on {
              margin-top: 0;
              text-align: right
       }
}

.chrome-policy-header {
       margin-bottom: 40px
}

.chrome-policy-header__breadcrumb {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 13px;
       letter-spacing: .5px;
       margin-bottom: 32px;
       text-transform: uppercase
}

@media (min-width:1024px) {
       .chrome-policy-header__breadcrumb {
              margin-bottom: 40px
       }
}

.chrome-policy-header__title {
       margin-bottom: 16px;
       word-break: break-word
}

.chrome-policy-header__title-name {
       white-space: pre
}

.chrome-policy-header__deprecated {
       color: #d93025;
       text-transform: uppercase
}

.cloud-policy-main-copy {
       margin: 40px 0 0
}

.cloud-policy-main-copy .cloud-footnotes {
       font-style: italic
}

.cloud-policy-main-copy p {
       margin: 0
}

.cloud-policy-main-copy p:not(:last-child) {
       margin-bottom: 20px
}

.cloud-policy-main-copy__help-links {
       margin-top: 32px
}

.cloud-policy-main-copy__help-links a {
       display: block;
       font-weight: 700
}

.cloud-policy-main-copy__help-links a:not(:last-child) {
       margin-bottom: 16px
}

.cloud-policy-main-right-bar {
       margin-top: 40px
}

.cloud-policies-links__group {
       position: relative;
       margin-bottom: 80px
}

#chrome-policies-data-columns {
       margin-top: 80px
}

.chrome-policy-content,
.chrome-policy-snippet {
       font-size: 14px
}

.chrome-policy-content dt,
.chrome-policy-snippet dt {
       font-size: 14px;
       font-weight: 700;
       margin-bottom: 24px
}

.chrome-policy-content dd,
.chrome-policy-content p,
.chrome-policy-snippet dd,
.chrome-policy-snippet p {
       font-size: inherit !important;
       line-height: 20px !important
}

.chrome-policy-snippet__data-type {
       color: #34a853;
       font-weight: 700;
       text-transform: capitalize
}

.chrome-policy-snippet__list-disclaimer,
.chrome-policy-snippet__list-title {
       color: #5f6368 !important;
       font-size: 14px !important;
       line-height: normal !important
}

.chrome-policy-snippet__list-title {
       margin-bottom: 16px !important
}

.chrome-policy-snippet__list-disclaimer {
       font-style: italic;
       font-weight: 200 !important;
       margin-bottom: 30px !important
}

.chrome-policy-snippet__data-type-content p {
       margin: 0
}

.chrome-policy-snippet__data-type-content p:not(:last-child) {
       margin-bottom: 8px
}

.chrome-policy-snippet__code-box {
       color: #000;
       font-size: 12px;
       padding: 32px 16px 16px;
       white-space: pre-wrap;
       width: 100%;
       word-wrap: break-word
}

.chrome-policy-snippet--green {
       color: #188038 !important
}

.cloud-policy-category-container {
       border: 1px solid #dadce0;
       margin-bottom: 16px;
       margin-top: 24px;
       padding: 32px
}

.cloud-policy-category-container__item {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       margin: 0;
       word-break: break-word
}

.cloud-policy-category-container__item:not(:last-child) {
       margin-bottom: 20px
}

.cloud-policy-category-container__item-name {
       white-space: pre
}

.cloud-policy-category-container__column {
       word-break: break-all
}

.cloud-policy-category-container__column--first {
       margin-bottom: 20px
}

@media (min-width:1024px) {
       .cloud-policy-category-container__column--first {
              margin-bottom: 0
       }
}

.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;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       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-dropdown {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       margin: 20px 0;
       font: px/px
}

.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;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       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;
       -webkit-transition: height .3s ease .3s, visibility 0s linear;
       transition: height .3s ease .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: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       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;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       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 {
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg)
}

.cloud-collapse devsite-expandable,
cloudx-collapse devsite-expandable {
       box-shadow: 0 -1px 0 #dadce0
}

.cloud-collapse devsite-expandable:hover,
cloudx-collapse devsite-expandable:hover {
       box-shadow: 0 -1px 0 #174ea6
}

.cloud-collapse devsite-expandable.cloud-collapse-expanded,
.cloud-collapse devsite-expandable[expanded],
cloudx-collapse devsite-expandable.cloud-collapse-expanded,
cloudx-collapse devsite-expandable[expanded] {
       box-shadow: 0 -3px 0 #174ea6
}

.cloud-collapse devsite-expandable:last-child,
cloudx-collapse devsite-expandable:last-child {
       border-bottom: 1px solid #dadce0
}

devsite-expandable[expanded]>.cloud-collapse__text {
       color: #174ea6
}

devsite-expandable[expanded]>.cloud-collapse__label:after {
       content: "keyboard_arrow_up"
}

devsite-expandable[expanded]>.cloud-collapse__label:focus .cloud-collapse__text,
devsite-expandable[expanded]>.cloud-collapse__label:hover .cloud-collapse__text {
       color: #174ea6
}

devsite-expandable[expanded]>.cloud-collapse__panel {
       padding: 0 0 36px
}

.cloud-collapse__panels {
       border-bottom: 1px solid #dadce0
}

.cloud-collapse__label {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       outline: none;
       padding: 22px 0
}

.cloud-collapse__label:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #1a73e8;
       content: "keyboard_arrow_down";
       font-size: 30px;
       margin-left: auto
}

.cloud-collapse__label:focus .cloud-collapse__text,
.cloud-collapse__label:focus:after,
.cloud-collapse__label:hover .cloud-collapse__text,
.cloud-collapse__label:hover:after {
       color: #174ea6
}

.cloud-collapse__text {
       color: #1a73e8
}

devsite-expandable[expanded] .cloud-collapse__text {
       color: #174ea6
}

.cloud-collapse__control-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       outline: none
}

.cloud-collapse__control-wrapper:focus .cloud-collapse__control,
.cloud-collapse__control-wrapper:hover .cloud-collapse__control {
       color: #174ea6
}

.cloud-collapse__control-wrapper--expanded .cloud-collapse__control:after {
       content: "remove_circle"
}

.cloud-collapse__control-wrapper.cloud-collapse__toggle-wrapper {
       -webkit-box-pack: end;
       -webkit-justify-content: flex-end;
       -moz-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       margin-right: 6px;
       padding-bottom: 16px
}

.cloud-collapse__control {
       background: none;
       border: none;
       font-size: 14px;
       line-height: 20px;
       margin: 0;
       padding: 0
}

.cloud-collapse__control:active,
.cloud-collapse__control:focus,
.cloud-collapse__control:hover {
       background: none;
       border: none;
       box-shadow: none;
       text-decoration: none
}

.cloud-collapse__control:focus {
       outline: none
}

.cloud-collapse__control:after {
       content: "add_circle";
       display: inline-block;
       font-family: Material Icons;
       font-size: 18px;
       margin-left: 5px;
       margin-top: -2px;
       vertical-align: middle
}

.cloud-collapse__panel {
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       overflow: hidden;
       padding: 0
}

.cloud-collapse--minimalist .cloud-collapse__panels,
cloudx-collapse[variant=minimalist] .cloud-collapse__panels {
       border-bottom: 0
}

.cloud-collapse--minimalist devsite-expandable.cloud-collapse-expanded,
.cloud-collapse--minimalist devsite-expandable:not(.cloud-collapse-expanded),
.cloud-collapse--minimalist devsite-expandable:not([expanded]),
.cloud-collapse--minimalist devsite-expandable[expanded],
cloudx-collapse[variant=minimalist] devsite-expandable.cloud-collapse-expanded,
cloudx-collapse[variant=minimalist] devsite-expandable:not(.cloud-collapse-expanded),
cloudx-collapse[variant=minimalist] devsite-expandable:not([expanded]),
cloudx-collapse[variant=minimalist] devsite-expandable[expanded] {
       border-top: 0
}

.cloud-collapse--minimalist devsite-expandable[expanded] .cloud-collapse__panel__content,
cloudx-collapse[variant=minimalist] devsite-expandable[expanded] .cloud-collapse__panel__content {
       padding-bottom: 0
}

.cloud-collapse--tabby,
cloudx-collapse[variant=tabby] {
       display: block;
       position: relative
}

.cloud-collapse--tabby .cloud-collapse__icon-wrap,
cloudx-collapse[variant=tabby] .cloud-collapse__icon-wrap {
       height: 0;
       overflow: hidden;
       width: 100%
}

.cloud-collapse--tabby .cloud-collapse__icon-wrap .material-icons,
cloudx-collapse[variant=tabby] .cloud-collapse__icon-wrap .material-icons {
       color: #202124;
       vertical-align: top
}

.cloud-collapse--tabby .expandable-container,
cloudx-collapse[variant=tabby] .expandable-container {
       position: static
}

.cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded,
.cloud-collapse--tabby devsite-expandable[expanded],
cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded,
cloudx-collapse[variant=tabby] devsite-expandable[expanded] {
       border-top: 2px solid #dadce0
}

.cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded .cloud-collapse__text,
.cloud-collapse--tabby devsite-expandable[expanded] .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable[expanded] .cloud-collapse__text {
       color: #202124
}

.cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded .cloud-collapse__label,
.cloud-collapse--tabby devsite-expandable[expanded] .cloud-collapse__label,
cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded .cloud-collapse__label,
cloudx-collapse[variant=tabby] devsite-expandable[expanded] .cloud-collapse__label {
       padding-bottom: 0
}

.cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded .cloud-collapse__label:focus .cloud-collapse__text,
.cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded .cloud-collapse__label:hover .cloud-collapse__text,
.cloud-collapse--tabby devsite-expandable[expanded] .cloud-collapse__label:focus .cloud-collapse__text,
.cloud-collapse--tabby devsite-expandable[expanded] .cloud-collapse__label:hover .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded .cloud-collapse__label:focus .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded .cloud-collapse__label:hover .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable[expanded] .cloud-collapse__label:focus .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable[expanded] .cloud-collapse__label:hover .cloud-collapse__text {
       color: #3c4043
}

.cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded .cloud-collapse__icon-wrap,
.cloud-collapse--tabby devsite-expandable[expanded] .cloud-collapse__icon-wrap,
cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded .cloud-collapse__icon-wrap,
cloudx-collapse[variant=tabby] devsite-expandable[expanded] .cloud-collapse__icon-wrap {
       height: 36px;
       padding-bottom: 12px;
       visibility: visible
}

.cloud-collapse--tabby devsite-expandable .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable .cloud-collapse__text {
       color: #5f6368
}

.cloud-collapse--tabby devsite-expandable .cloud-collapse__label,
cloudx-collapse[variant=tabby] devsite-expandable .cloud-collapse__label {
       -webkit-box-align: start;
       -webkit-align-items: start;
       -moz-box-align: start;
       -ms-flex-align: start;
       align-items: start;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.cloud-collapse--tabby devsite-expandable .cloud-collapse__label:focus .cloud-collapse__text,
.cloud-collapse--tabby devsite-expandable .cloud-collapse__label:hover .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable .cloud-collapse__label:focus .cloud-collapse__text,
cloudx-collapse[variant=tabby] devsite-expandable .cloud-collapse__label:hover .cloud-collapse__text {
       color: #202124
}

.cloud-collapse--tabby devsite-expandable .cloud-collapse__label:after,
cloudx-collapse[variant=tabby] devsite-expandable .cloud-collapse__label:after {
       display: none
}

.cloud-collapse--tabby .cloud-collapse__media,
cloudx-collapse[variant=tabby] .cloud-collapse__media {
       margin-top: 40px
}

@media (min-width:768px) {

       .cloud-collapse--tabby,
       cloudx-collapse[variant=tabby] {
              height: 570px
       }

       .cloud-collapse--tabby .cloud-collapse__media,
       cloudx-collapse[variant=tabby] .cloud-collapse__media {
              display: none;
              left: auto;
              margin-top: 0;
              position: absolute;
              right: 0;
              top: 0;
              width: 50%
       }

       .cloud-collapse--tabby devsite-expandable.cloud-collapse-expanded .cloud-collapse__media,
       .cloud-collapse--tabby devsite-expandable[expanded] .cloud-collapse__media,
       cloudx-collapse[variant=tabby] devsite-expandable.cloud-collapse-expanded .cloud-collapse__media,
       cloudx-collapse[variant=tabby] devsite-expandable[expanded] .cloud-collapse__media {
              display: block
       }
}

@media (min-width:1024px) {

       .cloud-collapse--tabby .cloud-collapse__media,
       cloudx-collapse[variant=tabby] .cloud-collapse__media {
              right: 8.5%;
              width: 40%
       }
}

cloudx-compliance {
       display: block;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

cloudx-compliance .compliance-loading-spinner {
       display: none
}

cloudx-compliance .compliance-loading-spinner devsite-spinner {
       margin: 0 auto 500px
}

cloudx-compliance[loading] .compliance-loading-spinner {
       display: block
}

cloudx-compliance p {
       color: #3c4043;
       font-size: 14px;
       letter-spacing: .2px;
       line-height: 20px;
       margin: 8px 0;
       text-align: left
}

cloudx-compliance .compliance-load-error:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #1a73e8;
       content: "error";
       display: inline-block;
       font-size: 32px;
       height: 32px;
       line-height: 32px;
       margin-right: 10px;
       vertical-align: middle
}

cloudx-compliance .compliance-filter-container {
       padding-bottom: 24px
}

cloudx-compliance .compliance-filters {
       text-align: left
}

@media (min-width:600px) {
       cloudx-compliance .compliance-filters {
              text-align: center
       }
}

cloudx-compliance .compliance-filters[hidden] {
       visibility: hidden
}

cloudx-compliance .compliance-filter-chips {
       margin-top: 24px;
       text-align: center
}

cloudx-compliance .compliance-filters-label {
       display: block;
       margin: 0 16px 12px 0
}

@media (min-width:600px) {
       cloudx-compliance .compliance-filters-label {
              display: inline;
              margin-bottom: 0
       }
}

cloudx-compliance devsite-select {
       display: block
}

cloudx-compliance devsite-select .devsite-select-list,
cloudx-compliance devsite-select .devsite-select-toggle {
       display: block;
       max-width: none;
       width: 100%
}

@media (min-width:600px) {
       cloudx-compliance devsite-select {
              display: inline-block
       }

       cloudx-compliance devsite-select .devsite-select-list,
       cloudx-compliance devsite-select .devsite-select-toggle {
              max-width: none;
              width: auto
       }
}

cloudx-compliance .compliance-checkbox-container {
       display: table-cell;
       padding-right: 14px
}

cloudx-compliance .compliance-details-container {
       display: table-cell
}

cloudx-compliance .compliance-description {
       font-size: 14px !important;
       line-height: 24px !important
}

cloudx-compliance .compliance-header--is-sticky {
       background: #fff;
       border-bottom: 1px solid #dadce0;
       border-right: 1px solid #fff;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       position: fixed;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       z-index: 2
}

cloudx-compliance .compliance-sticky-space {
       height: 124px
}

cloudx-compliance .compliance-download-button {
       margin-right: 0 !important
}

cloudx-compliance .compliance-download-button[hidden] {
       visibility: hidden
}

cloudx-compliance .compliance-download-button .mat-icon {
       font-size: 20px;
       height: 20px;
       line-height: 20px;
       left: -4px;
       margin: 0 8px 0 0;
       top: -1px;
       vertical-align: bottom
}

cloudx-compliance .compliance-checkbox-select-all {
       margin-right: 14px
}

cloudx-compliance .compliance-error-button,
cloudx-compliance .compliance-error-dialog {
       display: none
}

cloudx-compliance .compliance-reset-button {
       margin-left: 6px
}

cloudx-compliance .compliance-reset-button.active,
cloudx-compliance .compliance-reset-button:focus,
cloudx-compliance .compliance-reset-button:hover {
       background-color: transparent;
       border: none
}

cloudx-compliance .compliance-download-spinner {
       display: block;
       padding: 12px 0;
       visibility: hidden
}

cloudx-compliance .compliance-download-spinner devsite-spinner {
       margin: 0 auto
}

cloudx-compliance .compliance-download-spinner[loading] {
       visibility: visible
}

cloudx-compliance .compliance-chip {
       margin-right: 6px
}

cloudx-compliance .devsite-filter-header {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: block;
       margin-bottom: 24px
}

@media (min-width:600px) {
       cloudx-compliance .devsite-filter-header {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }
}

cloudx-compliance .devsite-filter-search {
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color);
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 4px;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       height: 42px;
       margin-left: 3px;
       margin-right: 24px
}

cloudx-compliance .devsite-filter-input {
       background: transparent;
       border: 0;
       color: #5f6368;
       left: -36px;
       position: relative;
       text-indent: 42px
}

cloudx-compliance .devsite-filter-input.active,
cloudx-compliance .devsite-filter-input:focus {
       border: 0
}

cloudx-compliance .download-checkbox-container {
       color: #3c4043;
       margin: 16px 6px 0 20px
}

@media (min-width:600px) {
       cloudx-compliance .download-checkbox-container {
              margin: 0 6px 0 0
       }
}

cloudx-compliance .download-only-checkbox {
       margin-right: 12px
}

cloudx-compliance .download-only-checkbox-text {
       color: #3c4043
}

cloudx-compliance .search-icon {
       color: #80868b;
       font-size: 24px;
       height: 24px;
       line-height: 24px;
       margin-left: 12px
}

@media (min-width:600px) {

       cloudx-compliance tbody tr td:first-child,
       cloudx-compliance thead tr th:first-child {
              min-width: 200px !important
       }
}

@media (min-width:1024px) {

       cloudx-compliance tbody tr td:first-child,
       cloudx-compliance thead tr th:first-child {
              min-width: 380px !important
       }
}

cloudx-compliance tbody tr td:not(:first-child),
cloudx-compliance thead tr th:not(:first-child) {
       min-width: auto !important
}

.compliance-error-dialog {
       border-radius: 16px;
       padding: 20px
}

.compliance-error-dialog .mat-icon {
       color: #d93025;
       display: inline-block;
       font-size: 32px;
       height: 32px;
       line-height: 32px;
       margin-bottom: 12px;
       vertical-align: middle
}

.compliance-error-dialog .devsite-dialog-contents {
       margin: 0 20px 10px
}

cloudx-cookie-banner {
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: auto;
       left: 0;
       position: fixed;
       right: 0;
       -webkit-transition: bottom .5s linear;
       transition: bottom .5s linear;
       z-index: 1004
}

.cloudx-cookie-banner {
       -webkit-transition: box-shadow .28s ease-in-out;
       transition: box-shadow .28s ease-in-out;
       border: 1px solid #dadce0;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
       -webkit-animation: swipe-in .4s linear;
       animation: swipe-in .4s linear;
       background-color: #fff;
       border-radius: 16px 16px 0 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-flow: column wrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-flow: column wrap;
       flex-flow: column wrap;
       width: 100%
}

@media (min-width:768px) {
       .cloudx-cookie-banner {
              border-radius: 0;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-flow: row wrap;
              -moz-box-orient: horizontal;
              -moz-box-direction: normal;
              -ms-flex-flow: row wrap;
              flex-flow: row wrap
       }
}

.cloudx-cookie-banner--sitemask {
       background: rgba(0, 0, 0, .4);
       bottom: -200px;
       cursor: pointer;
       left: -200px;
       position: fixed;
       right: -200px;
       top: -200px;
       z-index: -1
}

@media (min-width:768px) {
       .cloudx-cookie-banner--sitemask {
              display: none
       }
}

.cloudx-cookie-banner--touch-area {
       -webkit-align-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 48px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: fixed;
       width: 48px
}

@media (min-width:768px) {
       .cloudx-cookie-banner--touch-area {
              display: none
       }
}

.cloudx-cookie-banner--touch-bar {
       background-color: #dadce0;
       border-radius: 16px;
       height: 4px;
       margin-top: 12px;
       width: 24px
}

@media (min-width:768px) {
       .cloudx-cookie-banner--touch-bar {
              display: none
       }
}

.cloudx-cookie-banner--text {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin: 16px 16px 0
}

.cloudx-cookie-banner--text a {
       text-decoration: underline
}

@media (min-width:1280px) {
       .cloudx-cookie-banner--restrictive .cloudx-cookie-banner--text {
              max-width: 756px
       }

       .cloudx-cookie-banner--text {
              max-width: 830px;
              margin: 16px
       }
}

.cloudx-cookie-banner--body {
       margin: 16px 0 0
}

@media (min-width:768px) {
       .cloudx-cookie-banner--body {
              margin: 0
       }
}

.cloudx-cookie-banner--buttons {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-flow: column wrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-flow: column wrap;
       flex-flow: column wrap;
       margin: 16px
}

.cloudx-cookie-banner--buttons .cws-button {
       margin: 0;
       width: 100%
}

@media (min-width:768px) {
       .cloudx-cookie-banner--buttons {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
              -webkit-flex-flow: row no-wrap;
              -moz-box-orient: horizontal;
              -moz-box-direction: normal;
              -ms-flex-flow: row no-wrap;
              flex-flow: row;
              margin-left: auto
       }

       .cloudx-cookie-banner--buttons .cws-button {
              width: auto
       }
}

cloudx-cookie-banner.slide-down {
       bottom: -500px
}

.cloudx-cookie-banner--sitemask.fade-out {
       -webkit-animation: fade-out 1s linear;
       animation: fade-out 1s linear
}

@-webkit-keyframes fade-out {
       0% {
              background: rgba(0, 0, 0, .4);
              opacity: .4
       }

       to {
              background: none;
              opacity: 0
       }
}

@keyframes fade-out {
       0% {
              background: rgba(0, 0, 0, .4);
              opacity: .4
       }

       to {
              background: none;
              opacity: 0
       }
}

@-webkit-keyframes swipe-in {
       0% {
              -webkit-transform: translateY(100%);
              transform: translateY(100%)
       }

       to {
              -webkit-transform: translateY(0);
              transform: translateY(0)
       }
}

@keyframes swipe-in {
       0% {
              -webkit-transform: translateY(100%);
              transform: translateY(100%)
       }

       to {
              -webkit-transform: translateY(0);
              transform: translateY(0)
       }
}

.cloudx-cookie-settings {
       line-height: 24px;
       padding: 0;
       width: 542px
}

@media (max-width:1024px) {
       .cloudx-cookie-settings {
              border-radius: 0;
              box-shadow: none;
              height: 100%;
              max-height: 100%;
              max-width: 100%;
              width: 100%
       }
}

[layout=docs] .cloudx-cookie-settings h6:not(.no-link) {
       margin: 0;
       padding: 0
}

.cloudx-cookie-settings--header {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
       padding: 24px 24px 8px
}

.cloudx-cookie-settings--header body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width p.devsite-nav-description,
.cloudx-cookie-settings--header body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container p.devsite-nav-description,
.cloudx-cookie-settings--header p.cws-body,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container-full-width .cloudx-cookie-settings--header p.devsite-nav-description,
body[theme=cloud-theme] cloudx-tabs-nav:not(.lower-tabs) tab[dropdown][clickable] .cloud-dropdown--cta-container .cloudx-cookie-settings--header p.devsite-nav-description {
       font-size: 16px
}

@media (max-width:1024px) {
       .cloudx-cookie-settings--header {
              border-radius: 0;
              padding: 16px 16px 8px
       }
}

.cloudx-cookie-settings-header__block {
       position: relative
}

.cloudx-cookie-settings--close:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #000;
       content: "close";
       display: inline-block;
       position: absolute;
       right: -3px;
       top: -3px
}

@media (max-width:1024px) {
       .cloudx-cookie-settings--close:after {
              display: none
       }
}

.cloudx-cookie-settings--content {
       padding: 0 24px
}

@media (max-width:1024px) {
       .cloudx-cookie-settings--content {
              margin-bottom: 160px;
              padding: 16px
       }

       .cloudx-cookie-settings--content p {
              width: 100
       }
}

.cloudx-cookie-settings--item {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
}

.cloudx-cookie-settings--item+p {
       margin-right: 33%
}

@media (max-width:1024px) {
       .cloudx-cookie-settings--item+p {
              margin-right: 0
       }
}

.cloudx-cookie-settings--notes {
       padding: 16px
}

.cloudx-cookie-settings--notes p {
       margin: 0
}

.cloudx-cookie-settings--footer {
       -webkit-box-align: end;
       -webkit-align-items: flex-end;
       -moz-box-align: end;
       -ms-flex-align: end;
       align-items: flex-end;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       padding: 24px
}

.cloudx-cookie-settings--footer a+button {
       display: none
}

@media (max-width:1024px) {
       .cloudx-cookie-settings--footer {
              -webkit-box-align: stretch;
              -webkit-align-items: stretch;
              -moz-box-align: stretch;
              -ms-flex-align: stretch;
              align-items: stretch;
              background-color: #fff;
              bottom: 0;
              padding: 16px;
              position: fixed;
              width: 100%
       }

       .cloudx-cookie-settings--footer a+button.cws-button {
              display: block;
              margin: 8px 0 0;
              text-align: center
       }
}

@media (max-height:800px) {
       .cloudx-cookie-settings--footer {
              -webkit-transition: box-shadow .28s ease-in-out;
              transition: box-shadow .28s ease-in-out;
              border: 1px solid #dadce0;
              box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15);
              margin-top: 24px
       }
}

.devsite-footer-utility .devsite-footer-utility-item.cloudx-cookie-footer-button.cloudx-cookie-footer-button-visible {
       display: block
}

@media (min-width:1024px) {
       .devsite-footer-utility .devsite-footer-utility-item.cloudx-cookie-footer-button.cloudx-cookie-footer-button-visible a {
              border-radius: 4px;
              border: 1px solid #dadce0;
              display: block;
              font-weight: 500;
              padding: 9px
       }

       .devsite-footer-utility .devsite-footer-utility-item.cloudx-cookie-footer-button.cloudx-cookie-footer-button-visible a:focus,
       .devsite-footer-utility .devsite-footer-utility-item.cloudx-cookie-footer-button.cloudx-cookie-footer-button-visible a:hover {
              background-color: rgba(241, 243, 244, .5764705882);
              color: #202124;
              font-weight: 500;
              text-decoration: none
       }
}

@media (max-width:1024px) {
       .devsite-footer-utility .devsite-footer-utility-item.cloudx-cookie-footer-button.cloudx-cookie-footer-button-visible+li:before {
              display: block
       }
}

cloudx-demo {
       display: block
}

cloudx-demo>iframe {
       border: 0;
       display: block !important;
       overflow: hidden;
       min-width: 100%;
       width: 1px
}

cloudx-free-trial-eligible-content:not(:defined)>slot[slot=ineligible] {
       display: none
}

cloudx-free-trial-eligible-content {
       display: contents
}

cloudx-gallery {
       display: block;
       padding-bottom: 36px
}

@media (max-width:600px) {
       cloudx-gallery .cloud-gallery--grid {
              grid-template-columns: repeat(4, 1fr)
       }

       cloudx-gallery .cloud-gallery--grid .cloud-grid__col.is-3 {
              grid-column: span 2/span 2
       }
}

cloudx-gallery .cloud-jump-content {
       margin-top: 16px
}

cloudx-gallery .cloud-jump-content .cloud-card {
       min-height: 100%
}

cloudx-gallery .cloud-pagination__pagination-item.active {
       line-height: 16px
}

cloudx-gallery .gallery-title {
       max-width: 945px;
       margin: 0 0 20px
}

cloudx-gallery .cloud-card__container .cloud-card {
       min-height: auto
}

cloudx-gallery .visible-on-mobile {
       display: none
}

cloudx-gallery .result-container .devsite-filter-search {
       margin: 0 0 40px
}

@media (max-width:1280px) {
       cloudx-gallery .hidden-on-mobile {
              display: none
       }

       cloudx-gallery .visible-on-mobile {
              display: block;
              margin-top: 16px
       }

       cloudx-gallery .visible-on-mobile .cloud-chip {
              background-color: #e8eaed
       }
}

cloudx-gallery .cloud-card .cloud-chip--input {
       cursor: unset;
       padding: 0 12px;
       text-transform: capitalize
}

cloudx-gallery .cloud-card .cloud-chip--input:after {
       content: unset
}

cloudx-gallery .cloud-card .cloud-chip--input:hover {
       background: unset;
       color: #5f6368
}

cloudx-gallery .cloud-gallery__subhead {
       margin-bottom: 24px;
       text-align: center
}

cloudx-gallery .cloud-gallery__media {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 140px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-bottom: 36px;
       overflow: hidden;
       width: 100%
}

@media (min-width:600px) {
       cloudx-gallery .cloud-gallery__media {
              height: 180px
       }
}

@media (min-width:768px) {
       cloudx-gallery .cloud-gallery__media {
              bottom: 36px;
              height: auto;
              margin-bottom: 0;
              max-height: none;
              position: absolute;
              right: 36px;
              top: 36px;
              width: 33%
       }
}

cloudx-gallery .cloud-gallery__media img {
       height: auto;
       object-fit: cover;
       width: 100%
}

cloudx-gallery .devsite-filter-search {
       margin: 0 auto 40px;
       position: relative
}

cloudx-gallery .devsite-filter-search .search-icon {
       color: #80868b;
       left: 15px;
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       z-index: 1
}

cloudx-gallery .devsite-filter-search .devsite-filter-input {
       border: none;
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
       padding: 16px 50px;
       width: 100%
}

@media (min-width:1280px) {
       cloudx-gallery .devsite-filter-search {
              width: 45%
       }
}

cloudx-gallery .cloud-gallery--grid__media {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 100px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 16px
}

cloudx-gallery .cloud-card__logo {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 88px
}

cloudx-gallery .cloud-card__logo img {
       max-height: 100%
}

cloudx-gallery .cloud-list {
       max-width: none
}

cloudx-gallery .cloud-list-item {
       position: relative
}

@media (min-width:768px) {
       cloudx-gallery .cloud-list-item {
              padding-right: calc(33% + 72px)
       }
}

cloudx-gallery .cloud-gallery__metadata-container {
       list-style: none;
       margin: 16px 0;
       padding: 0
}

cloudx-gallery .cloud-gallery__metadata-container li {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       margin: 0 28px 0 0;
       padding: 4px 0
}

cloudx-gallery .cloud-gallery__metadata-container img {
       margin-right: 12px;
       width: 16px
}

cloudx-gallery cloudx-jump-menu .cloud-jump-menu__links li {
       cursor: pointer
}

cloudx-gallery cloudx-jump-menu .cloud-jump-menu__links li.selected {
       background: #e8eaed;
       padding: 2px 4px
}

cloudx-gallery cloudx-jump-menu .filter-chips-align-left {
       margin: 20px 0;
       text-align: left
}

cloudx-gallery cloudx-jump-menu .filter-chips-align-left .cloud-chip {
       background: #e8eaed
}

cloudx-gallery cloudx-jump-menu[prebuilt] {
       width: 100%
}

cloudx-gallery cloudx-jump-menu[prebuilt][attached] {
       width: 100%
}

@media (max-width:1280px) {

       cloudx-gallery cloudx-jump-menu,
       cloudx-gallery cloudx-jump-menu[open] {
              left: 0
       }

       cloudx-gallery cloudx-jump-menu+.cloud-jump-content {
              padding-top: 62px
       }
}

cloudx-gallery .cloud-gallery__carousel-container {
       padding: 0 20px 24px
}

@media (min-width:768px) {
       cloudx-gallery .cloud-gallery__carousel-container {
              margin: 0 auto;
              padding: 0 0 56px
       }
}

@media (min-width:1024px) {
       cloudx-gallery .cloud-gallery__carousel-container {
              max-width: 1062px
       }
}

@media (min-width:1280px) {
       cloudx-gallery .cloud-gallery__carousel-container {
              max-width: none
       }
}

cloudx-gallery .cloud-gallery__filter-container {
       margin-bottom: 24px
}

cloudx-gallery .cloud-gallery__filters {
       text-align: left
}

@media (min-width:600px) {
       cloudx-gallery .cloud-gallery__filters {
              text-align: center
       }
}

cloudx-gallery .cloud-gallery__filter-chips {
       margin-top: 24px;
       text-align: center
}

cloudx-gallery .cloud-gallery__filters__label {
       display: block;
       margin: 0 16px 12px 0
}

@media (min-width:600px) {
       cloudx-gallery .cloud-gallery__filters__label {
              display: inline;
              margin-bottom: 0
       }
}

cloudx-gallery .cloud-gallery__reset-button {
       margin-left: 12px
}

cloudx-gallery .cloud-gallery__reset-button.active,
cloudx-gallery .cloud-gallery__reset-button:focus,
cloudx-gallery .cloud-gallery__reset-button:hover {
       background-color: transparent;
       border: none
}

cloudx-gallery .cloud-gallery__error {
       color: #5f6368;
       font-size: 18px;
       text-align: left
}

cloudx-gallery devsite-select {
       display: block
}

cloudx-gallery devsite-select .devsite-select-list,
cloudx-gallery devsite-select .devsite-select-toggle {
       display: block;
       max-width: none;
       width: 100%
}

@media (min-width:600px) {
       cloudx-gallery devsite-select {
              display: inline-block
       }

       cloudx-gallery devsite-select .devsite-select-list,
       cloudx-gallery devsite-select .devsite-select-toggle {
              max-width: none;
              width: auto
       }
}

cloudx-gallery .cloud-gallery__date,
cloudx-gallery .cloud-gallery__end-date {
       display: none
}

cloudx-gallery .cloud-gallery_hidden {
       display: none
}

cloudx-gallery[alt-style] .cloud-gallery__filter-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 48px 0 24px
}

@media (max-width:860px) {
       cloudx-gallery[alt-style] .cloud-gallery__filter-container {
              display: block;
              -webkit-box-pack: none;
              -webkit-justify-content: none;
              -moz-box-pack: none;
              -ms-flex-pack: none;
              justify-content: none
       }
}

cloudx-gallery[alt-style] .cloud-card__container--3up {
       margin-left: 0;
       margin-right: 0;
       max-width: inherit
}

cloudx-gallery[alt-style] .cloud-gallery__filter-chip-list {
       -moz-text-align-last: left;
       text-align-last: left
}

cloudx-gallery[alt-style] .cloud-gallery__filters {
       padding-bottom: 16px;
       text-align: left
}

cloudx-gallery[alt-style] .cloud-gallery__filters__label {
       font-size: 14px;
       font-weight: 500;
       text-transform: uppercase
}

@media screen and (max-width:605px) {
       cloudx-gallery[alt-style] devsite-select {
              --devsite-select-display: block;
              display: block;
              margin: 16px 0 0
       }

       cloudx-gallery[alt-style] devsite-select .devsite-select-list,
       cloudx-gallery[alt-style] devsite-select .devsite-select-toggle {
              max-width: none;
              width: 100%
       }
}

.cloud-jump-content {
       padding-top: 52px
}

.cloud-jump-menu,
cloudx-jump-menu {
       background-color: #fff;
       border: 1px solid #dadce0;
       border-radius: 4px;
       -moz-box-sizing: border-box;
       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;
       will-change: top, transform;
       z-index: 3
}

.cloud-jump-menu.attached,
.cloud-jump-menu[attached],
cloudx-jump-menu.attached,
cloudx-jump-menu[attached] {
       border-radius: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
}

.cloud-jump-menu.open,
.cloud-jump-menu[open],
cloudx-jump-menu.open,
cloudx-jump-menu[open] {
       bottom: 0
}

.cloud-jump-menu.open .cloud-jump-menu__links,
.cloud-jump-menu[open] .cloud-jump-menu__links,
cloudx-jump-menu.open .cloud-jump-menu__links,
cloudx-jump-menu[open] .cloud-jump-menu__links {
       display: block;
       padding: 8px 0 24px
}

.cloud-jump-menu.open .cloud-jump-menu__toggle i span:before,
.cloud-jump-menu[open] .cloud-jump-menu__toggle i span:before,
cloudx-jump-menu.open .cloud-jump-menu__toggle i span:before,
cloudx-jump-menu[open] .cloud-jump-menu__toggle i span:before {
       content: "keyboard_arrow_up"
}

.cloud-jump-menu.attached,
.cloud-jump-menu.open,
.cloud-jump-menu[attached],
.cloud-jump-menu[open],
cloudx-jump-menu.attached,
cloudx-jump-menu.open,
cloudx-jump-menu[attached],
cloudx-jump-menu[open] {
       left: 0;
       margin: 0;
       position: fixed;
       right: 0;
       width: 100%
}

.cloud-jump-menu .cloud-jump-menu__toggle i span:before,
cloudx-jump-menu .cloud-jump-menu__toggle i span:before {
       content: "keyboard_arrow_down"
}

#cloud-site .cloud-jump-menu .cloud-subhead,
#cloud-site cloudx-jump-menu .cloud-subhead {
       display: block;
       font-weight: 500;
       margin: 20px 0
}

#cloud-site .cloud-jump-menu .cloud-subhead:first-child,
#cloud-site cloudx-jump-menu .cloud-subhead:first-child {
       margin-top: 0
}

#cloud-site .cloud-jump-menu .cloud-subhead__hr-divider,
#cloud-site cloudx-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:not(.cloud-jump-menu__subhead-item),
#cloud-site cloudx-jump-menu .cloud-subhead+.cloud-jump-menu__item:not(.cloud-jump-menu__subhead-item) {
       padding-top: 0
}

#cloud-site .cloud-jump-menu .cloud-subhead+.cloud-jump-menu__item:not(.cloud-jump-menu__subhead-item).cloud-jump-menu__item--active:link:before,
#cloud-site .cloud-jump-menu .cloud-subhead+.cloud-jump-menu__item:not(.cloud-jump-menu__subhead-item).cloud-jump-menu__item--active:visited:before,
#cloud-site cloudx-jump-menu .cloud-subhead+.cloud-jump-menu__item:not(.cloud-jump-menu__subhead-item).cloud-jump-menu__item--active:link:before,
#cloud-site cloudx-jump-menu .cloud-subhead+.cloud-jump-menu__item:not(.cloud-jump-menu__subhead-item).cloud-jump-menu__item--active:visited:before {
       top: 0
}

#cloud-site .cloud-jump-menu .cloud-subhead.cloud-jump-menu__subhead-item,
#cloud-site cloudx-jump-menu .cloud-subhead.cloud-jump-menu__subhead-item {
       margin: 16px 0
}

#cloud-site .cloud-jump-menu .cloud-subhead.cloud-jump-menu__subhead-item:first-child,
#cloud-site cloudx-jump-menu .cloud-subhead.cloud-jump-menu__subhead-item:first-child {
       margin-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;
       outline: 0
}

.cloud-jump-menu__item:link,
.cloud-jump-menu__item:visited {
       color: #5f6368
}

.cloud-jump-menu__item:link:focus .cloud-jump-menu__item__main,
.cloud-jump-menu__item:link:hover .cloud-jump-menu__item__main,
.cloud-jump-menu__item:visited:focus .cloud-jump-menu__item__main,
.cloud-jump-menu__item:visited:hover .cloud-jump-menu__item__main {
       color: #1a73e8
}

.cloud-jump-menu__subhead-item {
       color: #5f6368
}

.cloud-jump-menu__subhead-item.cloud-jump-menu__item--active {
       color: #202124;
       display: block;
       position: relative
}

.cloud-jump-menu__subhead-item.cloud-jump-menu__item--active:before {
       background: #1a73e8;
       border-radius: 50%;
       content: "";
       display: block;
       height: 6px;
       left: -14px;
       position: absolute;
       top: 9px;
       width: 6px
}

.cloud-jump-menu__subhead-item.cloud-jump-menu__item--active:first-child:before {
       top: 9px
}

.cloud-jump-menu__subhead-item:focus,
.cloud-jump-menu__subhead-item:hover {
       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, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 400;
       line-height: 24px;
       color: #5f6368;
       font-weight: 500;
       letter-spacing: .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:focus,
.cloud-jump-menu__links li a:hover,
.cloud-jump-menu__links li a:link:focus,
.cloud-jump-menu__links li a:link:hover,
.cloud-jump-menu__links li a:visited:focus,
.cloud-jump-menu__links li a:visited:hover {
       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, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 14px;
       font-weight: 400;
       line-height: 24px;
       color: #5f6368;
       cursor: pointer;
       font-weight: 500;
       letter-spacing: .25px
}

.cloud-jump-menu__links .cloud-jump-menu__expandable-text:after {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       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:focus,
.cloud-jump-menu__links .cloud-jump-menu__expandable-text:hover {
       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:focus,
.cloud-jump-menu__links .cloud-jump-menu__expandable.active .cloud-jump-menu__expandable-text:hover {
       color: #1a73e8
}

.cloud-jump-menu__links .cloud-jump-menu__expandable--open .cloud-jump-menu__expandable-text:after {
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg)
}

.cloud-jump-menu__links .cloud-jump-menu__expandable--open .cloud-jump-menu__expandable-content {
       visibility: visible
}

.cloud-jump-menu__links .cloud-jump-menu__expandable-content {
       display: block;
       height: 0;
       margin: 0;
       overflow: hidden;
       padding-left: 20px;
       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 {
       cursor: pointer;
       display: block;
       padding: 16px 0
}

.cloud-jump-menu__toggle i {
       color: #1a73e8;
       float: right;
       pointer-events: none
}

.cloud-jump-menu__eyebrow,
.cloud-jump-menu__toggle {
       color: #3c4043;
       font: 700 12px/20px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       letter-spacing: 1.25px;
       text-transform: uppercase
}

@media (min-width:600px) {

       .cloud-jump-menu,
       .cloud-jump-menu.open,
       .cloud-jump-menu[open],
       cloudx-jump-menu,
       cloudx-jump-menu.open,
       cloudx-jump-menu[open] {
              bottom: auto;
              left: 40px;
              position: absolute;
              right: 40px;
              width: auto
       }

       .cloud-jump-menu.attached,
       .cloud-jump-menu[attached],
       cloudx-jump-menu.attached,
       cloudx-jump-menu[attached] {
              left: 0;
              margin: 0;
              position: fixed;
              right: 0;
              width: 100%
       }

       .cloud-jump-menu.open,
       .cloud-jump-menu[open],
       cloudx-jump-menu.open,
       cloudx-jump-menu[open] {
              -webkit-transition: box-shadow .28s ease-in-out;
              transition: box-shadow .28s ease-in-out;
              border: 1px solid #dadce0;
              box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .05), 0 1px 3px 1px rgba(60, 64, 67, .15)
       }

       .cloud-jump-menu.open:not(.attached) .cloud-jump-menu__links,
       .cloud-jump-menu[open]:not([attached]) .cloud-jump-menu__links,
       cloudx-jump-menu.open:not(.attached) .cloud-jump-menu__links,
       cloudx-jump-menu[open]:not([attached]) .cloud-jump-menu__links {
              z-index: 1
       }
}

@media (min-width:1024px) {

       .cloud-jump-menu,
       .cloud-jump-menu.open,
       .cloud-jump-menu[open],
       cloudx-jump-menu,
       cloudx-jump-menu.open,
       cloudx-jump-menu[open] {
              left: 80px;
              right: 80px
       }

       .cloud-jump-menu.attached,
       .cloud-jump-menu[attached],
       cloudx-jump-menu.attached,
       cloudx-jump-menu[attached] {
              left: 0;
              right: 0
       }
}

@media (min-width:1280px) {
       .cloud-menu-content {
              padding-top: 5px
       }

       .cloud-jump-content {
              margin: 0 0 0 25.53125%;
              padding-top: 0
       }

       .cloud-jump-content--narrow {
              margin-left: 21.53125%
       }

       .cws-page-devsite .cloud-jump-content {
              margin: 0 0 0 26.3%
       }

       .cws-page-devsite .cloud-jump-content--narrow {
              margin-left: 22%
       }

       .cloud-jump-menu,
       .cloud-jump-menu.open,
       .cloud-jump-menu[open],
       cloudx-jump-menu,
       cloudx-jump-menu.open,
       cloudx-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;
              width: 17.03125%
       }

       .cloud-jump-menu .cloud-jump-menu__links,
       .cloud-jump-menu.open .cloud-jump-menu__links,
       .cloud-jump-menu[open] .cloud-jump-menu__links,
       cloudx-jump-menu .cloud-jump-menu__links,
       cloudx-jump-menu.open .cloud-jump-menu__links,
       cloudx-jump-menu[open] .cloud-jump-menu__links {
              display: block;
              padding: 0 0 24px
       }

       .cws-page-devsite .cloud-jump-menu,
       .cws-page-devsite .cloud-jump-menu.open,
       .cws-page-devsite .cloud-jump-menu[open],
       .cws-page-devsite cloudx-jump-menu,
       .cws-page-devsite cloudx-jump-menu.open,
       .cws-page-devsite cloudx-jump-menu[open] {
              width: 17.5%
       }

       .cloud-jump-menu.open:not(.attached),
       .cloud-jump-menu[open]:not([attached]),
       cloudx-jump-menu.open:not(.attached),
       cloudx-jump-menu[open]:not([attached]) {
              position: absolute
       }

       .cloud-jump-menu.open:not(.attached) .cloud-jump-menu__links,
       .cloud-jump-menu[open]:not([attached]) .cloud-jump-menu__links,
       cloudx-jump-menu.open:not(.attached) .cloud-jump-menu__links,
       cloudx-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[attached],
       .cloud-jump-menu[prebuilt],
       .cloud-jump-menu__prebuilt,
       cloudx-jump-menu.attached,
       cloudx-jump-menu[attached],
       cloudx-jump-menu[prebuilt],
       cloudx-jump-menu__prebuilt {
              left: auto;
              margin-left: -14px;
              position: fixed;
              right: auto;
              width: 17.03125%
       }

       .cws-page-devsite .cloud-jump-menu.attached,
       .cws-page-devsite .cloud-jump-menu[attached],
       .cws-page-devsite .cloud-jump-menu[prebuilt],
       .cws-page-devsite .cloud-jump-menu__prebuilt,
       .cws-page-devsite cloudx-jump-menu.attached,
       .cws-page-devsite cloudx-jump-menu[attached],
       .cws-page-devsite cloudx-jump-menu[prebuilt],
       .cws-page-devsite cloudx-jump-menu__prebuilt {
              width: 17.5%
       }

       .cloud-jump-menu[mixed],
       .cloud-jump-menu[prebuilt],
       .cloud-jump-menu__mixed,
       .cloud-jump-menu__prebuilt,
       cloudx-jump-menu[mixed],
       cloudx-jump-menu[prebuilt],
       cloudx-jump-menu__mixed,
       cloudx-jump-menu__prebuilt {
              padding-top: 80px
       }

       .cloud-jump-menu[mixed][attached],
       .cloud-jump-menu[prebuilt][attached],
       .cloud-jump-menu__mixed[attached],
       .cloud-jump-menu__prebuilt[attached],
       cloudx-jump-menu[mixed][attached],
       cloudx-jump-menu[prebuilt][attached],
       cloudx-jump-menu__mixed[attached],
       cloudx-jump-menu__prebuilt[attached] {
              padding-top: 0
       }

       .cloud-jump-menu[mixed] .cloud-jump-menu__toggle,
       .cloud-jump-menu[prebuilt] .cloud-jump-menu__toggle,
       .cloud-jump-menu__mixed .cloud-jump-menu__toggle,
       .cloud-jump-menu__prebuilt .cloud-jump-menu__toggle,
       cloudx-jump-menu[mixed] .cloud-jump-menu__toggle,
       cloudx-jump-menu[prebuilt] .cloud-jump-menu__toggle,
       cloudx-jump-menu__mixed .cloud-jump-menu__toggle,
       cloudx-jump-menu__prebuilt .cloud-jump-menu__toggle {
              display: none
       }

       .cloud-jump-menu__toggle--hide-large,
       cloudx-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
       }
}

.cws-button {
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       color: #202124;
       font-family: Google Sans, Roboto, Arial, sans-serif;
       font-size: 16px;
       font-weight: 500;
       letter-spacing: normal;
       line-height: 20px;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 4px;
       border-style: solid;
       border-width: 1px;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       cursor: pointer;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-height: 48px;
       min-width: auto;
       padding: 13px 24px 12px;
       position: relative;
       text-align: left;
       text-decoration: none;
       text-transform: none;
       -webkit-transition: background-color .2s, box-shadow .2s, color .2s;
       transition: background-color .2s, box-shadow .2s, color .2s;
       vertical-align: inherit
}

.cws-button:focus {
       outline: none;
       text-decoration: none;
       -webkit-transition: none;
       transition: none
}

.cws-button[disabled],
.cws-button[disabled]:active,
.cws-button[disabled]:focus,
.cws-button[disabled]:hover {
       border-color: transparent;
       box-shadow: none;
       cursor: default
}

.cws-button--high-emphasis {
       background-color: #1a73e8;
       border-color: transparent;
       color: #fff
}

.cws-button--high-emphasis[disabled],
.cws-button--high-emphasis[disabled]:active,
.cws-button--high-emphasis[disabled]:focus,
.cws-button--high-emphasis[disabled]:hover {
       background-color: #f8f9fa;
       color: #9aa0a6
}

.cws-button--high-emphasis:active,
.cws-button--high-emphasis:focus,
.cws-button--high-emphasis:hover {
       background-color: #185abc;
       color: #fff
}

.cws-button--high-emphasis:hover {
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
       border: 1px solid #185abc
}

.cws-button--high-emphasis:hover .mdc-elevation-overlay {
       opacity: 0
}

.cws-button--high-emphasis:focus {
       box-shadow: inset 0 0 0 1px #185abc, inset 0 0 0 2px #fff
}

.cws-button--high-emphasis:active {
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       border: 1px solid #185abc
}

.cws-button--high-emphasis:active .mdc-elevation-overlay {
       opacity: 0
}

.cws-button--medium-emphasis {
       background-color: #fff;
       border-color: #dadce0;
       color: #1a73e8;
       z-index: 1
}

.cws-button--medium-emphasis[disabled],
.cws-button--medium-emphasis[disabled]:active,
.cws-button--medium-emphasis[disabled]:focus,
.cws-button--medium-emphasis[disabled]:hover {
       background-color: #f8f9fa;
       border-color: #dadce0;
       color: #9aa0a6
}

.cws-button--medium-emphasis[disabled]:active:after,
.cws-button--medium-emphasis[disabled]:after,
.cws-button--medium-emphasis[disabled]:focus:after,
.cws-button--medium-emphasis[disabled]:hover:after {
       content: none
}

.cws-button--medium-emphasis:active,
.cws-button--medium-emphasis:focus,
.cws-button--medium-emphasis:hover {
       background-color: #fff;
       border-color: #1a73e8;
       color: #174ea6
}

.cws-button--medium-emphasis:active:after,
.cws-button--medium-emphasis:focus:after,
.cws-button--medium-emphasis:hover:after {
       background-color: #1a73e8;
       bottom: 0;
       content: "";
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: background-color .2s, opacity .2s;
       transition: background-color .2s, opacity .2s;
       z-index: -1
}

.cws-button--medium-emphasis:hover:after {
       opacity: .04
}

.cws-button--medium-emphasis:focus {
       box-shadow: inset 0 0 0 1px #1a73e8
}

.cws-button--medium-emphasis:focus:after {
       opacity: .12
}

.cws-button--medium-emphasis:active {
       box-shadow: none
}

.cws-button--medium-emphasis:active:after {
       opacity: .1
}

.cws-button--medium-emphasis.cws-button--reversed:not(:hover):not(:focus):not(:active):not([disabled]) {
       background-color: transparent;
       border-color: #fff;
       color: #fff
}

.cws-button--medium-emphasis.cws-button--reversed[disabled],
.cws-button--medium-emphasis.cws-button--reversed[disabled]:active,
.cws-button--medium-emphasis.cws-button--reversed[disabled]:focus,
.cws-button--medium-emphasis.cws-button--reversed[disabled]:hover {
       background-color: transparent
}

.cws-button--low-emphasis {
       background-color: transparent;
       border-color: transparent;
       color: #1a73e8;
       padding-left: 12px;
       padding-right: 12px;
       z-index: 1
}

.cws-button--low-emphasis[disabled],
.cws-button--low-emphasis[disabled]:active,
.cws-button--low-emphasis[disabled]:focus,
.cws-button--low-emphasis[disabled]:hover {
       background-color: transparent;
       border-color: transparent;
       color: #9aa0a6
}

.cws-button--low-emphasis[disabled]:active:after,
.cws-button--low-emphasis[disabled]:after,
.cws-button--low-emphasis[disabled]:focus:after,
.cws-button--low-emphasis[disabled]:hover:after {
       content: none
}

.cws-button--low-emphasis:active,
.cws-button--low-emphasis:focus,
.cws-button--low-emphasis:hover {
       background-color: transparent;
       color: #174ea6
}

.cws-button--low-emphasis:active:after,
.cws-button--low-emphasis:focus:after,
.cws-button--low-emphasis:hover:after {
       background-color: #1a73e8;
       bottom: 0;
       content: "";
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: background-color .2s, opacity .2s;
       transition: background-color .2s, opacity .2s;
       z-index: -1
}

.cws-button--low-emphasis:hover:after {
       opacity: .04
}

.cws-button--low-emphasis:focus {
       border-color: #1a73e8;
       box-shadow: inset 0 0 0 1px #1a73e8
}

.cws-button--low-emphasis:focus:after {
       opacity: .12
}

.cws-button--low-emphasis:active:after {
       opacity: .1
}

.cws-button--low-emphasis.cws-button--icon-left {
       padding-left: 8px;
       padding-right: 12px
}

.cws-button--low-emphasis.cws-button--icon-right {
       padding-left: 12px;
       padding-right: 8px
}

.cws-button--low-emphasis.cws-button--reversed:active,
.cws-button--low-emphasis.cws-button--reversed:focus,
.cws-button--low-emphasis.cws-button--reversed:hover {
       background-color: #fff
}

.cws-button--low-emphasis.cws-button--reversed:not(:hover):not(:focus):not(:active):not([disabled]) {
       color: #8ab4f8
}

.cws-button--low-emphasis.cws-button--reversed-alternate:active,
.cws-button--low-emphasis.cws-button--reversed-alternate:focus,
.cws-button--low-emphasis.cws-button--reversed-alternate:hover {
       background-color: #fff
}

.cws-button--low-emphasis.cws-button--reversed-alternate:not(:hover):not(:focus):not(:active):not([disabled]) {
       color: #fff
}

.cws-button--support {
       background-color: #fff;
       border-color: #dadce0;
       color: #202124;
       z-index: 1
}

.cws-button--support[disabled],
.cws-button--support[disabled]:active,
.cws-button--support[disabled]:focus,
.cws-button--support[disabled]:hover {
       background-color: #f8f9fa;
       border-color: #dadce0;
       color: #9aa0a6
}

.cws-button--support[disabled]:active:after,
.cws-button--support[disabled]:after,
.cws-button--support[disabled]:focus:after,
.cws-button--support[disabled]:hover:after {
       content: none
}

.cws-button--support:active,
.cws-button--support:focus,
.cws-button--support:hover {
       background-color: #fff;
       border-color: #202124;
       color: #202124
}

.cws-button--support:active:after,
.cws-button--support:focus:after,
.cws-button--support:hover:after {
       background-color: #202124;
       bottom: 0;
       content: "";
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: background-color .2s, opacity .2s;
       transition: background-color .2s, opacity .2s;
       z-index: -1
}

.cws-button--support:hover:after {
       opacity: .04
}

.cws-button--support:focus {
       box-shadow: inset 0 0 0 1px #202124
}

.cws-button--support:focus:after {
       opacity: .12
}

.cws-button--support:active {
       box-shadow: none
}

.cws-button--support:active:after {
       opacity: .1
}

.cws-button--tonal {
       background-color: #e8f0fe;
       border-color: transparent;
       color: #1967d2
}

.cws-button--tonal[disabled],
.cws-button--tonal[disabled]:active,
.cws-button--tonal[disabled]:focus,
.cws-button--tonal[disabled]:hover {
       background-color: #f8f9fa;
       border-color: transparent;
       color: #9aa0a6
}

.cws-button--tonal[disabled]:active:after,
.cws-button--tonal[disabled]:after,
.cws-button--tonal[disabled]:focus:after,
.cws-button--tonal[disabled]:hover:after {
       content: none
}

.cws-button--tonal:active,
.cws-button--tonal:focus,
.cws-button--tonal:hover {
       background-color: #e8f0fe;
       color: #174ea6
}

.cws-button--tonal:active:after,
.cws-button--tonal:focus:after,
.cws-button--tonal:hover:after {
       background-color: #1967d2;
       bottom: 0;
       content: "";
       left: 0;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: background-color .2s, opacity .2s;
       transition: background-color .2s, opacity .2s;
       z-index: 0
}

.cws-button--tonal:hover {
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
       border: 1px solid transparent
}

.cws-button--tonal:hover .mdc-elevation-overlay {
       opacity: 0
}

.cws-button--tonal:hover:after {
       opacity: .04
}

.cws-button--tonal:focus {
       border: 1px solid #1a73e8;
       box-shadow: inset 0 0 0 1px #1a73e8
}

.cws-button--tonal:focus:after {
       opacity: .12
}

.cws-button--tonal:active {
       box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);
       border: 1px solid transparent
}

.cws-button--tonal:active .mdc-elevation-overlay {
       opacity: 0
}

.cws-button--tonal:active:after {
       opacity: .1
}

.cws-button--icon {
       -webkit-align-self: center;
       -ms-flex-item-align: center;
       align-self: center;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex
}

.cws-button--icon svg {
       fill: currentColor;
       height: 18px;
       width: 18px
}

.cws-button--icon-left {
       padding-left: 12px;
       padding-right: 16px
}

.cws-button--icon-left .cws-button--icon {
       margin-right: 8px
}

.cws-button--icon-right {
       padding-left: 16px;
       padding-right: 12px
}

.cws-button--icon-right .cws-button--icon {
       margin-left: 8px
}

.cws-button--align-left {
       margin-left: -13px
}

.cws-button--full-width {
       width: 100%
}

.cws-button+.cws-button {
       margin-left: 16px
}

@media (max-width:450px) {
       .cws-button {
              width: 100%
       }
}

.cws-button__set {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       gap: 16px
}

.cws-button__set .cws-button+.cws-button:not(.cws-button--align-left) {
       margin-left: 0
}

.cws-button__set .cws-button+.cws-button--align-left {
       margin-left: -13px
}

.cws-button__set .cws-button--align-left {
       margin-right: 16px
}

.cws-button__set--with-margin {
       margin-top: 24px
}

.cws-button__set--centered {
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

:host .logo-container {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

:host .logo-container .logo-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-basis: 25%;
       -ms-flex-preferred-size: 25%;
       flex-basis: 25%;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-height: 120px;
       position: relative;
       text-align: center
}

:host .logo-container .logo-wrapper picture {
       position: absolute;
       -webkit-transition-duration: .5s;
       transition-duration: .5s
}

:host .logo-container .logo-wrapper img {
       max-height: 50px;
       max-width: 124px
}

:host .logo-container .logo-wrapper.transition picture {
       opacity: 0
}

:host .logo-container .logo-wrapper.transition picture.new {
       -webkit-animation: fadeInFromNone .5s ease-out;
       animation: fadeInFromNone .5s ease-out;
       opacity: 0;
       margin-top: 15px
}

@-webkit-keyframes fadeInFromNone {
       0% {
              opacity: 0;
              margin-top: 15px
       }

       to {
              opacity: 1;
              margin-top: 0
       }
}

@keyframes fadeInFromNone {
       0% {
              opacity: 0;
              margin-top: 15px
       }

       to {
              opacity: 1;
              margin-top: 0
       }
}

@media (max-width:600px) {
       :host .logo-container .logo-wrapper {
              -webkit-flex-basis: 50%;
              -ms-flex-preferred-size: 50%;
              flex-basis: 50%
       }

       :host .logo-container .logo-wrapper img {
              max-height: 45px;
              max-width: 100px
       }
}

cloudx-popup {
       display: inline-block
}

.cloud-popup-instance__content {
       background-color: #fff;
       border: 1px solid #dadce0;
       color: #202124;
       max-width: 200px;
       padding: 0 12px;
       position: fixed;
       z-index: 2
}

.cloud-popup-instance__content:after,
.cloud-popup-instance__content:before {
       border-color: transparent;
       border-style: solid;
       content: "";
       left: 0;
       position: absolute;
       top: 0
}

.cloud-popup-instance__content:after {
       border-right-color: #fff;
       border-width: 0 14px 20px 13px;
       margin-left: -25px;
       margin-top: 0
}

.cloud-popup-instance__content:before {
       border-right-color: #dadce0;
       border-width: 0 14px 20px 15px;
       margin-left: -29px;
       margin-top: -1px
}

.cloud-popup-instance__content--left:after,
.cloud-popup-instance__content--left:before {
       border-color: transparent;
       border-width: 0 14px 20px 15px;
       left: 100%;
       top: 0
}

.cloud-popup-instance__content--left:after {
       border-left-color: #fff;
       margin-left: -1px;
       margin-top: 0
}

.cloud-popup-instance__content--left:before {
       border-left-color: #dadce0;
       margin-left: 1px;
       margin-top: -1px
}

.cloud-popup-instance__content--top:after,
.cloud-popup-instance__content--top:before {
       border-color: transparent;
       left: 0;
       margin-top: 0;
       top: 100%
}

.cloud-popup-instance__content--top:after {
       border-top-color: #fff;
       border-width: 13px 17px 0 0;
       margin-left: 0
}

.cloud-popup-instance__content--top:before {
       border-top-color: #dadce0;
       border-width: 15px 20px 0 0;
       margin-left: -1px
}

.cloud-popup-instance__content--bottom:after,
.cloud-popup-instance__content--bottom:before {
       border-color: transparent;
       left: 0;
       top: 0
}

.cloud-popup-instance__content--bottom:after {
       border-bottom-color: #fff;
       border-width: 13px 19px 15px 0;
       margin-left: 0;
       margin-top: -27px
}

.cloud-popup-instance__content--bottom:before {
       border-bottom-color: #dadce0;
       border-width: 13px 20px 15px 0;
       margin-left: -1px;
       margin-top: -29px
}

.cloud-popup-instance__content-text {
       white-space: normal
}

.cloud-popup-instance__dismiss-button[data-popup-dismiss] {
       cursor: pointer
}

cloudx-print .cloudx-print-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: #fff;
       border-radius: 50%;
       box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
       color: #4285f4;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 50px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: fixed;
       right: 20px;
       top: 190px;
       width: 50px;
       z-index: 999
}

@media screen and (orientation:landscape) {
       cloudx-print .cloudx-print-button {
              top: 175px
       }
}

.cloud-select-dropdown,
cloudx-select-dropdown {
       display: inline-block;
       max-width: 220px
}

.cloud-select-dropdown .cloud-select-dropdown__icon,
cloudx-select-dropdown .cloud-select-dropdown__icon {
       font-size: 20px;
       height: 12px;
       line-height: 12px;
       margin-left: 16px;
       text-indent: -5px;
       -webkit-transition: -webkit-transform .3s ease;
       transition: -webkit-transform .3s ease;
       transition: transform .3s ease;
       transition: transform .3s ease, -webkit-transform .3s ease;
       width: 12px
}

.cloud-select-dropdown .cloud-select-dropdown__icon--active,
cloudx-select-dropdown .cloud-select-dropdown__icon--active {
       -webkit-transform: rotateX(180deg);
       transform: rotateX(180deg)
}

#cloud-site .cloud-select-dropdown__button:not([disabled]) .cloud-select-dropdown .cloud-select-dropdown__icon,
#cloud-site .cloud-select-dropdown__button:not([disabled]) cloudx-select-dropdown .cloud-select-dropdown__icon {
       cursor: pointer
}

.cloud-select-dropdown .cloud-select-dropdown__items,
cloudx-select-dropdown .cloud-select-dropdown__items {
       background-color: #fff;
       border: 1px solid #dadce0;
       border-radius: 4px;
       display: none;
       font: 500 14px/16px Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       list-style: none;
       margin: 8px 0 0;
       max-width: 220px;
       padding: 9px 0;
       position: absolute;
       z-index: 2
}

.cloud-select-dropdown .cloud-select-dropdown__items--active,
cloudx-select-dropdown .cloud-select-dropdown__items--active {
       display: block
}

.cloud-select-dropdown .cloud-select-dropdown__item,
cloudx-select-dropdown .cloud-select-dropdown__item {
       color: #5f6368;
       display: block;
       margin: 0;
       padding: 9px 24px;
       text-decoration: none
}

.cloud-select-dropdown .cloud-select-dropdown__item-link,
cloudx-select-dropdown .cloud-select-dropdown__item-link {
       color: #5f6368
}

.cloud-select-dropdown .cloud-select-dropdown__item-link:focus,
cloudx-select-dropdown .cloud-select-dropdown__item-link:focus {
       text-decoration: none
}

.cloud-select-dropdown .cloud-select-dropdown__item-text,
cloudx-select-dropdown .cloud-select-dropdown__item-text {
       display: inline-block;
       margin-left: 30px
}

.cloud-select-dropdown .cloud-select-dropdown__item--disabled,
cloudx-select-dropdown .cloud-select-dropdown__item--disabled {
       color: #bdc1c6;
       pointer-events: none
}

.cloud-select-dropdown .cloud-select-dropdown__item:hover,
cloudx-select-dropdown .cloud-select-dropdown__item:hover {
       background-color: #f1f3f4
}

.cloud-select-dropdown .cloud-select-dropdown__item:focus,
.cloud-select-dropdown .cloud-select-dropdown__item:focus-within,
cloudx-select-dropdown .cloud-select-dropdown__item:focus,
cloudx-select-dropdown .cloud-select-dropdown__item:focus-within {
       background-color: #e8eaed;
       text-decoration: none
}

.cloud-select-dropdown .cloud-select-dropdown__button,
cloudx-select-dropdown .cloud-select-dropdown__button {
       padding-right: 16px
}

.cloud-share-links {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center
}

.cloud-share-links-text {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 16px;
       margin: 8px 8px 8px 0
}

.cloud-share-links-item {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

.cloud-share-links-icon {
       fill: #545454;
       margin: 0 8px;
       -webkit-transition: fill .3s;
       transition: fill .3s
}

.cloud-share-links-icon.facebook,
.cloud-share-links-icon.linkedin {
       height: 22px
}

.cloud-share-links-icon.twitter {
       height: 26px
}

.cloud-share-links-icon.twitter:focus,
.cloud-share-links-icon.twitter:hover {
       fill-rule: evenodd;
       fill: #4099ff
}

.cloud-share-links-icon.linkedin:focus,
.cloud-share-links-icon.linkedin:hover {
       fill: #007bb6
}

.cloud-share-links-icon.facebook:focus,
.cloud-share-links-icon.facebook:hover {
       fill: #3b5998
}

.cloud-share-links-copy-icon,
.cloud-share-links-copy-link {
       color: #545454
}

.cloud-share-links-copy-link:focus {
       text-decoration: none
}

input.cloud-share-links-copy-text {
       left: -100vw;
       position: absolute
}

.cloud-share-links-copy-icon.cloud-share-links-icon.material-icons {
       cursor: pointer
}

.cloudx-switch {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex
}

.cloudx-switch--label {
       display: inline-block;
       margin-right: 8px;
       min-width: 24px
}

.cloudx-switch--wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       position: relative
}

.cloudx-switch--track {
       background-color: #dadce0;
       border-radius: 10px;
       height: 14px;
       position: absolute;
       width: 36px
}

.cloudx-switch--handle {
       background-color: #666166;
       border-radius: 50%;
       height: 20px;
       left: 0;
       top: 2px;
       position: absolute;
       -webkit-transition: left .2s cubic-bezier(.5, 0, .25, 1) 0ms;
       transition: left .2s cubic-bezier(.5, 0, .25, 1) 0ms;
       width: 20px
}

.cloudx-switch--handle:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #fff;
       content: "remove";
       display: inline-block;
       font-size: 20px;
       position: absolute
}

input.cloudx-switch--input[type=checkbox] {
       height: 100%;
       margin: 0;
       padding: 0;
       opacity: 0;
       width: 40px;
       z-index: 1
}

input.cloudx-switch--input[type=checkbox]:checked~.cloudx-switch--handle {
       background-color: #1976d2;
       left: 20px
}

input.cloudx-switch--input[type=checkbox]:checked~.cloudx-switch--handle:before {
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       color: #fff;
       content: "check";
       display: inline-block;
       font-size: 20px;
       position: absolute
}

input.cloudx-switch--input[type=checkbox]:checked~.cloudx-switch--track {
       background-color: #1976d2;
       opacity: .5
}

input.cloudx-switch--input[type=checkbox]:disabled~.cloudx-switch--handle,
input.cloudx-switch--input[type=checkbox]:disabled~.cloudx-switch--track {
       opacity: .25
}

input.cloudx-switch--input[type=checkbox]:focus~.cloudx-switch--handle:after {
       background-color: rgba(0, 0, 0, .1);
       border-radius: 50%;
       content: "";
       left: -4px;
       padding: 14px;
       position: absolute;
       top: -4px
}

input.cloudx-switch--input[type=checkbox]:hover:enabled~.cloudx-switch--handle:after {
       background-color: rgba(0, 0, 0, .05);
       border-radius: 50%;
       content: "";
       left: -6px;
       padding: 16px;
       position: absolute;
       top: -6px
}

.cloud-table-wrapper,
cloudx-table {
       background: #f8f9fa;
       border-radius: 2px;
       display: block;
       overflow: auto;
       padding-left: 10px;
       padding-right: 10px;
       position: relative
}

@media (min-width:600px) {

       .cloud-table-wrapper,
       cloudx-table {
              padding-left: 24px;
              padding-right: 24px
       }
}

@media (min-width:1024px) {

       .cloud-table-wrapper,
       cloudx-table {
              padding-left: 40px;
              padding-right: 40px
       }
}

.cloud-table-wrapper .devsite-table-wrapper,
cloudx-table .devsite-table-wrapper {
       display: inline-table;
       overflow: auto
}

.cloud-table-wrapper .cloud-table,
cloudx-table .cloud-table {
       margin: 0;
       table-layout: fixed
}

.cloud-table-wrapper .cloud-table__button,
cloudx-table .cloud-table__button {
       background: -webkit-radial-gradient(center, ellipse, #fff 50%, transparent 100%);
       background: radial-gradient(ellipse at center, #fff 50%, transparent 100%);
       box-shadow: none;
       color: transparent;
       cursor: pointer;
       display: none;
       padding: 0;
       position: absolute;
       right: 8px;
       top: 18px
}

.cloud-table-wrapper .cloud-table__button:focus,
.cloud-table-wrapper .cloud-table__button:hover,
cloudx-table .cloud-table__button:focus,
cloudx-table .cloud-table__button:hover {
       background: inherit;
       outline: none
}

.cloud-table-wrapper .cloud-table__button:focus:after,
cloudx-table .cloud-table__button:focus:after {
       opacity: .8
}

.cloud-table-wrapper .cloud-table__button:hover:after,
cloudx-table .cloud-table__button:hover:after {
       border-color: #185abc
}

.cloud-table-wrapper .cloud-table__button:after,
cloudx-table .cloud-table__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%;
       -webkit-transform: rotate(45deg);
       transform: rotate(45deg);
       width: 12px
}

.cloud-table-wrapper .cloud-table tr,
cloudx-table .cloud-table tr {
       border-bottom: 1px solid #dadce0;
       border-top: 0
}

.cloud-table-wrapper .cloud-table tr:last-of-type:not(:only-of-type),
cloudx-table .cloud-table tr:last-of-type:not(:only-of-type) {
       border-bottom: 0
}

.cloud-table-wrapper .cloud-table td,
.cloud-table-wrapper .cloud-table th,
cloudx-table .cloud-table td,
cloudx-table .cloud-table th {
       background: transparent;
       border: 0;
       padding: 28px 0;
       width: 184px
}

.cloud-table-wrapper .cloud-table td:first-child,
.cloud-table-wrapper .cloud-table th:first-child,
cloudx-table .cloud-table td:first-child,
cloudx-table .cloud-table th:first-child {
       width: 160px
}

.cloud-table-wrapper .cloud-table td:not(:first-child),
.cloud-table-wrapper .cloud-table th:not(:first-child),
cloudx-table .cloud-table td:not(:first-child),
cloudx-table .cloud-table th:not(:first-child) {
       padding-left: 24px
}

.cloud-table-wrapper .cloud-table td[colspan],
.cloud-table-wrapper .cloud-table th[colspan],
cloudx-table .cloud-table td[colspan],
cloudx-table .cloud-table th[colspan] {
       padding-left: 0;
       text-align: center
}

.cloud-table-wrapper .cloud-table th,
cloudx-table .cloud-table th {
       color: #000;
       text-align: left;
       vertical-align: top
}

.cloud-table-wrapper .cloud-table td,
cloudx-table .cloud-table td {
       color: #5f6368;
       font-size: 14px
}

.cloud-table-wrapper .cloud-table thead th,
cloudx-table .cloud-table thead th {
       color: #5f6368;
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-size: 11px;
       font-weight: 500;
       letter-spacing: 1px;
       line-height: 1;
       margin: 0;
       overflow: visible;
       text-transform: uppercase
}

.cloud-table-wrapper .cloud-table .cloud-link,
.cloud-table-wrapper .cloud-table a,
cloudx-table .cloud-table .cloud-link,
cloudx-table .cloud-table a {
       color: #1967d2
}

.cloud-table-wrapper--alternate,
cloudx-table[alternate] {
       background-color: transparent;
       border: 1px solid #e8eaed;
       margin: 0;
       overflow: hidden;
       padding: 0;
       scroll-behavior: smooth
}

.cloud-table-wrapper--alternate .devsite-table-wrapper,
cloudx-table[alternate] .devsite-table-wrapper {
       display: block;
       margin: 0;
       overflow: auto;
       scroll-behavior: smooth
}

.cloud-table-wrapper--alternate .cloud-table,
cloudx-table[alternate] .cloud-table {
       table-layout: auto
}

.cloud-table-wrapper--alternate .cloud-table tr,
cloudx-table[alternate] .cloud-table tr {
       border: 0
}

.cloud-table-wrapper--alternate .cloud-table tr:nth-child(odd),
cloudx-table[alternate] .cloud-table tr:nth-child(odd) {
       background-color: #f8f9fa
}

.cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header,
cloudx-table[alternate] .cloud-table tr.cloud-table__row-sub-header {
       background-color: #e8eaed
}

.cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th,
.cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th[colspan],
cloudx-table[alternate] .cloud-table tr.cloud-table__row-sub-header th,
cloudx-table[alternate] .cloud-table tr.cloud-table__row-sub-header th[colspan] {
       border: 0;
       font: 400 11px/14px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       height: 32px;
       padding-bottom: 0;
       padding-left: 20px;
       padding-top: 0;
       text-align: left;
       text-transform: uppercase;
       vertical-align: middle
}

@media (min-width:600px) {

       .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th,
       .cloud-table-wrapper--alternate .cloud-table tr.cloud-table__row-sub-header th[colspan],
       cloudx-table[alternate] .cloud-table tr.cloud-table__row-sub-header th,
       cloudx-table[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-table-wrapper--alternate .cloud-table td,
.cloud-table-wrapper--alternate .cloud-table th,
cloudx-table[alternate] .cloud-table td,
cloudx-table[alternate] .cloud-table th {
       border: 0;
       border-left: 1px solid #f1f3f4;
       min-width: 160px;
       padding: 12px 20px
}

.cloud-table-wrapper--alternate .cloud-table td:first-child,
.cloud-table-wrapper--alternate .cloud-table th:first-child,
cloudx-table[alternate] .cloud-table td:first-child,
cloudx-table[alternate] .cloud-table th:first-child {
       border-left: 0
}

@media (min-width:600px) {

       .cloud-table-wrapper--alternate .cloud-table td,
       .cloud-table-wrapper--alternate .cloud-table th,
       cloudx-table[alternate] .cloud-table td,
       cloudx-table[alternate] .cloud-table th {
              padding: 16px 24px
       }
}

@media (min-width:1024px) {

       .cloud-table-wrapper--alternate .cloud-table td,
       .cloud-table-wrapper--alternate .cloud-table th,
       cloudx-table[alternate] .cloud-table td,
       cloudx-table[alternate] .cloud-table th {
              min-width: 250px
       }
}

.cloud-table-wrapper--alternate .cloud-table td,
cloudx-table[alternate] .cloud-table td {
       width: auto
}

.cloud-table-wrapper--alternate .cloud-table thead tr,
cloudx-table[alternate] .cloud-table thead tr {
       border-bottom: 2px solid #e8eaed
}

.cloud-table-wrapper--alternate .cloud-table thead th,
cloudx-table[alternate] .cloud-table thead th {
       background-color: #fff;
       color: #3c4043;
       font: 400 14px/24px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       height: auto;
       letter-spacing: inherit;
       padding-bottom: 20px;
       padding-top: 20px;
       text-transform: none
}

@media (min-width:600px) {

       .cloud-table-wrapper--alternate .cloud-table thead th,
       cloudx-table[alternate] .cloud-table thead th {
              font-size: 18px;
              line-height: 26px
       }
}

.cloud-table-wrapper--alternate .cloud-table tbody p,
.cloud-table-wrapper--alternate .cloud-table tbody td,
.cloud-table-wrapper--alternate .cloud-table tbody th,
cloudx-table[alternate] .cloud-table tbody p,
cloudx-table[alternate] .cloud-table tbody td,
cloudx-table[alternate] .cloud-table tbody th {
       color: #3c4043;
       font: 400 14px/24px Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif
}

@media (min-width:600px) {

       .cloud-table-wrapper--alternate .cloud-table tbody p,
       .cloud-table-wrapper--alternate .cloud-table tbody td,
       .cloud-table-wrapper--alternate .cloud-table tbody th,
       cloudx-table[alternate] .cloud-table tbody p,
       cloudx-table[alternate] .cloud-table tbody td,
       cloudx-table[alternate] .cloud-table tbody th {
              font-size: 16px;
              line-height: 26px
       }
}

.cloud-table-wrapper--scrollable:after,
cloudx-table[scrollable]:after {
       box-shadow: 0 0 10px 0 #000;
       content: "";
       height: 100%;
       position: absolute;
       right: -1px;
       top: 0;
       width: 1px
}

.cloud-table-wrapper--scrollable .cloud-table__button,
cloudx-table[scrollable] .cloud-table__button {
       border: 0;
       display: block;
       height: 30px;
       width: 30px
}

cloudx-tabs {
       background: var(--devsite-selector-background, var(--devsite-background-1));
       border: var(--devsite-border, var(--devsite-secondary-border));
       border-radius: var(--devsite-border-radius, 0);
       display: block;
       margin: var(--devsite-selector-margin, 16px 0)
}

cloudx-tabs devsite-tabs {
       display: none
}

cloudx-tabs devsite-tabs[connected] {
       border-bottom: var(--devsite-border, var(--devsite-secondary-border));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

cloudx-tabs devsite-tabs tab a {
       cursor: pointer;
       display: inline-block;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       line-height: var(--devsite-selector-tab-line-height, 48px);
       margin: 0;
       max-width: 200px;
       overflow: hidden;
       text-align: center;
       text-overflow: ellipsis;
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

cloudx-tabs devsite-tabs tab a,
cloudx-tabs devsite-tabs tab a:link,
cloudx-tabs devsite-tabs tab a:visited {
       color: var(--devsite-secondary-text-color)
}

cloudx-tabs devsite-tabs tab a:focus,
cloudx-tabs devsite-tabs tab a:hover {
       color: var(--devsite-link-hover, var(--devsite-link-color))
}

cloudx-tabs devsite-tabs tab[active] a:link,
cloudx-tabs devsite-tabs tab[active] a:visited {
       color: var(--devsite-link-color)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {

       cloudx-tabs devsite-tabs tab[active] a:link,
       cloudx-tabs devsite-tabs tab[active] a:visited {
              color: inherit
       }
}

cloudx-tabs devsite-tabs>div>tab[tab] a:focus:after,
cloudx-tabs devsite-tabs>div>tab[tab] a:hover:after {
       border-color: var(--devsite-tab-marker-color, transparent)
}

cloudx-tabs devsite-tabs>div>tab[active] a:after,
cloudx-tabs devsite-tabs>div>tab[active] a:focus:after,
cloudx-tabs devsite-tabs>div>tab[active] a:hover:after {
       border-color: var(--devsite-link-color)
}

cloudx-tabs devsite-tabs tab[two-line] a {
       line-height: 20px;
       padding-top: 4px;
       white-space: normal
}

cloudx-tabs tab[two-line] [tab-label]:after {
       content: attr(tab-label);
       display: block;
       font-size: 12px
}

body cloudx-tabs devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
       height: auto;
       min-height: 48px;
       width: 100%
}

cloudx-tabs devsite-tabs[overflow-menu--open] tab[overflow-tab] {
       background: var(--devsite-overflow-tab-background, 0);
       border-radius: var(--devsite-overflow-tab-border-radius, 0)
}

body cloudx-tabs devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus,
body cloudx-tabs devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
       background: var(--devsite-overflow-link-background-hover, var(--devsite-background-3))
}

cloudx-tabs>section {
       display: none;
       outline: 0
}

cloudx-tabs>section[active] {
       display: block;
       padding: 0 23px
}

cloudx-tabs>section .devsite-table-wrapper:first-child tbody tr:first-child,
cloudx-tabs>section .devsite-table-wrapper:first-child thead tr {
       border-top: 0
}

cloudx-tabs>section>.devsite-table-wrapper,
cloudx-tabs>section>.github-docwidget-gitinclude-code>devsite-code,
cloudx-tabs>section>.github-docwidget-include,
cloudx-tabs>section>aside.beta,
cloudx-tabs>section>aside.caution,
cloudx-tabs>section>aside.deprecated,
cloudx-tabs>section>aside.dogfood,
cloudx-tabs>section>aside.key-objective,
cloudx-tabs>section>aside.key-point,
cloudx-tabs>section>aside.key-term,
cloudx-tabs>section>aside.note,
cloudx-tabs>section>aside.preview,
cloudx-tabs>section>aside.success,
cloudx-tabs>section>aside.warning,
cloudx-tabs>section>devsite-code,
cloudx-tabs>section>table {
       margin: 0 -23px
}

cloudx-tabs>section>:first-child:not(aside):not(devsite-code):not(table):not(.devsite-table-wrapper):not([class^=github-]) {
       margin-top: var(--devsite-selector-content-margin-y, 15px)
}

cloudx-tabs>section>:last-child:not(aside):not(devsite-code):not(table):not(.devsite-table-wrapper):not([class^=github-]) {
       margin-bottom: var(--devsite-selector-content-margin-y, 15px)
}

cloudx-tabs .devsite-table-wrapper:last-child,
cloudx-tabs>section>.github-docwidget-gitinclude-code>devsite-code:last-child>pre,
cloudx-tabs>section>aside:last-child,
cloudx-tabs>section>devsite-code:last-child>pre {
       border-radius: var(--devsite-content-border-radius, 0)
}

cloudx-tabs .devsite-table-wrapper+.devsite-table-wrapper {
       margin-top: 16px
}

cloudx-tabs>section table devsite-code {
       margin: 16px 0
}

cloudx-tabs>section>devsite-code pre {
       padding-left: 23px
}

.devsite-article cloudx-tabs .material-icons {
       font-size: var(--devsite-selector-icon-font-size, 18px);
       vertical-align: text-bottom
}

cloudx-tabs {
       border: 0;
       margin: 0
}

cloudx-tabs:not([border]) devsite-tabs[connected] {
       border-bottom: 0
}

cloudx-tabs devsite-tabs[connected] {
       margin-bottom: 20px
}

cloudx-tabs devsite-tabs tab {
       margin-left: 25px
}

cloudx-tabs devsite-tabs tab:first-child {
       margin-left: 0
}

cloudx-tabs devsite-tabs tab a {
       font-family: Roboto, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       max-width: none;
       padding: 0;
       text-transform: uppercase
}

cloudx-tabs devsite-tabs tab a:focus,
cloudx-tabs devsite-tabs tab a:hover {
       color: #202124;
       outline: 0
}

cloudx-tabs devsite-tabs tab[active] a:link,
cloudx-tabs devsite-tabs tab[active] a:visited {
       color: #202124
}

cloudx-tabs devsite-tabs tab[active] a:after {
       border-color: #1a73e8
}

cloudx-tabs devsite-tabs tab[active] a:after,
cloudx-tabs devsite-tabs tab a:focus:after,
cloudx-tabs devsite-tabs tab a:hover:after {
       border-radius: 0;
       border-width: 2px;
       left: 0;
       right: 0
}

cloudx-tabs[centered] devsite-tabs .devsite-tabs-wrapper {
       margin: 0 auto;
       position: relative
}

cloudx-tabs[wide] devsite-tabs tab a {
       padding-left: 20px;
       padding-right: 20px
}

cloudx-tabs[full-width] devsite-tabs .devsite-tabs-wrapper {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

cloudx-tabs[full-width] devsite-tabs .devsite-tabs-wrapper tab {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1
}

cloudx-tabs[full-width] devsite-tabs .devsite-tabs-wrapper tab a {
       width: 100%
}

cloudx-tabs>section[active] {
       padding: 0
}

cloudx-tabs-nav {
       --scroll-offset: 0;
       --scroll-animation-duration: 1s;
       --scroll-button-color: #1a73e8;
       --scroll-button-font-size: 24px;
       --scroll-button-hover-color: #185abc
}

cloudx-tabs-nav {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       height: var(--devsite-tabs-height, 48px);
       margin: var(--devsite-tabs-margin);
       max-width: calc(100% - 208px);
       position: relative;
       width: var(--devsite-tabs-width)
}

cloudx-tabs-nav[connected] {
       max-width: none
}

cloudx-tabs-nav .devsite-tabs-wrapper {
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       left: 0;
       overflow: hidden;
       right: 0;
       top: 0
}

[dir=ltr] cloudx-tabs-nav.lower-tabs .devsite-tabs-wrapper {
       left: var(--devsite-tabs-wrapper-x, 0)
}

[dir=rtl] cloudx-tabs-nav.lower-tabs .devsite-tabs-wrapper {
       right: var(--devsite-tabs-wrapper-x, 0)
}

cloudx-tabs-nav[no-overflow] .devsite-tabs-wrapper {
       overflow: auto
}

cloudx-tabs-nav[dropdown--open] .devsite-tabs-wrapper,
cloudx-tabs-nav[overflow-menu--open] .devsite-tabs-wrapper {
       overflow: visible
}

cloudx-tabs-nav tab {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       position: relative
}

cloudx-tabs-nav tab>a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: var(--devsite-link-font, 500 14px/20px var(--devsite-primary-font-family));
       letter-spacing: var(--devsite-link-letter-spacing, normal);
       margin: 0;
       padding: var(--devsite-link-padding, 0 24px);
       text-transform: var(--devsite-link-text-transform, uppercase);
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

cloudx-tabs-nav tab>a,
cloudx-tabs-nav tab>a:focus,
cloudx-tabs-nav tab>a:hover {
       text-decoration: none
}

cloudx-tabs-nav.upper-tabs tab a {
       font-weight: var(--devsite-upper-tab-font-weight, 400);
       text-transform: none
}

cloudx-tabs-nav.upper-tabs tab>a {
       color: var(--devsite-upper-tab-inactive, var(--devsite-secondary-text-color))
}

cloudx-tabs-nav.upper-tabs tab[active]>a {
       font-weight: 500
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {
       cloudx-tabs-nav.upper-tabs tab[active]>a {
              color: inherit
       }
}

cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active]>a {
       color: var(--devsite-upper-tab-active, var(--devsite-primary-text-color))
}

cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:hover {
       color: var(--devsite-upper-tab-active-hover, var(--devsite-upper-tab-active, var(--devsite-primary-text-color)))
}

cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:focus {
       color: var(--devsite-upper-tab-active-focus, var(--devsite-secondary-text-color))
}

cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:after {
       border-color: var(--devsite-upper-tab-marker-color, var(--devsite-secondary-color, var(--devsite-primary-text-color)))
}

cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab[active]>a:hover:after {
       border-color: var(--devsite-upper-tab-marker-color-hover, var(--devsite-upper-tab-marker-color, var(--devsite-secondary-color, var(--devsite-primary-text-color))))
}

cloudx-tabs-nav tab>a:focus:after,
cloudx-tabs-nav tab>a:hover:after,
cloudx-tabs-nav tab[active]>a:after {
       border-radius: var(--devsite-tab-marker-border-radius, 0);
       border-top: var(--devsite-tab-marker-height, 2px) solid transparent;
       bottom: 0;
       content: "";
       display: block;
       position: absolute
}

[dir=ltr] cloudx-tabs-nav tab>a:focus:after,
[dir=ltr] cloudx-tabs-nav tab>a:hover:after,
[dir=ltr] cloudx-tabs-nav tab[active]>a:after {
       left: var(--devsite-tab-marker-position-x, 0);
       right: var(--devsite-tab-marker-position-x-end, var(--devsite-tab-marker-position-x, 0))
}

[dir=rtl] cloudx-tabs-nav tab>a:focus:after,
[dir=rtl] cloudx-tabs-nav tab>a:hover:after,
[dir=rtl] cloudx-tabs-nav tab[active]>a:after {
       left: var(--devsite-tab-marker-position-x-end, var(--devsite-tab-marker-position-x, 0));
       right: var(--devsite-tab-marker-position-x, 0)
}

cloudx-tabs-nav tab[dropdown]>a {
       padding-block: 0;
       padding-inline: var(--devsite-dropdown-tab-padding-x, 24px) 0;
       position: relative;
       z-index: 2
}

[dir=ltr] cloudx-tabs-nav tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after,
[dir=ltr] cloudx-tabs-nav tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after,
[dir=ltr] cloudx-tabs-nav tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
       right: var(--devsite-tab-marker-inset-x, 0)
}

[dir=rtl] cloudx-tabs-nav tab[active][dropdown] a:not(.devsite-tabs-dropdown-toggle):after,
[dir=rtl] cloudx-tabs-nav tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):focus:after,
[dir=rtl] cloudx-tabs-nav tab[dropdown] a:not(.devsite-tabs-dropdown-toggle):hover:after {
       left: var(--devsite-tab-marker-inset-x, 0)
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a {
       font-weight: var(--devsite-upper-tab-dropdown-link-font-weight)
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a,
cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:visited {
       color: var(--devsite-upper-tab-dropdown-link, var(--devsite-primary-text-color))
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus,
cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover {
       color: var(--devsite-upper-tab-dropdown-link-hover, var(--devsite-secondary-text-color))
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:focus .devsite-nav-item-title,
cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown a:hover .devsite-nav-item-title {
       -webkit-text-decoration: var(--devsite-nav-item-title-text-decoration-hover, none);
       -moz-text-decoration: var(--devsite-nav-item-title-text-decoration-hover, none);
       text-decoration: var(--devsite-nav-item-title-text-decoration-hover, none)
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-nav-item-description {
       font-weight: var(--devsite-upper-tab-dropdown-description-font-weight)
}

cloudx-tabs-nav .devsite-tabs-dropdown-content {
       border-top: var(--devsite-header-border, 0)
}

cloudx-tabs-nav.lower-tabs tab[dropdown] .devsite-tabs-dropdown-content,
cloudx-tabs-nav.lower-tabs tab[overflow-tab] .devsite-tabs-overflow-menu,
cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-content,
cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
       border-radius: var(--devsite-upper-tab-dropdown-corner-radius, 0)
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-tabs-dropdown-toggle:before,
cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-icon-arrow-drop-down:before {
       color: var(--devsite-upper-tab-dropdown-inactive, var(--devsite-upper-tab-inactive, var(--devsite-secondary-text-color)))
}

cloudx-tabs-nav.upper-tabs tab[active][dropdown] .devsite-tabs-dropdown-toggle:before {
       color: var(--devsite-upper-tab-dropdown-active, var(--devsite-upper-tab-active, var(--devsite-primary-text-color)))
}

cloudx-tabs-nav.upper-tabs tab[dropdown] .devsite-nav-item-description {
       color: var(--devsite-upper-tab-dropdown-description, var(--devsite-secondary-text-color))
}

cloudx-tabs-nav tab[dropdown] .devsite-tabs-dropdown-toggle {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       padding-block: 0;
       padding-inline: 0 var(--devsite-dropdown-toggle-padding-x, 0)
}

cloudx-tabs-nav.upper-tabs .devsite-icon-arrow-drop-down:before,
cloudx-tabs-nav tab[dropdown] .devsite-tabs-dropdown-toggle:before {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
       -webkit-transition: background .2s, color .2s, -webkit-transform .2s;
       transition: background .2s, color .2s, -webkit-transform .2s;
       transition: background .2s, color .2s, transform .2s;
       transition: background .2s, color .2s, transform .2s, -webkit-transform .2s
}

cloudx-tabs-nav tab[dropdown] .devsite-tabs-dropdown-toggle:focus:before {
       background: var(--devsite-background-3);
       border-radius: 50%
}

cloudx-tabs-nav.upper-tabs[overflow-menu--open] tab:hover .devsite-icon-arrow-drop-down:before,
cloudx-tabs-nav tab[dropdown--open] .devsite-tabs-dropdown-toggle:before {
       -webkit-transform: rotate(-180deg);
       transform: rotate(-180deg)
}

cloudx-tabs-nav tab[overflow-tab] {
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       position: relative
}

cloudx-tabs-nav tab[overflow-tab][collapsed] {
       -webkit-box-flex: 0;
       -webkit-flex-grow: 0;
       -moz-box-flex: 0;
       -ms-flex-positive: 0;
       flex-grow: 0
}

cloudx-tabs-nav.upper-tabs tab[overflow-tab]:after {
       content: "";
       height: 48px;
       position: absolute;
       z-index: -1
}

[dir=ltr] cloudx-tabs-nav.upper-tabs tab[overflow-tab]:after {
       left: -6px;
       right: -100%
}

[dir=rtl] cloudx-tabs-nav.upper-tabs tab[overflow-tab]:after {
       left: -100%;
       right: -6px
}

cloudx-tabs-nav tab[overflow-tab] tab>a {
       padding: var(--devsite-overflow-tab-padding, 0 24px)
}

cloudx-tabs-nav tab[overflow-tab] a {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse;
       position: relative
}

cloudx-tabs-nav tab[overflow-tab] tab .devsite-tabs-dropdown,
cloudx-tabs-nav tab[overflow-tab] tab .devsite-tabs-dropdown-toggle {
       display: none
}

cloudx-tabs-nav tab[overflow-tab] .devsite-tabs-overflow-menu {
       background: var(--devsite-overflow-menu-background, var(--devsite-background-1));
       border-radius: var(--devsite-overflow-menu-border-radius, 2px);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-height: 320px;
       overflow-y: auto;
       padding: 16px 0;
       position: absolute;
       top: var(--devsite-overflow-menu-top, -16px);
       z-index: 1005
}

cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu {
       border-radius: 0 0 2px 2px;
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color), inset 0 4px 6px -4px var(--devsite-elevation-inset-shadow-color);
       top: 48px;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-transition: -webkit-transform .2s;
       transition: -webkit-transform .2s;
       transition: transform .2s;
       transition: transform .2s, -webkit-transform .2s;
       z-index: -1
}

cloudx-tabs-nav.upper-tabs .devsite-tabs-overflow-menu .devsite-tabs-dropdown-toggle {
       display: none !important
}

cloudx-tabs-nav.upper-tabs tab[overflow-tab] .devsite-tabs-overflow-menu[hidden] {
       display: block !important;
       pointer-events: none;
       -webkit-transform: translate3d(0, -150%, 0);
       transform: translate3d(0, -150%, 0)
}

cloudx-tabs-nav tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
       background: var(--devsite-background-1);
       color: var(--devsite-secondary-text-color);
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       height: 48px
}

cloudx-tabs-nav tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus,
cloudx-tabs-nav tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
       background: var(--devsite-background-3);
       color: var(--devsite-primary-text-color)
}

cloudx-tabs-nav .devsite-tabs-dropdown {
       display: block;
       font-size: 13px;
       left: -6px;
       min-width: calc(100% + 12px);
       outline: 0;
       overflow: hidden;
       padding: 0 6px 6px;
       pointer-events: none;
       position: absolute;
       top: 100%;
       z-index: -1
}

[dir=rtl] cloudx-tabs-nav .devsite-tabs-dropdown {
       right: -6px;
       left: auto
}

cloudx-tabs-nav [dropdown-full] .devsite-tabs-dropdown {
       left: 0;
       padding: 0 0 6px;
       width: 100vw
}

cloudx-tabs-nav .devsite-tabs-dropdown-content {
       background-color: var(--devsite-background-1);
       display: var(--devsite-dropdown-content-display, flex);
       box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color), inset 0 4px 6px -4px var(--devsite-elevation-inset-shadow-color);
       grid-template-columns: var(--devsite-dropdown-content-grid-template-columns, none);
       grid-template-rows: var(--devsite-dropdown-content-grid-template-rows, none);
       overflow: auto;
       max-height: 600px;
       max-width: 100vw;
       padding: var(--devsite-dropdown-content-padding, 0 12px);
       pointer-events: none;
       -webkit-transform: translate3d(0, -150%, 0);
       transform: translate3d(0, -150%, 0);
       -webkit-transition: -webkit-transform 0s;
       transition: -webkit-transform 0s;
       transition: transform 0s;
       transition: transform 0s, -webkit-transform 0s;
       white-space: nowrap
}

cloudx-tabs-nav .devsite-tabs-dropdown[dropdown-transition] .devsite-tabs-dropdown-content {
       -webkit-transition: -webkit-transform .5s;
       transition: -webkit-transform .5s;
       transition: transform .5s;
       transition: transform .5s, -webkit-transform .5s
}

cloudx-tabs-nav tab[dropdown--open] .devsite-tabs-dropdown-content {
       pointer-events: all;
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
}

cloudx-tabs-nav .devsite-tabs-dropdown-column {
       background: var(--devsite-dropdown-column-background, none);
       border-top: var(--devsite-dropdown-column-border-top, 0);
       -moz-box-sizing: var(--devsite-dropdown-column-box-sizing, inherit);
       box-sizing: var(--devsite-dropdown-column-box-sizing, inherit);
       margin: var(--devsite-dropdown-column-margin, 0);
       max-width: var(--devsite-dropdown-column-max-width, none);
       min-width: var(--devsite-dropdown-column-min-width, 180px);
       padding: var(--devsite-dropdown-column-padding, 0)
}

cloudx-tabs-nav [dropdown-full] .devsite-tabs-dropdown-column {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
       -moz-box-flex: 1;
       -ms-flex: 1;
       flex: 1;
       grid-row: var(--devsite-dropdown-column-grid-row, auto);
       min-width: 0
}

cloudx-tabs-nav .devsite-tabs-dropdown-section {
       list-style: none;
       margin: var(--devsite-dropdown-section-margin, 0);
       padding: var(--devsite-dropdown-section-padding, 0 12px)
}

cloudx-tabs-nav .devsite-tabs-dropdown-section:first-child {
       margin: var(--devsite-dropdown-first-section-margin, 18px 0 0)
}

cloudx-tabs-nav .devsite-tabs-dropdown-section:not(:first-child) {
       margin-top: 54px
}

cloudx-tabs-nav tab[dropdown] .devsite-nav-item,
cloudx-tabs-nav tab[dropdown] .devsite-nav-title {
       line-height: 18px;
       margin: var(--devsite-nav-text-margin, 0 0 18px)
}

cloudx-tabs-nav tab[dropdown] .devsite-nav-title {
       border-bottom: var(--devsite-nav-title-border-bottom, 0);
       color: var(--devsite-nav-title-color, var(--devsite-secondary-text-color));
       font: var(--devsite-nav-title-font, inherit);
       font-weight: var(--devsite-nav-title-font-weight, 700);
       outline: none;
       padding: var(--devsite-nav-title-padding, 0);
       text-transform: var(--devsite-nav-title-transform, none);
       white-space: var(--devsite-nav-title-white-space)
}

cloudx-tabs-nav tab[dropdown] .devsite-nav-item-title {
       display: var(--devsite-nav-item-title-display, block);
       font: var(--devsite-nav-item-title-font, inherit);
       letter-spacing: var(--devsite-nav-item-title-letter-spacing, normal);
       line-height: var(--devsite-nav-item-title-line-height, inherit);
       margin: var(--devsite-nav-item-title-margin, 0)
}

cloudx-tabs-nav [dropdown-full] .devsite-nav-item>a,
cloudx-tabs-nav [dropdown-full] .devsite-nav-title {
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: normal
}

cloudx-tabs-nav tab[dropdown] .devsite-nav-description,
cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description {
       font: var(--devsite-nav-description-font, inherit);
       font-size: var(--devsite-nav-description-font-size, inherit);
       line-height: var(--devsite-nav-description-line-height, inherit)
}

cloudx-tabs-nav tab[dropdown] .devsite-nav-description {
       color: var(--devsite-nav-description-color, inherit);
       margin: var(--devsite-nav-description-margin, 12px 0);
       white-space: var(--devsite-nav-description-white-space, inherit)
}

cloudx-tabs-nav tab[dropdown] .devsite-nav-item-description {
       color: var(--devsite-secondary-text-color);
       padding: var(--devsite-padding, 0);
       white-space: normal
}

body[theme] cloudx-tabs-nav .devsite-tabs-dropdown a,
body[theme] cloudx-tabs-nav .devsite-tabs-dropdown a:visited {
       color: var(--devsite-primary-text-color);
       display: var(--devsite-dropdown-link-display, block);
       font-weight: 400
}

body[theme] cloudx-tabs-nav .devsite-tabs-dropdown a:focus,
body[theme] cloudx-tabs-nav .devsite-tabs-dropdown a:hover {
       color: var(--devsite-link-color)
}

cloudx-tabs-nav[render-hidden] {
       width: 100%
}

cloudx-tabs-nav[render-hidden] tab[overflow-tab],
cloudx-tabs-nav tab[overflow-tab][render-hidden] {
       -webkit-box-flex: 0;
       -webkit-flex: none;
       -moz-box-flex: 0;
       -ms-flex: none;
       flex: none
}

cloudx-tabs-nav tab[dropdown] .devsite-tabs-close-button {
       color: var(--devsite-primary-text-color);
       cursor: pointer;
       position: absolute;
       right: 24px;
       top: 24px;
       visibility: hidden;
       z-index: 1
}

cloudx-tabs-nav tab[dropdown] .devsite-tabs-close-button:focus,
cloudx-tabs-nav tab[dropdown] .devsite-tabs-close-button:hover {
       color: var(--devsite-link-color)
}

cloudx-tabs-nav tab[dropdown--open] .devsite-tabs-close-button {
       visibility: visible
}

cloudx-tabs-nav.upper-tabs {
       max-width: none
}

cloudx-tabs-nav tab>a {
       padding: 0 10px
}

cloudx-tabs-nav.lower-tabs>.devsite-tabs-wrapper>tab>a:focus,
cloudx-tabs-nav.lower-tabs>.devsite-tabs-wrapper>tab>a:hover,
cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab>a:focus,
cloudx-tabs-nav.upper-tabs>.devsite-tabs-wrapper>tab>a:hover {
       color: #000
}

cloudx-tabs-nav tab[overflow-tab] {
       display: none
}

cloudx-tabs-nav tab[position=right] {
       display: none;
       width: 0
}

@media only screen and (max-width:1052px) {
       cloudx-tabs-nav tab[position=right] {
              display: inherit;
              width: auto
       }
}

cloudx-tabs-nav .devsite-tabs-wrapper {
       -webkit-box-flex: 1;
       -webkit-flex: 1 0 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0 0px;
       flex: 1 0 0;
       -webkit-box-ordinal-group: 1;
       -webkit-order: 0;
       -moz-box-ordinal-group: 1;
       -ms-flex-order: 0;
       order: 0;
       padding-left: 8px;
       position: absolute
}

cloudx-tabs-nav tab {
       -webkit-animation-fill-mode: forwards;
       animation-fill-mode: forwards;
       -webkit-transform: translateX(var(--scroll-offset));
       transform: translateX(var(--scroll-offset));
       -webkit-transition: -webkit-transform var(--scroll-animation-duration);
       transition: -webkit-transform var(--scroll-animation-duration);
       transition: transform var(--scroll-animation-duration);
       transition: transform var(--scroll-animation-duration), -webkit-transform var(--scroll-animation-duration)
}

cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper>tab.cta {
       margin-left: 8px;
       z-index: inherit
}

cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper>tab.cta>a {
       color: #1a73e8;
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       padding: 0 10px
}

cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper>tab.cta>a:focus,
cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper>tab.cta>a:hover {
       color: #185abc
}

.devsite-header-link.devsite-top-button,
devsite-user>div.ogb-wrapper.ogb-si>a {
       font-weight: 400
}

.devsite-header-link.devsite-top-button,
.devsite-product-name-wrapper,
cloudx-additional-tabs,
devsite-language-selector,
devsite-shell-activate-button,
devsite-user {
       z-index: 102
}

devsite-bookmark.show {
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-bookmark-background);
       border: 0;
       box-shadow: none;
       cursor: pointer;
       height: 36px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 0;
       min-width: 66px;
       padding: 0;
       vertical-align: middle;
       width: 66px
}

devsite-bookmark.show.devsite-legacy-bookmark {
       border-radius: 18px;
       min-width: 36px;
       width: 36px
}

devsite-bookmark.show.devsite-legacy-bookmark:focus,
devsite-bookmark.show.devsite-legacy-bookmark:hover {
       background: var(--devsite-bookmark-background-hover-legacy)
}

devsite-bookmark.show.devsite-page-bookmark,
devsite-feature-tooltip.devsite-page-bookmark-tooltip {
       -webkit-margin-end: 8px;
       -moz-margin-end: 8px;
       margin-inline-end: 8px;
       -webkit-margin-start: -74px;
       -moz-margin-start: -74px;
       margin-inline-start: -74px
}

devsite-bookmark input.bookmark-checkbox {
       background: var(--devsite-bookmark-background);
       color: var(--devsite-bookmark-icon-color);
       margin: 0
}

devsite-bookmark devsite-dropdown-list {
       --devsite-button-box-shadow: none
}

devsite-bookmark devsite-dropdown-list .bookmark-icon {
       color: var(--devsite-bookmark-icon-color);
       -webkit-transition: color .2s;
       transition: color .2s
}

devsite-bookmark devsite-dropdown-list:where(:hover, :focus, :active) .bookmark-icon {
       color: var(--devsite-dropdown-list-toggle-color-hover)
}

devsite-bookmark devsite-dropdown-list .bookmark-icon.toggled {
       color: var(--devsite-bookmark-icon-color-saved)
}

devsite-bookmark devsite-dropdown-list:where(:hover, :focus, :active) .bookmark-icon.toggled {
       color: var(--devsite-bookmark-icon-color-saved-hover)
}

devsite-bookmark input.bookmark-checkbox:after {
       content: "bookmark_border"
}

devsite-bookmark input.bookmark-checkbox:checked:after {
       content: "bookmark"
}

devsite-bookmark input.bookmark-checkbox:checked:focus:before,
devsite-bookmark input.bookmark-checkbox:focus:before {
       background: var(--devsite-bookmark-background-focus-legacy)
}

devsite-bookmark[saved] input.bookmark-checkbox,
devsite-bookmark[saved] input.bookmark-checkbox:checked,
devsite-bookmark input.bookmark-checkbox:checked {
       color: var(--devsite-bookmark-icon-color-saved)
}

.devsite-bookmark-dialog .create-profile-spinner {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: hsla(0, 0%, 100%, .8);
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       left: 0;
       opacity: 0;
       pointer-events: none;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       z-index: 10
}

.devsite-bookmark-dialog.loading .create-profile-spinner {
       opacity: 1
}

devsite-book-nav {
       max-height: 100vh;
       overflow-x: hidden;
       overflow-y: auto;
       position: relative;
       z-index: 1004
}

.devsite-book-nav-bg,
body[pending] devsite-book-nav {
       background: var(--devsite-book-nav-background);
       box-shadow: var(--devsite-book-nav-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 1px 3px 1px var(--devsite-elevation-ambient-shadow-color))
}

body[pending] devsite-book-nav {
       height: 100vh
}

body[ready] devsite-book-nav[fixed] {
       box-shadow: none;
       contain: content;
       max-height: 100%;
       position: fixed;
       -webkit-transform: translateY(var(--devsite-js-book-nav-y-offset, 0));
       transform: translateY(var(--devsite-js-book-nav-y-offset, 0));
       will-change: top, max-height, transform
}

body[ready] .devsite-book-nav-bg[fixed] {
       bottom: 0;
       display: block;
       position: fixed;
       top: 0;
       z-index: 1
}

body[ready] .devsite-book-nav-bg[animatable],
body[ready] devsite-book-nav[animatable] {
       -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1)
}

.devsite-book-nav-bg:after {
       bottom: -10px;
       content: "";
       display: block;
       height: 10px;
       position: fixed;
       width: 279px
}

[dir=ltr] .devsite-book-nav-bg:after {
       left: 0
}

[dir=rtl] .devsite-book-nav-bg:after {
       right: 0
}

devsite-book-nav .devsite-book-nav-filter {
       background: var(--devsite-book-nav-background);
       border-bottom: var(--devsite-primary-border);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin-bottom: 12px;
       padding: 24px;
       position: -webkit-sticky;
       position: sticky;
       top: 0;
       z-index: 2
}

devsite-book-nav input[type=text] {
       background: var(--devsite-searchbox-inactive);
       border: 0;
       border-radius: 4px;
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color));
       font-size: var(--devsite-nav-font-size, 13px);
       height: var(--devsite-book-nav-input-height);
       padding-inline: var(--devsite-book-nav-input-height);
       width: 100%
}

devsite-book-nav input[type=text]:hover {
       background: var(--devsite-searchbox-hover)
}

devsite-book-nav input[type=text]:focus {
       background: var(--devsite-search-form-background-active);
       border: 0;
       box-shadow: var(--devsite-search-active-box-shadow, none);
       color: var(--devsite-search-form-text-active, var(--devsite-primary-text-color));
       padding: 16px var(--devsite-book-nav-input-height)
}

devsite-book-nav .devsite-nav-list {
       padding-bottom: 56px
}

devsite-book-nav .devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
       border-top: 0;
       margin-top: 20px;
       padding-top: 0
}

devsite-book-nav .devsite-book-nav-filter:not(.hidden)+.devsite-book-nav .devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
       margin-top: 0
}

devsite-book-nav .devsite-book-nav-filter:before,
devsite-book-nav .filter-clear-button {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       font: normal normal normal 14px/1 Material Icons;
       height: var(--devsite-book-nav-input-height);
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: absolute;
       top: 24px;
       width: var(--devsite-book-nav-input-height)
}

devsite-book-nav .devsite-book-nav-filter:before {
       content: "filter_list";
       inset-inline: 24px auto
}

devsite-book-nav .filter-clear-button {
       cursor: pointer;
       inset-inline: auto 24px;
       outline: 0
}

devsite-book-nav .filter-clear-button:before {
       content: "close"
}

devsite-book-nav .filter-clear-button:focus:before,
devsite-book-nav .filter-clear-button:hover:before {
       background: var(--devsite-background-5);
       border-radius: 50%;
       padding: 4px
}

devsite-book-nav .devsite-nav-text mark {
       background: #feefc3;
       border-radius: 4px
}

[dir=ltr] devsite-book-nav li .devsite-nav-title {
       padding-left: 24px
}

[dir=rtl] devsite-book-nav li .devsite-nav-title {
       padding-left: 8px;
       padding-right: 24px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li .devsite-nav-title {
       padding-left: 40px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li .devsite-nav-title {
       padding-right: 40px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-title {
       padding-left: 56px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-title {
       padding-right: 56px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li .devsite-nav-title {
       padding-left: 72px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li .devsite-nav-title {
       padding-right: 72px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li li .devsite-nav-title {
       padding-left: 88px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li li .devsite-nav-title {
       padding-right: 88px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li li li .devsite-nav-title {
       padding-left: 104px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li li li .devsite-nav-title {
       padding-right: 104px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li li li li .devsite-nav-title {
       padding-left: 120px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li li li li .devsite-nav-title {
       padding-right: 120px
}

[dir=ltr] devsite-book-nav li.devsite-nav-divider .devsite-nav-title {
       padding-left: 0
}

[dir=rtl] devsite-book-nav li.devsite-nav-divider .devsite-nav-title {
       padding-right: 0
}

[dir=ltr] devsite-book-nav .devsite-nav-title {
       margin-right: var(--devsite-nav-title-margin-x, 0);
       padding-right: 8px
}

[dir=rtl] devsite-book-nav .devsite-nav-title {
       margin-left: var(--devsite-nav-title-margin-x, 0);
       padding-left: 8px
}

devsite-book-nav .devsite-nav-title.devsite-nav-active {
       background: var(--devsite-nav-title-background-active, 0)
}

[dir=ltr] devsite-book-nav .devsite-nav-title.devsite-nav-active {
       border-radius: var(--devsite-nav-title-border-radius, 0 12px 12px 0)
}

[dir=rtl] devsite-book-nav .devsite-nav-title.devsite-nav-active {
       border-radius: var(--devsite-nav-title-border-radius, 12px 0 0 12px)
}

[dir=ltr] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:not(.devsite-nav-active),
[dir=ltr] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav>.devsite-nav-title-no-path {
       border-radius: var(--devsite-nav-title-border-radius, 0 12px 12px 0)
}

[dir=rtl] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:not(.devsite-nav-active),
[dir=rtl] devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav>.devsite-nav-title-no-path {
       border-radius: var(--devsite-nav-title-border-radius, 12px 0 0 12px)
}

devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:not(.devsite-nav-active):focus,
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:not(.devsite-nav-active):hover,
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav>.devsite-nav-title-no-path:focus,
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav>.devsite-nav-title-no-path:hover {
       background: var(--devsite-nav-title-background-hover, 0)
}

devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:not(.devsite-nav-active):focus,
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:not(.devsite-nav-active):hover {
       color: var(--devsite-nav-title-color-hover, var(--devsite-link-color))
}

devsite-book-nav .devsite-nav-list>.devsite-nav-heading:not(.devsite-nav-divider) {
       border-top: var(--devsite-primary-border);
       padding-top: 11px
}

devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) {
       margin-top: 12px
}

[dir=ltr] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 24px
}

[dir=rtl] devsite-book-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 24px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 40px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 40px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 56px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 56px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 72px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 72px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 88px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 88px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 104px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 104px
}

[dir=ltr] devsite-book-nav .devsite-expandable-nav li li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-left: 120px
}

[dir=rtl] devsite-book-nav .devsite-expandable-nav li li li li li .devsite-nav-heading:not(.devsite-nav-divider) .devsite-nav-title-no-path {
       padding-right: 120px
}

[dir=ltr] devsite-book-nav .devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-title-no-path {
       margin-right: 0
}

[dir=rtl] devsite-book-nav .devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-title-no-path {
       margin-left: 0
}

devsite-book-nav .devsite-nav-heading.devsite-nav-divider {
       background: var(--devsite-nav-divider-background);
       border-bottom: var(--devsite-primary-border);
       border-top: var(--devsite-primary-border);
       padding: 4px 24px 2px
}

devsite-book-nav .devsite-nav-heading.devsite-nav-divider:first-child {
       padding-top: 4px
}

devsite-book-nav .devsite-nav-divider>.devsite-nav-title {
       font: 500 11px/16px var(--devsite-primary-font-family);
       letter-spacing: .8px;
       text-transform: uppercase
}

devsite-book-nav .devsite-nav-accordion+.devsite-nav-accordion,
devsite-book-nav .devsite-nav-divider+.devsite-nav-accordion {
       border-top: 0;
       padding-top: 12px
}

devsite-book-nav .devsite-nav-accordion+.devsite-nav-divider {
       border-top: 0;
       padding-top: 4px
}

devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading>.devsite-nav-title-no-path {
       border-radius: 0;
       cursor: default
}

devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading>.devsite-nav-title-no-path:focus,
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion) .devsite-nav-heading>.devsite-nav-title-no-path:hover {
       background: 0
}

devsite-book-nav .devsite-nav-item.devsite-nav-deprecated:not(.devsite-nav-accordion) .devsite-nav-heading>.devsite-nav-title-no-path:focus,
devsite-book-nav .devsite-nav-item.devsite-nav-deprecated:not(.devsite-nav-accordion) .devsite-nav-heading>.devsite-nav-title-no-path:hover {
       color: var(--devsite-nav-title-no-path-color-hover, var(--devsite-link-color))
}

devsite-book-nav .devsite-nav-accordion+.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider),
devsite-book-nav .devsite-nav-divider+.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider),
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider)+.devsite-nav-accordion,
devsite-book-nav .devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider)+.devsite-nav-divider {
       margin-top: 12px
}

devsite-book-nav .devsite-nav-break {
       height: 24px
}

#devsite-hamburger-menu,
devsite-book-nav .devsite-mobile-header,
devsite-book-nav .devsite-mobile-nav-top {
       display: none
}

devsite-book-nav .devsite-mobile-header {
       background: var(--devsite-header-color-upper, var(--devsite-background-1));
       border-bottom: var(--devsite-header-border, var(--devsite-primary-border))
}

#devsite-hamburger-menu:before,
devsite-book-nav #devsite-close-nav:before {
       border-radius: 50%;
       padding: 8px;
       -webkit-transition: background .2s;
       transition: background .2s
}

#devsite-hamburger-menu:focus:before,
#devsite-hamburger-menu:hover:before,
devsite-book-nav #devsite-close-nav:focus:before,
devsite-book-nav #devsite-close-nav:hover:before {
       background: var(--devsite-background-3)
}

#devsite-hamburger-menu:before {
       content: "menu"
}

[dir=ltr] devsite-book-nav #devsite-close-nav:before {
       content: "arrow_back"
}

[dir=rtl] devsite-book-nav #devsite-close-nav:before {
       content: "arrow_forward"
}

devsite-book-nav[top-level-nav] #devsite-close-nav:before {
       content: "close"
}

.devsite-book-nav-toggle {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: var(--devsite-book-nav-toggle-background);
       border: var(--devsite-book-nav-toggle-border, 0);
       bottom: 16px;
       box-shadow: var(--devsite-book-nav-toggle-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color));
       color: var(--devsite-book-nav-toggle-color, var(--devsite-secondary-text-color));
       cursor: pointer;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 40px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-width: 24px;
       padding: 0;
       position: fixed;
       text-decoration: none;
       -webkit-transform: translateX(calc(var(--devsite-js-book-nav-scrollbar-width, 0px) - var(--devsite-nav-title-margin-x, 8px)));
       transform: translateX(calc(var(--devsite-js-book-nav-scrollbar-width, 0px) - var(--devsite-nav-title-margin-x, 8px)));
       -webkit-transition: border-radius .2s ease, -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: border-radius .2s ease, -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: transform .2s cubic-bezier(.4, 0, .2, 1), border-radius .2s ease;
       transition: transform .2s cubic-bezier(.4, 0, .2, 1), border-radius .2s ease, -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       z-index: 1004
}

.devsite-book-nav-toggle:focus,
.devsite-book-nav-toggle:hover {
       background-color: var(--devsite-book-nav-toggle-background-hover);
       border: var(--devsite-book-nav-toggle-border-hover, 0);
       box-shadow: var(--devsite-book-nav-toggle-box-shadow-hover, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color));
       color: var(--devsite-book-nav-toggle-color-hover, var(--devsite-secondary-text-color))
}

.devsite-book-nav-toggle[aria-expanded] {
       border-radius: 50%;
       width: 40px
}

[dir=ltr] .devsite-book-nav-toggle[aria-expanded] {
       -webkit-transform: translateX(calc(229px - var(--devsite-js-book-nav-scrollbar-width, 0px) - var(--devsite-nav-title-margin-x, 8px)));
       transform: translateX(calc(229px - var(--devsite-js-book-nav-scrollbar-width, 0px) - var(--devsite-nav-title-margin-x, 8px)))
}

[dir=rtl] .devsite-book-nav-toggle[aria-expanded] {
       -webkit-transform: translateX(calc(-229px + var(--devsite-js-book-nav-scrollbar-width, 0px) + var(--devsite-nav-title-margin-x, 8px)));
       transform: translateX(calc(-229px + var(--devsite-js-book-nav-scrollbar-width, 0px) + var(--devsite-nav-title-margin-x, 8px)))
}

.devsite-book-nav-toggle:not([aria-expanded]) {
       -webkit-border-start: 0;
       -moz-border-start: 0;
       border-inline-start: 0;
       -webkit-transition: width .2s ease, border-radius .2s ease, -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
       transition: width .2s ease, border-radius .2s ease, -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
       transition: width .2s ease, transform .15s cubic-bezier(.4, 0, .2, 1), border-radius .2s ease;
       transition: width .2s ease, transform .15s cubic-bezier(.4, 0, .2, 1), border-radius .2s ease, -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
       width: 24px
}

[dir=ltr] .devsite-book-nav-toggle:not([aria-expanded]) {
       border-radius: 0 20px 20px 0
}

[dir=rtl] .devsite-book-nav-toggle:not([aria-expanded]) {
       border-radius: 20px 0 0 20px
}

.devsite-book-nav-toggle:not([aria-expanded]):focus,
.devsite-book-nav-toggle:not([aria-expanded]):hover {
       width: 40px
}

[dir=ltr] body[ready] .devsite-book-nav-bg[collapsed] {
       -webkit-transform: translate(-279px);
       transform: translate(-279px)
}

[dir=rtl] body[ready] .devsite-book-nav-bg[collapsed] {
       -webkit-transform: translate(279px);
       transform: translate(279px)
}

[dir=ltr] body[ready] devsite-book-nav[collapsed] {
       -webkit-transform: translate(-279px, var(--devsite-js-book-nav-y-offset, 0));
       transform: translate(-279px, var(--devsite-js-book-nav-y-offset, 0))
}

[dir=rtl] body[ready] devsite-book-nav[collapsed] {
       -webkit-transform: translate(279px, var(--devsite-js-book-nav-y-offset, 0));
       transform: translate(279px, var(--devsite-js-book-nav-y-offset, 0))
}

.devsite-book-nav-toggle .devsite-book-nav-toggle-icon {
       font-size: 20px;
       height: 20px;
       position: static;
       width: 20px
}

.devsite-book-nav-toggle .devsite-book-nav-toggle-icon:before {
       content: var(--devsite-book-nav-toggle-icon)
}

[dir=ltr] .devsite-book-nav-toggle,
[dir=rtl] .devsite-book-nav-toggle[aria-expanded] {
       --devsite-book-nav-toggle-icon: "chevron_right"
}

[dir=ltr] .devsite-book-nav-toggle[aria-expanded],
[dir=rtl] .devsite-book-nav-toggle {
       --devsite-book-nav-toggle-icon: "chevron_left"
}

devsite-book-nav~.devsite-book-nav-blur {
       background-color: var(--devsite-book-nav-background);
       bottom: 0;
       height: 64px;
       -webkit-mask-image: -webkit-linear-gradient(transparent, #000 28px);
       mask-image: linear-gradient(transparent, #000 28px);
       pointer-events: none;
       position: fixed;
       width: calc(269px - var(--devsite-js-book-nav-scrollbar-width, 0px));
       z-index: 1004;
       -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: transform .2s cubic-bezier(.4, 0, .2, 1);
       transition: transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
       -webkit-transform: translate(0);
       transform: translate(0)
}

[dir=ltr] devsite-book-nav~.devsite-book-nav-blur {
       left: 0
}

[dir=rtl] devsite-book-nav~.devsite-book-nav-blur {
       right: 0
}

[dir=ltr] devsite-book-nav~.devsite-book-nav-blur[collapsed] {
       left: 0;
       -webkit-transform: translate(-281px, var(--devsite-js-book-nav-y-offset, 0));
       transform: translate(-281px, var(--devsite-js-book-nav-y-offset, 0))
}

[dir=rtl] devsite-book-nav~.devsite-book-nav-blur[collapsed] {
       right: 0;
       -webkit-transform: translate(281px, var(--devsite-js-book-nav-y-offset, 0));
       transform: translate(281px, var(--devsite-js-book-nav-y-offset, 0))
}

@media screen and (max-width:840px) {
       devsite-book-nav {
              display: none;
              height: 100vh;
              max-height: 100vh !important;
              top: 0 !important;
              z-index: 1013
       }

       body[ready] .devsite-book-nav-bg,
       body[ready] devsite-book-nav {
              -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
              transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
              transition: transform .2s cubic-bezier(.4, 0, .2, 1);
              transition: transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1)
       }

       [dir=ltr] body[ready] devsite-book-nav {
              -webkit-transform: translate(-281px);
              transform: translate(-281px)
       }

       [dir=rtl] body[ready] devsite-book-nav {
              -webkit-transform: translate(281px);
              transform: translate(281px)
       }

       .devsite-book-nav-blur {
              display: none
       }

       body[ready] .devsite-book-nav-bg[fixed] {
              display: none
       }

       body[ready] devsite-book-nav[fixed] {
              background: var(--devsite-book-nav-background);
              display: block !important;
              box-shadow: 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color)
       }

       devsite-book-nav[visually-hidden] {
              opacity: 1 !important;
              pointer-events: auto !important;
              visibility: visible !important
       }

       #devsite-hamburger-menu,
       devsite-book-nav #devsite-close-nav {
              height: 100%;
              position: relative;
              width: auto;
              z-index: 20
       }

       #devsite-hamburger-menu {
              display: block;
              width: 40px
       }

       [dir=ltr] #devsite-hamburger-menu {
              margin: 0 0 0 -4px
       }

       [dir=rtl] #devsite-hamburger-menu {
              margin: 0 -4px 0 0
       }

       devsite-book-nav #devsite-close-nav {
              color: var(--devsite-secondary-text-color);
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0
       }

       [dir=ltr] devsite-book-nav #devsite-close-nav {
              margin: 0 0 0 -12px
       }

       [dir=rtl] devsite-book-nav #devsite-close-nav {
              margin: 0 -12px 0 0
       }

       devsite-book-nav .devsite-mobile-nav-top {
              display: block
       }

       devsite-book-nav .devsite-book-nav-wrapper {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
              transition: -webkit-transform .2s cubic-bezier(.4, 0, .2, 1);
              transition: transform .2s cubic-bezier(.4, 0, .2, 1);
              transition: transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1)
       }

       [dir=ltr] devsite-book-nav .devsite-book-nav-wrapper {
              -webkit-transform: translateX(-269px);
              transform: translateX(-269px)
       }

       [dir=rtl] devsite-book-nav .devsite-book-nav-wrapper {
              -webkit-transform: translateX(269px);
              transform: translateX(269px)
       }

       devsite-book-nav .devsite-nav-list {
              padding-bottom: 120px
       }

       devsite-book-nav .devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
              margin-top: 0
       }

       devsite-book-nav .devsite-mobile-nav-bottom .devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-divider):first-child {
              margin-top: 13px
       }

       devsite-book-nav .devsite-mobile-nav-top .devsite-nav-text {
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
              -moz-box-flex: 1;
              -ms-flex-positive: 1;
              flex-grow: 1
       }

       devsite-book-nav[top-level-nav] .devsite-book-nav-wrapper {
              -webkit-transform: translateX(0);
              transform: translateX(0)
       }

       devsite-book-nav:not([top-level-nav]) .devsite-mobile-nav-top,
       devsite-book-nav[top-level-nav] .devsite-mobile-nav-bottom {
              height: calc(100vh - 64px);
              overflow: hidden
       }

       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item {
              border-bottom: var(--devsite-primary-border)
       }

       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-title {
              font-weight: 700;
              padding-bottom: 15px;
              padding-top: 16px
       }

       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-active {
              background: 0
       }

       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item>.devsite-nav-title:not(.devsite-nav-active) {
              color: var(--devsite-secondary-text-color)
       }

       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title {
              border-radius: 0
       }

       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:focus,
       devsite-book-nav .devsite-mobile-nav-top>.devsite-nav-list>.devsite-nav-item:not(.devsite-nav-accordion):not(.devsite-nav-heading)>.devsite-nav-title:hover {
              background: 0
       }

       devsite-book-nav .devsite-mobile-nav-bottom,
       devsite-book-nav .devsite-mobile-nav-top {
              -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
              flex-shrink: 0;
              width: 269px
       }

       devsite-book-nav .devsite-mobile-header {
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              height: 49px;
              padding: 0 16px;
              position: -webkit-sticky;
              position: sticky;
              top: 0;
              z-index: 100
       }

       devsite-book-nav .devsite-mobile-header .devsite-nav-active {
              font-weight: 400
       }

       devsite-book-nav .devsite-nav-responsive-tabs {
              margin-bottom: 12px;
              margin-top: -11px
       }

       devsite-book-nav .devsite-lower-tab-item {
              margin: 0
       }

       devsite-book-nav .devsite-nav-responsive-tabs>.devsite-nav-item:last-child {
              margin-bottom: 8px
       }

       devsite-book-nav~.devsite-book-nav-toggle {
              display: none
       }

       devsite-book-nav .devsite-book-nav-filter {
              display: none
       }
}

@media screen and (max-width:600px) {

       #devsite-hamburger-menu,
       devsite-book-nav #devsite-close-nav {
              margin: 0 4px 0 -12px
       }
}

.devsite-expandable-nav {
       display: block;
       position: relative
}

.devsite-expandable-nav>.devsite-nav-section {
       max-width: 100%;
       overflow-y: hidden;
       -webkit-transition: height .2s;
       transition: height .2s;
       width: 100%;
       will-change: height
}

.devsite-expandable-nav:not([animatable])>.devsite-nav-section {
       -webkit-transition: height 1ms;
       transition: height 1ms
}

.devsite-expandable-nav>.devsite-nav-section .devsite-nav-heading:not(.devsite-nav-divider):first-child {
       margin-top: 0
}

.devsite-expandable-nav:not(.expanded)>.devsite-nav-section {
       display: none
}

.devsite-expandable-nav:not(.expanded)>.devsite-nav-section {
       height: 0
}

.devsite-expandable-nav>.devsite-nav-title-no-path {
       cursor: pointer;
       outline: 0
}

.devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 24px;
       -moz-padding-start: 24px;
       padding-inline-start: 24px
}

.devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 40px;
       -moz-padding-start: 40px;
       padding-inline-start: 40px
}

.devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 56px;
       -moz-padding-start: 56px;
       padding-inline-start: 56px
}

.devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 72px;
       -moz-padding-start: 72px;
       padding-inline-start: 72px
}

.devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 88px;
       -moz-padding-start: 88px;
       padding-inline-start: 88px
}

.devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 104px;
       -moz-padding-start: 104px;
       padding-inline-start: 104px
}

.devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-title {
       -webkit-padding-start: 120px;
       -moz-padding-start: 120px;
       padding-inline-start: 120px
}

.devsite-expandable-nav>.devsite-nav-toggle {
       cursor: pointer;
       font: normal normal normal 24px/1 Material Icons;
       -webkit-font-feature-settings: "liga";
       -moz-font-feature-settings: "liga";
       font-feature-settings: "liga";
       -moz-osx-font-smoothing: grayscale;
       -webkit-font-smoothing: antialiased;
       text-rendering: optimizeLegibility;
       text-transform: none;
       word-wrap: normal;
       text-decoration: none
}

.devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav>.devsite-nav-toggle {
       font-size: 18px;
       position: absolute;
       top: var(--devsite-nav-toggle-y-start, 2px);
       -webkit-transform: rotate(0);
       transform: rotate(0);
       -webkit-transition: -webkit-transform .2s ease;
       transition: -webkit-transform .2s ease;
       transition: transform .2s ease;
       transition: transform .2s ease, -webkit-transform .2s ease;
       will-change: transform
}

.devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav:not([animatable])>.devsite-nav-toggle {
       -webkit-transition: -webkit-transform 1ms;
       transition: -webkit-transform 1ms;
       transition: transform 1ms;
       transition: transform 1ms, -webkit-transform 1ms
}

[dir=ltr] .devsite-expandable-nav>.devsite-nav-toggle {
       left: 4px
}

[dir=rtl] .devsite-expandable-nav>.devsite-nav-toggle {
       right: 4px
}

[dir=ltr] .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       left: 20px
}

[dir=rtl] .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       right: 20px
}

[dir=ltr] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       left: 36px
}

[dir=rtl] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       right: 36px
}

[dir=ltr] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       left: 52px
}

[dir=rtl] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       right: 52px
}

[dir=ltr] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       left: 68px
}

[dir=rtl] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       right: 68px
}

[dir=ltr] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       left: 84px
}

[dir=rtl] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       right: 84px
}

[dir=ltr] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       left: 100px
}

[dir=rtl] .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav .devsite-expandable-nav>.devsite-nav-toggle {
       right: 100px
}

.devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav:not(.expanded)>.devsite-nav-toggle {
       -webkit-transform: rotate(-90deg);
       transform: rotate(-90deg)
}

[dir=rtl] .devsite-nav-item:not(.devsite-nav-accordion)>.devsite-expandable-nav:not(.expanded)>.devsite-nav-toggle {
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg)
}

.devsite-expandable-nav>.devsite-nav-toggle:before {
       content: "arrow_drop_down"
}

.devsite-nav-accordion {
       border-bottom: var(--devsite-primary-border);
       border-top: var(--devsite-primary-border);
       padding: 11px 0
}

.devsite-nav-accordion>.devsite-expandable-nav {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
}

.devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-title {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: var(--devsite-secondary-text-rgba);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 0 196px;
       -moz-box-flex: 1;
       -ms-flex: 1 0 196px;
       flex: 1 0 196px;
       font-weight: 700;
       overflow: hidden
}

.devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-toggle {
       color: var(--devsite-secondary-text-color);
       font-size: 24px;
       margin-block: 0;
       margin-inline: 0 8px;
       -webkit-box-ordinal-group: 2;
       -webkit-order: 1;
       -moz-box-ordinal-group: 2;
       -ms-flex-order: 1;
       order: 1;
       -webkit-transform: rotateX(0deg);
       transform: rotateX(0deg);
       -webkit-transition: -webkit-transform .5s;
       transition: -webkit-transform .5s;
       transition: transform .5s;
       transition: transform .5s, -webkit-transform .5s
}

.devsite-nav-accordion>.devsite-expandable-nav:not([animatable])>.devsite-nav-toggle {
       -webkit-transition: -webkit-transform 1ms;
       transition: -webkit-transform 1ms;
       transition: transform 1ms;
       transition: transform 1ms, -webkit-transform 1ms
}

.devsite-nav-accordion>.devsite-expandable-nav:not(.expanded)>.devsite-nav-toggle {
       -webkit-transform: rotateX(180deg);
       transform: rotateX(180deg)
}

.devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-toggle:before {
       content: "expand_less"
}

.devsite-nav-accordion>.devsite-expandable-nav>.devsite-nav-section {
       -webkit-box-ordinal-group: 3;
       -webkit-order: 2;
       -moz-box-ordinal-group: 3;
       -ms-flex-order: 2;
       order: 2
}

devsite-book-nav .devsite-product-id-row {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       min-height: 60px;
       padding: var(--devsite-product-id-row-padding, 20px 24px 2px)
}

devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row {
       min-height: 72px;
       padding: var(--devsite-product-id-row-padding, 20px 24px)
}

devsite-book-nav .devsite-product-description-row {
       color: var(--devsite-header-foreground-lower-description, var(--devsite-header-foreground-lower-hover, var(--devsite-inverted-text-color)));
       font: var(--devsite-header-lower-description-font, 400 20px/32px var(--devsite-primary-font-family))
}

devsite-book-nav .devsite-product-description {
       font: 16px/24px var(--devsite-primary-font-family);
       margin-block: 0;
       margin-inline: 0 180px
}

devsite-book-nav .devsite-breadcrumb-list+.devsite-product-description {
       margin-block: 8px 0
}

devsite-book-nav .devsite-product-button-row {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin-block: 0;
       margin-inline: 24px 0;
       z-index: 1
}

@media screen and (max-width:840px) {
       devsite-book-nav .devsite-product-id-row {
              min-height: 72px;
              padding: var(--devsite-product-id-row-padding, 20px 24px)
       }

       devsite-book-nav .devsite-product-description {
              margin-inline: 0
       }
}

@media screen and (max-width:600px) {

       devsite-book-nav .devsite-header-no-lower-tabs .devsite-product-id-row,
       devsite-book-nav .devsite-product-id-row {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              padding: var(--devsite-product-id-row-padding, 20px 16px)
       }

       devsite-book-nav .devsite-product-button-row {
              -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
              margin-block: 16px 0;
              margin-inline: 0
       }
}

devsite-book-nav .devsite-product-name-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: 36px;
       margin: 6px 0
}

devsite-book-nav .devsite-product-name-link,
devsite-book-nav .devsite-site-logo-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       opacity: 1;
       -webkit-transition: opacity .2s;
       transition: opacity .2s
}

devsite-book-nav .devsite-product-name-link:focus,
devsite-book-nav .devsite-product-name-link:hover,
devsite-book-nav .devsite-site-logo-link:focus {
       opacity: .7;
       text-decoration: none
}

devsite-book-nav .devsite-site-logo {
       height: var(--devsite-logo-height, 32px)
}

devsite-book-nav .devsite-has-google-wordmark>.devsite-breadcrumb-link,
devsite-book-nav .devsite-has-google-wordmark>.devsite-product-name {
       direction: ltr
}

devsite-book-nav .devsite-google-wordmark {
       height: 24px;
       margin: 0 4px 0 0;
       position: relative;
       top: 5px
}

devsite-book-nav .devsite-google-wordmark-svg-path {
       -webkit-transition: fill .2s;
       transition: fill .2s
}

devsite-book-nav .devsite-site-logo-link canvas {
       height: auto !important
}

devsite-book-nav .devsite-site-logo-link picture {
       display: contents
}

devsite-book-nav .devsite-product-logo-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       color: var(--devsite-primary-color, var(--devsite-primary-text-color));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 36px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-inline: 0 4px;
       width: 36px
}

devsite-book-nav .devsite-product-logo-container[background] {
       background: var(--devsite-primary-color, var(--devsite-primary-text-color));
       color: var(--devsite-inverted-text-color)
}

devsite-book-nav .devsite-product-logo {
       color: inherit;
       font-size: 32px;
       height: 32px;
       max-width: 32px;
       min-width: 32px;
       overflow: hidden;
       white-space: nowrap
}

devsite-book-nav .devsite-product-logo-container[background] .devsite-product-logo {
       font-size: 28px;
       height: 28px;
       max-width: 28px;
       min-width: 28px
}

devsite-book-nav .devsite-product-name {
       font: var(--devsite-wordmark-font, 400 20px/32px var(--devsite-primary-font-family));
       letter-spacing: 0;
       margin: 0;
       max-height: 32px;
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

devsite-book-nav .devsite-site-logo:not([src*=\.svg]) {
       height: auto;
       max-height: 32px
}

devsite-book-nav .devsite-breadcrumb-link>.devsite-product-name {
       color: inherit
}

@media screen and (max-width:840px) {
       devsite-book-nav .devsite-product-name-wrapper {
              -webkit-box-flex: 0;
              -webkit-flex: 0 1 auto;
              -moz-box-flex: 0;
              -ms-flex: 0 1 auto;
              flex: 0 1 auto;
              min-width: 0
       }

       devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type),
       devsite-book-nav .devsite-product-name-wrapper .devsite-site-logo-link+.devsite-product-name {
              display: none
       }

       devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-item,
       devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link,
       devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-list,
       devsite-book-nav .devsite-product-name-wrapper .devsite-product-name {
              width: 100%
       }

       devsite-book-nav .devsite-product-name-wrapper .devsite-breadcrumb-link {
              overflow: hidden;
              text-overflow: ellipsis
       }
}

devsite-header {
       display: block;
       position: relative;
       z-index: 1006
}

body[ready] devsite-header[fixed] {
       contain: layout;
       pointer-events: none;
       position: fixed;
       top: 0;
       width: 100%
}

devsite-header .devsite-top-logo-row-wrapper-wrapper {
       border-bottom: var(--devsite-header-border, 0);
       position: relative;
       z-index: 1
}

devsite-header .devsite-top-logo-row-wrapper-wrapper,
devsite-header .devsite-top-logo-row-wrapper-wrapper:before {
       background: var(--devsite-header-color-upper, var(--devsite-background-1))
}

body[ready] devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper:before {
       content: "";
       height: 400px;
       position: absolute;
       -webkit-transform: translateY(-400px);
       transform: translateY(-400px);
       width: 100%
}

devsite-header[fixed] .devsite-top-logo-row-wrapper-wrapper {
       pointer-events: all
}

devsite-header .devsite-collapsible-section {
       position: relative
}

devsite-header .devsite-collapsible-section,
devsite-header[no-lower-row][fixed] {
       box-shadow: var(--devsite-header-lower-box-shadow, 0 1px 2px 0 var(--devsite-elevation-key-shadow-color), 0 2px 6px 2px var(--devsite-elevation-ambient-shadow-color))
}

devsite-header[fixed] .devsite-collapsible-section {
       contain: style;
       pointer-events: all;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       will-change: transform
}

devsite-header .devsite-top-logo-row {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: var(--devsite-header-color-upper, var(--devsite-background-1));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       gap: 16px;
       height: 48px;
       padding: 0 16px 0 24px;
       position: relative;
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
}

[dir=rtl] devsite-header .devsite-top-logo-row {
       padding: 0 24px 0 16px
}

devsite-header .devsite-top-button {
       background: var(--devsite-header-link-background, 0);
       color: var(--devsite-header-link-color, var(--devsite-secondary-text-rgba));
       padding: 0 8px;
       -webkit-transition: background .2s, box-shadow .2s, color .2s;
       transition: background .2s, box-shadow .2s, color .2s
}

devsite-header .devsite-top-button,
devsite-header .devsite-top-button:active,
devsite-header .devsite-top-button:focus,
devsite-header .devsite-top-button:hover {
       border: 0
}

devsite-header .devsite-top-button:active,
devsite-header .devsite-top-button:focus,
devsite-header .devsite-top-button:hover {
       color: var(--devsite-header-link-color-active, var(--devsite-primary-text-rgba))
}

devsite-header .devsite-top-button:focus {
       background: var(--devsite-header-link-background-focus, var(--devsite-header-link-background-hover, var(--devsite-header-link-background-active, var(--devsite-background-3))))
}

devsite-header .devsite-top-button:hover {
       background: var(--devsite-header-link-background-hover, var(--devsite-header-link-background-active, var(--devsite-background-3)))
}

devsite-header .devsite-top-button:active {
       background: var(--devsite-header-link-background-active, var(--devsite-background-3));
       box-shadow: var(--devsite-header-link-box-shadow-active, none)
}

devsite-header .devsite-header-icon-button {
       color: var(--devsite-header-icon-color, var(--devsite-secondary-text-rgba));
       display: none;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: 24px;
       min-width: 24px;
       padding: 0;
       -webkit-transition: color .2s;
       transition: color .2s;
       width: 24px
}

devsite-header .devsite-header-icon-button:active,
devsite-header .devsite-header-icon-button:focus,
devsite-header .devsite-header-icon-button:hover {
       color: var(--devsite-header-icon-color-active, var(--devsite-primary-text-rgba))
}

devsite-header .devsite-top-logo-row-middle {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       position: relative
}

devsite-header .devsite-collapsible-section {
       background-color: var(--devsite-header-color-lower, var(--devsite-primary-color, var(--devsite-secondary-text-color)))
}

@media screen and (max-width:840px) {
       devsite-header {
              -webkit-transform: translateZ(0);
              transform: translateZ(0)
       }

       devsite-header .devsite-top-logo-row {
              padding: 0 16px;
              gap: 8px
       }

       devsite-header .devsite-header-upper-tabs devsite-tabs {
              margin: 0 0 0 16px
       }

       [dir=rtl] devsite-header .devsite-header-upper-tabs devsite-tabs {
              margin: 0 16px 0 0
       }

       devsite-header .devsite-header-upper-tabs .devsite-doc-set-nav {
              display: none
       }
}

devsite-header .devsite-header-billboard {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: var(--devsite-header-color-lower, var(--devsite-primary-color, var(--devsite-background-1)));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 40px 24px 20px;
       position: relative;
       z-index: 100
}

devsite-header .devsite-header-billboard h1 {
       line-height: var(--devsite-h1-line-height, 1);
       overflow: visible;
       padding: 0
}

devsite-header .devsite-header-billboard-logo {
       max-height: 64px
}

devsite-header .devsite-header-billboard-search {
       margin: 0 auto;
       max-width: 816px;
       padding-bottom: 48px
}

devsite-header .devsite-header-billboard-search devsite-search {
       width: 100%
}

devsite-header .devsite-header-billboard-search devsite-search .devsite-popout-result {
       max-height: 50vh
}

devsite-header .devsite-header-billboard-search .devsite-search-background,
devsite-header .devsite-header-billboard-search devsite-search .devsite-searchbox:before {
       background: var(--devsite-header-color-lower, var(--devsite-primary-color, var(--devsite-background-1)))
}

@media screen and (max-width:840px) {
       devsite-header .devsite-header-billboard-search {
              margin: 0 24px
       }
}

devsite-header .devsite-doc-set-nav-row {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-bottom: var(--devsite-header-lower-tabs-border-bottom, none);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       min-height: 48px;
       padding: 0 24px 0 0
}

[dir=rtl] devsite-header .devsite-doc-set-nav-row {
       padding: 0 0 0 24px
}

[dir=ltr] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-list {
       padding-left: 24px
}

[dir=rtl] devsite-header .devsite-doc-set-nav-row .devsite-breadcrumb-list {
       padding-right: 24px
}

@media screen and (max-width:840px) {
       devsite-header .devsite-doc-set-nav-row {
              display: none
       }
}

@media screen and (max-width:600px) {
       devsite-header devsite-language-selector {
              display: none
       }
}

devsite-header .devsite-header-link {
       -webkit-transition: background .2s, box-shadow .2s, color .2s;
       transition: background .2s, box-shadow .2s, color .2s
}

devsite-header .devsite-header-link,
devsite-header .devsite-header-link:visited {
       color: var(--devsite-header-link-color, var(--devsite-secondary-text-rgba))
}

devsite-header .devsite-header-link:focus,
devsite-header .devsite-header-link:hover {
       color: var(--devsite-header-link-color-active, var(--devsite-primary-text-rgba))
}

@media screen and (max-width:840px) {
       devsite-header .devsite-header-link {
              display: none
       }
}

devsite-header .devsite-product-name-wrapper {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       height: 36px;
       margin: 6px 0
}

devsite-header .devsite-product-name-link,
devsite-header .devsite-site-logo-link {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       opacity: 1;
       -webkit-transition: opacity .2s;
       transition: opacity .2s
}

devsite-header .devsite-product-name-link:focus,
devsite-header .devsite-product-name-link:hover,
devsite-header .devsite-site-logo-link:focus {
       opacity: .7;
       text-decoration: none
}

devsite-header .devsite-site-logo {
       height: var(--devsite-logo-height, 32px)
}

devsite-header .devsite-has-google-wordmark>.devsite-breadcrumb-link,
devsite-header .devsite-has-google-wordmark>.devsite-product-name {
       direction: ltr
}

devsite-header .devsite-google-wordmark {
       height: 24px;
       margin: 0 4px 0 0;
       position: relative;
       top: 5px
}

devsite-header .devsite-google-wordmark-svg-path {
       -webkit-transition: fill .2s;
       transition: fill .2s
}

devsite-header .devsite-site-logo-link canvas {
       height: auto !important
}

devsite-header .devsite-site-logo-link picture {
       display: contents
}

devsite-header .devsite-product-logo-container {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border-radius: 50%;
       color: var(--devsite-primary-color, var(--devsite-primary-text-color));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: 36px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin-inline: 0 4px;
       width: 36px
}

devsite-header .devsite-product-logo-container[background] {
       background: var(--devsite-primary-color, var(--devsite-primary-text-color));
       color: var(--devsite-inverted-text-color)
}

devsite-header .devsite-product-logo {
       color: inherit;
       font-size: 32px;
       height: 32px;
       max-width: 32px;
       min-width: 32px;
       overflow: hidden;
       white-space: nowrap
}

devsite-header .devsite-product-logo-container[background] .devsite-product-logo {
       font-size: 28px;
       height: 28px;
       max-width: 28px;
       min-width: 28px
}

devsite-header .devsite-product-name {
       font: var(--devsite-wordmark-font, 400 20px/32px var(--devsite-primary-font-family));
       letter-spacing: 0;
       margin: 0;
       max-height: 32px;
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

devsite-header .devsite-site-logo:not([src*=\.svg]) {
       height: auto;
       max-height: 32px
}

devsite-header .devsite-breadcrumb-link>.devsite-product-name {
       color: inherit
}

@media screen and (max-width:840px) {
       devsite-header .devsite-product-name-wrapper {
              -webkit-box-flex: 0;
              -webkit-flex: 0 1 auto;
              -moz-box-flex: 0;
              -ms-flex: 0 1 auto;
              flex: 0 1 auto;
              min-width: 0
       }

       devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item:not(:first-of-type),
       devsite-header .devsite-product-name-wrapper .devsite-site-logo-link+.devsite-product-name {
              display: none
       }

       devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-item,
       devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link,
       devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-list,
       devsite-header .devsite-product-name-wrapper .devsite-product-name {
              width: 100%
       }

       devsite-header .devsite-product-name-wrapper .devsite-breadcrumb-link {
              overflow: hidden;
              text-overflow: ellipsis
       }
}

devsite-header .devsite-product-id-row {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -moz-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       min-height: 60px;
       padding: var(--devsite-product-id-row-padding, 20px 24px 2px)
}

devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row {
       min-height: 72px;
       padding: var(--devsite-product-id-row-padding, 20px 24px)
}

devsite-header .devsite-product-description-row {
       color: var(--devsite-header-foreground-lower-description, var(--devsite-header-foreground-lower-hover, var(--devsite-inverted-text-color)));
       font: var(--devsite-header-lower-description-font, 400 20px/32px var(--devsite-primary-font-family))
}

devsite-header .devsite-product-description {
       font: 16px/24px var(--devsite-primary-font-family);
       margin-block: 0;
       margin-inline: 0 180px
}

devsite-header .devsite-breadcrumb-list+.devsite-product-description {
       margin-block: 8px 0
}

devsite-header .devsite-product-button-row {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       margin-block: 0;
       margin-inline: 24px 0;
       z-index: 1
}

@media screen and (max-width:840px) {
       devsite-header .devsite-product-id-row {
              min-height: 72px;
              padding: var(--devsite-product-id-row-padding, 20px 24px)
       }

       devsite-header .devsite-product-description {
              margin-inline: 0
       }
}

@media screen and (max-width:600px) {

       devsite-header .devsite-header-no-lower-tabs .devsite-product-id-row,
       devsite-header .devsite-product-id-row {
              -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              padding: var(--devsite-product-id-row-padding, 20px 16px)
       }

       devsite-header .devsite-product-button-row {
              -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
              margin-block: 16px 0;
              margin-inline: 0
       }
}

devsite-header[search-expanded] .devsite-header-upper-tabs {
       opacity: 0;
       position: absolute
}

devsite-header[search-expanded] devsite-search {
       -webkit-box-flex: 1;
       -webkit-flex: 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 0;
       flex: 1 0
}

devsite-header [transition] {
       -webkit-transition: -webkit-transform .2s;
       transition: -webkit-transform .2s;
       transition: transform .2s;
       transition: transform .2s, -webkit-transform .2s
}

devsite-header[search-active] .devsite-search-background:after {
       background: var(--devsite-searchbox-active, var(--devsite-background-3))
}

devsite-header devsite-search[search-active] .devsite-search-field::-webkit-input-placeholder {
       color: var(--devsite-searchbox-placeholder-active, var(--devsite-secondary-text-color))
}

devsite-header devsite-search[search-active] .devsite-search-field::-moz-placeholder {
       color: var(--devsite-searchbox-placeholder-active, var(--devsite-secondary-text-color))
}

devsite-header devsite-search[search-active] .devsite-search-field:-ms-input-placeholder {
       color: var(--devsite-searchbox-placeholder-active, var(--devsite-secondary-text-color))
}

devsite-header devsite-search[search-active] .devsite-search-field::-ms-input-placeholder {
       color: var(--devsite-searchbox-placeholder-active, var(--devsite-secondary-text-color))
}

devsite-header devsite-search[search-active] .devsite-search-field::placeholder {
       color: var(--devsite-searchbox-placeholder-active, var(--devsite-secondary-text-color))
}

devsite-header devsite-search[search-active] .devsite-search-field,
devsite-header devsite-search[search-active] .devsite-search-field:hover {
       background: var(--devsite-searchbox-active, var(--devsite-background-3));
       color: var(--devsite-searchbox-text-active, var(--devsite-primary-text-color))
}

devsite-header devsite-search[search-active] .devsite-search-image {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

@media screen and (max-width:840px) {

       devsite-header[search-active] .devsite-product-name-wrapper,
       devsite-header[search-active] devsite-language-selector,
       devsite-header[search-active] devsite-user {
              display: none
       }

       devsite-header[search-active] devsite-search {
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
              -moz-box-flex: 1;
              -ms-flex-positive: 1;
              flex-grow: 1;
              -webkit-transform: none !important;
              transform: none !important
       }

       devsite-header[search-active] .devsite-header-upper-tabs {
              -webkit-box-flex: 0;
              -webkit-flex: 0 1;
              -moz-box-flex: 0;
              -ms-flex: 0 1;
              flex: 0 1;
              overflow: hidden
       }

       devsite-header[search-active] .devsite-top-logo-row devsite-search {
              margin: 6px 0
       }

       devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-searchbox {
              width: 100%
       }

       devsite-header devsite-search[search-active] .devsite-search-form {
              border-radius: var(--devsite-search-border-radius, 0);
              box-shadow: var(--devsite-search-active-box-shadow, none);
              left: 0;
              overflow: var(--devsite-search-active-overflow, visible);
              position: var(--devsite-search-form-position, relative);
              top: 0
       }

       [dir=ltr] devsite-header devsite-search[search-active] .devsite-search-form {
              right: var(--devsite-search-form-position-end, auto)
       }

       [dir=rtl] devsite-header devsite-search[search-active] .devsite-search-form {
              left: var(--devsite-search-form-position-end, auto)
       }

       devsite-header devsite-search[search-active] .devsite-search-field,
       devsite-header devsite-search[search-active] .devsite-search-field:hover {
              background: var(--devsite-search-form-background-active, var(--devsite-background-3));
              color: var(--devsite-search-form-text-active, var(--devsite-primary-text-color))
       }

       [dir=ltr] devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form {
              right: var(--devsite-search-form-position-start, auto)
       }

       [dir=rtl] devsite-header .devsite-header-billboard-search devsite-search[search-active] .devsite-search-form {
              left: var(--devsite-search-form-position-start, auto)
       }

       devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-searchbox .devsite-search-image {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before,
       devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
              width: var(--devsite-popout-width, calc(100vw + 16px))
       }

       [dir=ltr] devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before,
       [dir=ltr] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
              left: var(--devsite-popout-position-start, -60px)
       }

       [dir=rtl] devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox:before,
       [dir=rtl] devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-popout {
              right: var(--devsite-popout-position-start, -60px)
       }

       devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button {
              margin-block: 0;
              margin-inline: var(--devsite-search-button-margin-before, 16px) 0
       }

       devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button[search-open] {
              display: none
       }

       devsite-header .devsite-top-logo-row devsite-search[search-active] .devsite-search-button[search-close] {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }

       devsite-header [transition] {
              -webkit-transition: none;
              transition: none
       }
}

devsite-header .devsite-search-background {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: stretch;
       -webkit-justify-content: stretch;
       -moz-box-pack: stretch;
       -ms-flex-pack: stretch;
       justify-content: stretch;
       margin-block: 0;
       margin-inline: 24px 0;
       padding: 6px 0;
       pointer-events: none;
       position: absolute;
       -webkit-transition: -webkit-transform .2s;
       transition: -webkit-transform .2s;
       transition: transform .2s;
       transition: transform .2s, -webkit-transform .2s;
       will-change: transition;
       z-index: 9
}

[dir=ltr] devsite-header .devsite-search-background {
       right: 0;
       -webkit-transform-origin: right center;
       transform-origin: right center
}

[dir=rtl] devsite-header .devsite-search-background {
       left: 0;
       -webkit-transform-origin: left center;
       transform-origin: left center
}

devsite-header .devsite-search-background,
devsite-header .devsite-searchbox:before {
       background: var(--devsite-header-color-upper, var(--devsite-background-1))
}

devsite-header .devsite-search-background:after {
       content: "";
       -webkit-box-flex: 1;
       -webkit-flex-grow: 1;
       -moz-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       height: 100%;
       -webkit-transition: background .2s;
       transition: background .2s
}

devsite-header .devsite-search-background:after,
devsite-header devsite-search input.devsite-search-field {
       background: var(--devsite-searchbox-inactive)
}

devsite-header devsite-search input.devsite-search-field::-webkit-input-placeholder {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

devsite-header devsite-search input.devsite-search-field::-moz-placeholder {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

devsite-header devsite-search input.devsite-search-field:-ms-input-placeholder {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

devsite-header devsite-search input.devsite-search-field::-ms-input-placeholder {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

devsite-header devsite-search input.devsite-search-field::placeholder {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

devsite-header devsite-search input.devsite-search-field:hover {
       background: var(--devsite-searchbox-hover)
}

devsite-header devsite-search .devsite-search-image,
devsite-header devsite-search input.devsite-search-field {
       color: var(--devsite-searchbox-placeholder, var(--devsite-secondary-text-color))
}

devsite-header[billboard] .devsite-search-background {
       display: none
}

devsite-header[billboard][bottom-row--hidden] .devsite-search-background {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-header[billboard] .devsite-top-logo-row devsite-search .devsite-search-form {
       opacity: 1;
       -webkit-transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, -webkit-transform .2s;
       transition: opacity .2s, transform .2s;
       transition: opacity .2s, transform .2s, -webkit-transform .2s
}

devsite-header[billboard][bottom-row--hidden] .devsite-top-logo-row devsite-search .devsite-search-form {
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
}

body[template=\34 04] devsite-header .devsite-top-logo-row .devsite-search-form,
devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
       opacity: 0;
       pointer-events: none
}

[dir=ltr] body[template=\34 04] devsite-header .devsite-top-logo-row .devsite-search-form,
[dir=ltr] devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
       -webkit-transform: translate3d(200px, 0, 0);
       transform: translate3d(200px, 0, 0)
}

[dir=rtl] body[template=\34 04] devsite-header .devsite-top-logo-row .devsite-search-form,
[dir=rtl] devsite-header[billboard]:not([bottom-row--hidden]) .devsite-top-logo-row devsite-search .devsite-search-form {
       -webkit-transform: translate3d(-200px, 0, 0);
       transform: translate3d(-200px, 0, 0)
}

devsite-header[billboard][bottom-row--hidden] .devsite-header-billboard-search devsite-search {
       opacity: 0
}

devsite-header[billboard] .devsite-header-billboard-search devsite-search {
       margin-inline: 0
}

devsite-header[billboard] .devsite-header-billboard-search devsite-search .devsite-popout {
       max-height: calc(100vh - 255px)
}

@media screen and (max-width:840px) {
       devsite-header .devsite-top-logo-row devsite-search {
              width: auto
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox {
              width: 0
       }

       devsite-header .devsite-search-background,
       devsite-header .devsite-search-background:after,
       devsite-header[search-active] .devsite-search-background:after,
       devsite-header devsite-search .devsite-search-field,
       devsite-header devsite-search .devsite-search-field:hover {
              background: 0
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-searchbox .devsite-search-image {
              display: none
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-search-button {
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              color: var(--devsite-secondary-text-color);
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              z-index: 1
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-open] {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-close] {
              display: none;
              margin-right: 6px
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-open]:before {
              content: "search"
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-search-button[search-close]:before {
              content: "cancel"
       }

       devsite-header .devsite-top-logo-row devsite-search .devsite-result-item a,
       devsite-header .devsite-top-logo-row devsite-search .devsite-result-label,
       devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-footer,
       devsite-header .devsite-top-logo-row devsite-search .devsite-suggest-header {
              padding-inline: var(--devsite-search-content-padding-start, 60px) 8px
       }
}

devsite-header .devsite-header-upper-tabs {
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 1 0px;
       flex: 1 1 0;
       margin-block: 0;
       margin-inline: var(--devsite-upper-tab-margin-x, 32px) 0;
       opacity: 1;
       position: relative;
       z-index: 8
}

devsite-header devsite-tabs tab a:focus,
devsite-header devsite-tabs tab a:hover {
       text-decoration: none
}

devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-wrapper,
devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper {
       background: var(--devsite-header-color-upper, var(--devsite-background-1))
}

devsite-header devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab>a:focus,
devsite-header devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab>a:hover {
       color: var(--devsite-upper-tab-active, var(--devsite-primary-text-color))
}

devsite-header devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab>a:focus:after,
devsite-header devsite-tabs.upper-tabs>.devsite-tabs-wrapper>tab>a:hover:after {
       border-color: var(--devsite-upper-tab-marker-color-inactive, var(--devsite-upper-tab-inactive, var(--devsite-secondary-text-color)))
}

devsite-header cloudx-tabs-nav.lower-tabs a,
devsite-header devsite-tabs.lower-tabs a {
       color: var(--devsite-header-foreground-lower, var(--devsite-inverted-text-color));
       letter-spacing: var(--devsite-header-lower-tabs-letter-spacing, 0)
}

devsite-header cloudx-tabs-nav.lower-tabs a:focus,
devsite-header cloudx-tabs-nav.lower-tabs a:hover,
devsite-header devsite-tabs.lower-tabs a:focus,
devsite-header devsite-tabs.lower-tabs a:hover {
       color: var(--devsite-header-foreground-lower-hover, var(--devsite-header-foreground-lower, var(--devsite-inverted-text-rgba)))
}

devsite-header cloudx-tabs-nav.lower-tabs tab[active]>a,
devsite-header devsite-tabs.lower-tabs tab[active]>a {
       color: var(--devsite-header-foreground-lower-active, var(--devsite-inverted-text-color))
}

devsite-header cloudx-tabs-nav.lower-tabs tab[active]>a:focus,
devsite-header devsite-tabs.lower-tabs tab[active]>a:focus {
       color: var(--devsite-header-foreground-lower-active-focus, var(--devsite-header-foreground-lower, var(--devsite-inverted-text-rgba)))
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {

       devsite-header cloudx-tabs-nav.lower-tabs tab[active]>a,
       devsite-header devsite-tabs.lower-tabs tab[active]>a {
              color: inherit
       }
}

devsite-header cloudx-tabs-nav.lower-tabs>.devsite-tabs-wrapper>tab>a:after,
devsite-header devsite-tabs.lower-tabs>.devsite-tabs-wrapper>tab>a:after {
       border-radius: var(--devsite-lower-tab-marker-border-radius, var(--devsite-tab-marker-border-radius, 0))
}

devsite-header devsite-tabs.lower-tabs>.devsite-tabs-wrapper>tab>a:focus:after,
devsite-header devsite-tabs.lower-tabs>.devsite-tabs-wrapper>tab>a:hover:after {
       border-color: var(--devsite-lower-tab-marker-color-inactive, var(--devsite-header-foreground-lower, var(--devsite-inverted-text-rgba)))
}

devsite-header cloudx-tabs-nav.lower-tabs>.devsite-tabs-wrapper>tab[active]>a:after,
devsite-header devsite-tabs.lower-tabs>.devsite-tabs-wrapper>tab[active]>a:after {
       border-color: var(--devsite-lower-tab-marker-color-active, var(--devsite-header-foreground-lower-active, var(--devsite-background-1)))
}

devsite-header cloudx-tabs-nav tab[overflow-tab]>a:after,
devsite-header devsite-tabs tab[overflow-tab]>a:after {
       display: none
}

devsite-header devsite-tabs.upper-tabs tab[overflow-tab]:after {
       background: var(--devsite-header-color-upper, var(--devsite-background-1))
}

devsite-header cloudx-tabs-nav.upper-tabs .devsite-tabs-overflow-menu,
devsite-header devsite-tabs.upper-tabs .devsite-tabs-overflow-menu {
       border-top: var(--devsite-header-border, 0)
}

@media screen and (max-width:840px) {
       [dir=ltr] devsite-header .devsite-header-upper-tabs {
              margin-left: 0
       }

       [dir=rtl] devsite-header .devsite-header-upper-tabs {
              margin-right: 0
       }

       devsite-header devsite-tabs.lower-tabs,
       devsite-header devsite-tabs.upper-tabs {
              display: none
       }
}

devsite-header .button.cta-button-primary {
       background-color: #1a73e8;
       color: #fff
}

devsite-header .button.cta-button-primary:focus,
devsite-header .button.cta-button-primary:hover {
       background-color: #174ea6
}

devsite-header .button.cta-button-secondary,
devsite-header .button.cta-button-secondary:hover {
       border: 1px solid #dfdfdf
}

devsite-header .devsite-product-button-row {
       justify-self: flex-end;
       margin-left: auto
}

devsite-header tab.cta {
       z-index: 101
}

devsite-header .devsite-header-background .devsite-breadcrumb-list .devsite-breadcrumb-item a {
       font-size: 18px;
       margin-left: -8px;
       color: #5f6368
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab:first-child {
       margin-left: 10px
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab a {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-weight: 400;
       padding: 0 14px;
       text-transform: none
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[active]>a:after {
       border-color: #1a73e8;
       border-width: 2px;
       margin: 0 auto;
       width: calc(100% - 28px)
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] {
       padding: 0 12px 0 0
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] li {
       font-family: Google Sans, Noto Sans, Noto Sans JP, Noto Sans KR, Noto Naskh Arabic, Noto Sans Thai, Noto Sans Hebrew, Noto Sans Bengali, sans-serif;
       font-weight: 500;
       text-transform: uppercase
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] a {
       padding: 0 0 0 18px
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown]>a:focus:after,
devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown]>a:hover:after,
devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown][active]>a:after {
       border-color: #1a73e8;
       border-width: 2px;
       left: 18px;
       margin: 0 auto;
       width: calc(100% - 18px)
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] .devsite-nav-item a,
devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] a.devsite-tabs-dropdown-toggle {
       padding: 0
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] a.devsite-tabs-dropdown-toggle:after,
devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] a.devsite-tabs-dropdown-toggle:focus:after,
devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] a.devsite-tabs-dropdown-toggle:hover:after {
       width: 0
}

devsite-header .devsite-doc-set-nav-row .lower-tabs .devsite-tabs-wrapper tab[dropdown] .devsite-tabs-dropdown-section:not(:first-child) {
       margin-top: 36px
}

devsite-thumb-rating {
       display: block
}

devsite-thumb-rating[position=footer] {
       text-align: center
}

devsite-thumb-rating .devsite-thumb-rating {
       border-radius: 4px;
       display: grid;
       grid-gap: 0 8px;
       grid-template-areas: "label thumbs";
       grid-template-columns: auto 1fr
}

devsite-thumb-rating .devsite-thumb-label {
       font-size: 13px;
       grid-area: label
}

devsite-thumb-rating .devsite-thumbs {
       grid-area: thumbs
}

devsite-thumb-rating[position=header] .devsite-thumbs,
devsite-thumb-rating[position=main] .devsite-thumbs {
       margin: -3px 0
}

devsite-thumb-rating .devsite-thumb {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: 0;
       border: 0;
       border-radius: 50%;
       box-shadow: none;
       cursor: pointer;
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -moz-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       fill: var(--devsite-secondary-text-color);
       height: 30px;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       min-width: 30px;
       padding: 0;
       width: 30px
}

devsite-thumb-rating .devsite-thumb:focus,
devsite-thumb-rating .devsite-thumb:hover {
       background: var(--devsite-background-3)
}

devsite-thumb-rating .devsite-thumb+.devsite-thumb {
       margin: 0
}

devsite-thumb-rating[rating=down] .devsite-thumb-down,
devsite-thumb-rating[rating=up] .devsite-thumb-up {
       fill: var(--devsite-link-color)
}

devsite-thumb-rating[rating=down] .devsite-thumb-down:focus,
devsite-thumb-rating[rating=down] .devsite-thumb-down:hover,
devsite-thumb-rating[rating=up] .devsite-thumb-up:focus,
devsite-thumb-rating[rating=up] .devsite-thumb-up:hover {
       background: var(--devsite-link-background-active)
}

devsite-thumb-rating .devsite-thumb-icon {
       -webkit-box-flex: 0;
       -webkit-flex: none;
       -moz-box-flex: 0;
       -ms-flex: none;
       flex: none;
       height: 18px;
       pointer-events: none;
       width: 18px
}

devsite-thumb-rating[position=footer] .devsite-thumb-rating {
       display: block;
       margin-top: 24px
}

.devsite-thumb-rating-dialog {
       position: relative
}

.devsite-thumb-rating-dialog .devsite-thumb-rating-categories {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

.devsite-thumb-rating-dialog .devsite-thumb-rating-category {
       padding-bottom: 12px
}

[dir=ltr] .devsite-thumb-rating-dialog h3 {
       text-align: left
}

[dir=rtl] .devsite-thumb-rating-dialog h3 {
       text-align: right
}

.devsite-thumb-rating-dialog h3:only-child {
       margin-bottom: 8px
}

.devsite-thumb-rating-dialog .devsite-dialog-buttons {
       -webkit-box-pack: start;
       -webkit-justify-content: flex-start;
       -moz-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       padding: 0 16px 16px
}

.devsite-thumb-rating-dialog .devsite-feedback-icon {
       fill: currentColor;
       top: 0
}

[dir=ltr] .button+devsite-feedback[position=thumb-rating] {
       margin-left: 16px
}

[dir=rtl] .button+devsite-feedback[position=thumb-rating] {
       margin-right: 16px
}

devsite-feedback[feedback-type=thumb-rating][position=header] {
       margin-top: 4px
}

devsite-feedback[feedback-type=thumb-rating][position=footer] {
       display: block;
       margin-top: 8px;
       text-align: center
}

.devsite-thumb-rating-dialog .devsite-dialog-contents {
       color: var(--devsite-primary-text-color)
}

.devsite-thumb-rating-dialog input+label {
       font-size: 14px
}

.devsite-thumb-rating-dialog .account-note {
       color: var(--devsite-secondary-text-color);
       font: 400 12px/16px var(--devsite-primary-font-family);
       letter-spacing: .3px
}

.devsite-thumb-rating-dialog .create-profile-spinner {
       -webkit-box-align: center;
       -webkit-align-items: center;
       -moz-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background: hsla(0, 0%, 100%, .8);
       bottom: 0;
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       left: 0;
       opacity: 0;
       pointer-events: none;
       position: absolute;
       right: 0;
       top: 0;
       -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
       z-index: 10
}

.devsite-thumb-rating-dialog.loading .create-profile-spinner {
       opacity: 1
}

@media screen and (max-width:600px) {
       devsite-thumb-rating[position=header] .devsite-thumb-rating {
              margin: 16px 0 8px
       }

       devsite-thumb-rating[position=main] .devsite-thumb-rating {
              margin: 8px 0
       }

       devsite-thumb-rating[position=footer] .devsite-thumb-rating {
              margin-bottom: 24px
       }
}

devsite-selector {
       background: var(--devsite-selector-background, var(--devsite-background-1));
       border: var(--devsite-border, var(--devsite-secondary-border));
       border-radius: var(--devsite-border-radius, 0);
       display: block;
       margin: var(--devsite-selector-margin, 16px 0)
}

devsite-selector devsite-tabs {
       display: none
}

devsite-selector devsite-tabs[connected] {
       border-bottom: var(--devsite-border, var(--devsite-secondary-border));
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-selector devsite-tabs tab a {
       cursor: pointer;
       display: inline-block;
       -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       line-height: var(--devsite-selector-tab-line-height, 48px);
       margin: 0;
       max-width: 200px;
       overflow: hidden;
       text-align: center;
       text-overflow: ellipsis;
       -webkit-transition: color .2s;
       transition: color .2s;
       white-space: nowrap
}

devsite-selector devsite-tabs tab a,
devsite-selector devsite-tabs tab a:link,
devsite-selector devsite-tabs tab a:visited {
       color: var(--devsite-secondary-text-color)
}

devsite-selector devsite-tabs tab a:focus,
devsite-selector devsite-tabs tab a:hover {
       color: var(--devsite-link-hover, var(--devsite-link-color))
}

devsite-selector devsite-tabs tab[active] a:link,
devsite-selector devsite-tabs tab[active] a:visited {
       color: var(--devsite-link-color)
}

@media screen and (-ms-high-contrast:active),
screen and (prefers-contrast:high) {

       devsite-selector devsite-tabs tab[active] a:link,
       devsite-selector devsite-tabs tab[active] a:visited {
              color: inherit
       }
}

devsite-selector devsite-tabs>div>tab[tab] a:focus:after,
devsite-selector devsite-tabs>div>tab[tab] a:hover:after {
       border-color: var(--devsite-tab-marker-color, transparent)
}

devsite-selector devsite-tabs>div>tab[active] a:after,
devsite-selector devsite-tabs>div>tab[active] a:focus:after,
devsite-selector devsite-tabs>div>tab[active] a:hover:after {
       border-color: var(--devsite-link-color)
}

devsite-selector devsite-tabs tab[two-line] a {
       line-height: 20px;
       padding-top: 4px;
       white-space: normal
}

devsite-selector tab[two-line] [tab-label]:after {
       content: attr(tab-label);
       display: block;
       font-size: 12px
}

body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a {
       height: auto;
       min-height: 48px;
       width: 100%
}

devsite-selector devsite-tabs[overflow-menu--open] tab[overflow-tab] {
       background: var(--devsite-overflow-tab-background, 0);
       border-radius: var(--devsite-overflow-tab-border-radius, 0)
}

body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:focus,
body devsite-selector devsite-tabs tab[overflow-tab] .devsite-tabs-overflow-menu tab a:hover {
       background: var(--devsite-overflow-link-background-hover, var(--devsite-background-3))
}

devsite-selector>section {
       display: none;
       outline: 0
}

devsite-selector>section[active] {
       display: block;
       padding: 0 23px
}

devsite-selector>section .devsite-table-wrapper:first-child tbody tr:first-child,
devsite-selector>section .devsite-table-wrapper:first-child thead tr {
       border-top: 0
}

devsite-selector>section>.devsite-table-wrapper,
devsite-selector>section>.github-docwidget-gitinclude-code>devsite-code,
devsite-selector>section>.github-docwidget-include,
devsite-selector>section>aside.beta,
devsite-selector>section>aside.caution,
devsite-selector>section>aside.deprecated,
devsite-selector>section>aside.dogfood,
devsite-selector>section>aside.key-objective,
devsite-selector>section>aside.key-point,
devsite-selector>section>aside.key-term,
devsite-selector>section>aside.note,
devsite-selector>section>aside.preview,
devsite-selector>section>aside.success,
devsite-selector>section>aside.warning,
devsite-selector>section>devsite-code,
devsite-selector>section>table {
       margin: 0 -23px
}

devsite-selector>section>:first-child:not(aside):not(devsite-code):not(table):not(.devsite-table-wrapper):not([class^=github-]) {
       margin-top: var(--devsite-selector-content-margin-y, 15px)
}

devsite-selector>section>:last-child:not(aside):not(devsite-code):not(table):not(.devsite-table-wrapper):not([class^=github-]) {
       margin-bottom: var(--devsite-selector-content-margin-y, 15px)
}

devsite-selector .devsite-table-wrapper:last-child,
devsite-selector>section>.github-docwidget-gitinclude-code>devsite-code:last-child>pre,
devsite-selector>section>aside:last-child,
devsite-selector>section>devsite-code:last-child>pre {
       border-radius: var(--devsite-content-border-radius, 0)
}

devsite-selector .devsite-table-wrapper+.devsite-table-wrapper {
       margin-top: 16px
}

devsite-selector>section table devsite-code {
       margin: 16px 0
}

devsite-selector>section>devsite-code pre {
       padding-left: 23px
}

.devsite-article devsite-selector .material-icons {
       font-size: var(--devsite-selector-icon-font-size, 18px);
       vertical-align: text-bottom
}

devsite-selector[ready] {
       pointer-events: auto;
       visibility: visible
}

:host {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       overflow: hidden;
       --goog-split-pane-collapse-control-height: 20px;
       --goog-split-pane-collapse-control-top: 80px;
       --goog-split-pane-resizer-color: #232526;
       --goog-split-pane-resizer-thickness: 4px
}

:host .resizer {
       background: var(--goog-split-pane-resizer-color);
       border-right: 1px solid var(--goog-split-pane-resizer-color);
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-flex: 0;
       -webkit-flex: 0 0 var(--goog-split-pane-resizer-thickness);
       -moz-box-flex: 0;
       -ms-flex: 0 0 var(--goog-split-pane-resizer-thickness);
       flex: 0 0 var(--goog-split-pane-resizer-thickness);
       pointer-events: auto;
       position: relative;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       width: var(--goog-split-pane-resizer-thickness)
}

:host .resizer:hover {
       cursor: col-resize
}

:host .collapse-control {
       cursor: pointer;
       position: absolute;
       top: var(--goog-split-pane-collapse-control-top);
       z-index: 30
}

:host .collapse-control.none {
       display: none
}

:host .bottom-or-right .collapse-less-than {
       display: none
}

:host .top-or-left .collapse-greater-than {
       display: none
}

:host .collapse-button {
       -webkit-align-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       background-color: hsla(0, 0%, 100%, .3);
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       height: var(--goog-split-pane-collapse-control-height);
       -webkit-box-pack: center;
       -webkit-justify-content: center;
       -moz-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       position: absolute;
       top: 0;
       -webkit-transition: .4s ease-in-out;
       transition: .4s ease-in-out;
       width: 20px
}

:host .collapse-button:hover {
       background-color: #fff;
       width: calc(var(--goog-split-pane-collapse-control-height)*1.35)
}

:host .left-oriented {
       -webkit-transform: rotate(180deg);
       transform: rotate(180deg)
}

:host .collapse-less-than {
       border-radius: var(--goog-split-pane-collapse-control-height) 0 0 var(--goog-split-pane-collapse-control-height);
       right: calc(-1*var(--goog-split-pane-resizer-thickness))
}

:host .collapse-greater-than {
       border-radius: 0 var(--goog-split-pane-collapse-control-height) var(--goog-split-pane-collapse-control-height) 0;
       left: 0
}

:host .pane {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-flex: 1;
       -webkit-flex: 1 1 0;
       -moz-box-flex: 1;
       -ms-flex: 1 1 0px;
       flex: 1 1 0;
       height: 100%;
       min-height: 0;
       min-width: 0;
       width: 100%
}

:host([is-horizontal]) {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
}

:host([is-horizontal]) .resizer {
       background: var(--goog-split-pane-resizer-color);
       border-top: 1px solid var(--goog-split-pane-resizer-color);
       height: var(--goog-split-pane-resizer-thickness);
       width: unset;
       z-index: 2000
}

:host([is-horizontal]) .resizer:hover {
       cursor: row-resize
}

:host([is-horizontal]) .collapse-control {
       left: var(--goog-split-pane-collapse-control-top);
       -webkit-transform: rotate(90deg);
       transform: rotate(90deg);
       top: 0
}

:host([is-resizing]) {
       cursor: col-resize
}

:host([is-resizing][is-horizontal]) {
       cursor: row-resize
}

:host([is-collapsed-top-or-left]) .collapse-less-than {
       display: none
}

:host([is-collapsed-top-or-left]) .collapse-greater-than {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

:host([is-collapsed-bottom-or-right]) .collapse-greater-than {
       display: none
}

:host([is-collapsed-bottom-or-right]) .collapse-less-than {
       display: -webkit-box;
       display: -webkit-flex;
       display: -moz-box;
       display: -ms-flexbox;
       display: flex
}

devsite-content {
       margin-left: 50px;
}