/* Comparison only: supplied JPEGs remain unchanged. Empty image margins are
   contained in the header's logo viewport for a practical size comparison. */
.official-cloud-preview.official-depth[data-logo-variant] .topbar{background:#164b92}
.official-cloud-preview[data-logo-variant="horizontal"]>footer{background:#164b92}
.official-cloud-preview[data-logo-variant] .brand-mark{position:relative;background:transparent url('/assets/cloud-logo-options/stacked.jpg') center/contain no-repeat;overflow:hidden;display:block;flex:0 0 145px;width:145px;height:108px;mix-blend-mode:lighten}
.official-cloud-preview[data-logo-variant] .official-cloud-wordmark{display:none}
.official-cloud-preview[data-logo-variant="horizontal"] .brand-mark{display:none}
.official-horizontal-lockup{display:flex;align-items:center;gap:14px;flex:0 0 auto;width:279px;height:64px}
.official-logo-company,.official-logo-cloud{position:relative;overflow:hidden;display:block;flex-shrink:0;mix-blend-mode:lighten}
.official-logo-company{width:168px;height:44px}
.official-logo-cloud{width:82px;height:64px}
.official-horizontal-lockup .official-logo-company img,.official-horizontal-lockup .official-logo-cloud img{position:absolute;display:block;height:auto;max-width:none;top:50%;transform:translateY(-50%)}
.official-cloud-preview .official-horizontal-lockup .official-logo-company img,.official-horizontal-lockup .official-logo-company img{width:250%;left:-15.8%}
.official-cloud-preview .official-horizontal-lockup .official-logo-cloud img,.official-horizontal-lockup .official-logo-cloud img{width:262.2%;left:-145.7%}
.official-logo-divider{display:block;flex-shrink:0;width:1px;height:44px;background:#ffffffb3}
@media(max-width:1120px){.official-cloud-preview[data-logo-variant] .topbar{flex-wrap:wrap}.official-cloud-preview[data-logo-variant] .production-navigation{order:3;width:100%;margin:0;justify-content:flex-start}}
@media(max-width:760px){.official-cloud-preview[data-logo-variant="stacked"] .brand-mark{flex-basis:110px;width:110px;height:82px}.official-cloud-preview[data-logo-variant] .topbar{gap:8px}.official-horizontal-lockup{width:224px;height:52px;gap:10px}.official-logo-company{width:136px;height:36px}.official-logo-cloud{width:67px;height:52px}.official-logo-divider{height:36px}}
@media(max-width:380px){.official-horizontal-lockup{width:185px;height:46px;gap:8px}.official-logo-company{width:111px;height:30px}.official-logo-cloud{width:57px;height:46px}.official-logo-divider{height:30px}}