.preview-bar{display:none}.product-header.reference-header{min-height:76px;height:76px;background:#fff}.reference-header .nav-wrap{max-width:1600px;margin:auto;padding:0 40px;min-height:76px;height:76px;gap:58px;display:flex;align-items:center}.reference-header .brand-name small{display:none}.reference-header .brand-name strong{font-size:18px;line-height:1.4}.reference-header .brand img{width:40px;height:40px}.reference-header #main-nav{justify-content:flex-start;gap:30px;flex:1}.reference-header #main-nav>a{font-size:16px;font-weight:400;padding:26px 0}.reference-header .nav-actions{margin-left:auto;gap:22px}.reference-header .nav-actions>a{font-size:16px}.reference-header .small-button{border-radius:4px;box-shadow:none;padding:9px 25px;line-height:24px}.reference-header #main-nav>a:after{bottom:0}.company-v9 .company-heading{padding:40px 0 36px}.company-v9 .company-heading h1{font-size:30px}.company-v9 .company-heading p{max-width:850px}.company-introduction{display:grid;grid-template-columns:1fr 2fr;gap:55px;padding-top:35px;padding-bottom:32px}.company-introduction h2{margin:0}.company-introduction p{margin:0 0 12px}.company-product-section{background:#f8f9fb;padding:32px 0 38px}.company-product-section h2,.support-product-band h2{margin:0 0 24px}.company-products{display:grid;grid-template-columns:1fr 1fr;gap:28px}.company-products article{padding:27px 30px;background:#fff;border:1px solid #e5e9ef;border-radius:6px}.product-identity{display:flex;align-items:center;gap:14px}.product-identity img,.ok-wordmark{width:46px;height:46px;flex-shrink:0}.ok-wordmark{font:500 22px 'Google Sans',sans-serif;color:#00a96c;background:#e9f8f0;border-radius:10px;display:grid;place-items:center}.product-identity h3{margin:0 0 4px;font-size:21px}.product-identity span{font-size:13px;color:#808896}.company-products p{font-size:14px;margin:21px 0 15px}.product-use{display:flex;gap:18px;color:#677088;font-size:12px;margin-bottom:22px}.company-v9 a{color:#1a73e8;font-size:14px}.company-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:36px;padding-bottom:40px}.company-bottom h2{margin:0}.company-bottom p{font-size:14px}.company-bottom dl{margin:0}.company-bottom dl>div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #e8eaed;padding:13px 0;font-size:14px}.company-bottom dt{color:#677088}.company-bottom dd{margin:0}.contact-v9{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:36px;padding-top:38px;padding-bottom:40px}.contact-intro h2{margin:0 0 12px}.contact-intro p{font-size:14px;max-width:310px}.contact-intro>span{font-size:12px;color:#808896}.contact-method{border-left:1px solid #e3e7ed;padding-left:30px}.contact-method>span{font-size:14px;color:#677088}.contact-method h3{font-size:26px;margin:10px 0}.contact-method p{font-size:13px;margin:0 0 22px}.contact-method .button{font-size:13px;padding:9px 18px;border-radius:4px}.support-product-band{background:#f8f9fb;padding:30px 0 32px}.support-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.support-product-grid h3{margin:0 0 10px}.support-product-grid p{font-size:14px;margin:0 0 15px}.contact-checklist{padding-top:30px;padding-bottom:32px}.contact-checklist h2{margin:0 0 22px}.contact-checklist>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.contact-checklist h3{font-size:17px;margin:0 0 9px}.contact-checklist p{font-size:13px;margin:0}.contact-checklist .support-privacy-note{border-top:1px solid #e8eaed;padding-top:17px;margin-top:25px;font-size:12px;color:#808896}
@media(max-width:1250px){.reference-header .nav-wrap{gap:28px;padding:0 24px}.reference-header #main-nav{gap:22px}.reference-header #main-nav>a{font-size:14px}.reference-header .brand-name strong{font-size:16px}.reference-header .nav-actions{gap:14px}}
@media(max-width:1000px){.product-header.reference-header{height:auto}.reference-header .nav-wrap{height:auto;min-height:108px;flex-wrap:wrap;gap:0 20px;padding:12px 24px 0}.reference-header #main-nav{order:3;flex-basis:100%;justify-content:space-between;gap:15px;height:auto;display:flex}.reference-header #main-nav>a{padding:16px 0}.reference-header .nav-actions{margin-left:auto}.reference-header .brand-name strong{font-size:17px}.contact-v9{gap:22px}.contact-method{padding-left:20px}.contact-method h3{font-size:22px}}
@media(max-width:650px){.reference-header .nav-wrap{padding:12px 18px 0}.reference-header .brand img{width:32px;height:32px}.reference-header .brand-name strong{font-size:14px}.reference-header .brand{gap:8px}.reference-header .nav-actions{gap:12px}.reference-header .nav-actions>a{font-size:13px;display:inline-block}.reference-header .small-button{padding:5px 13px}.reference-header #main-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center;padding-top:8px}.reference-header #main-nav>a{font-size:13px;padding:10px 0}.company-v9 .company-heading{padding:28px 0}.company-v9 .company-heading h1{font-size:25px}.company-introduction,.company-products,.company-bottom,.support-product-grid,.contact-checklist>div{grid-template-columns:1fr;gap:22px}.company-introduction{padding-top:26px;padding-bottom:20px}.company-products article{padding:22px}.company-bottom{padding-top:26px;padding-bottom:28px}.contact-v9{grid-template-columns:1fr 1fr;gap:25px 18px;padding-top:26px;padding-bottom:28px}.contact-intro{grid-column:1/-1}.contact-intro p{max-width:none}.contact-method{padding:0;border:0}.contact-method h3{font-size:22px}.contact-method p{min-height:42px;line-height:1.7}.contact-checklist>div{gap:17px}.support-product-grid article+article{border-top:1px solid #e3e7ed;padding-top:20px}.company-bottom dl>div{grid-template-columns:80px 1fr}.product-use{gap:14px}}
/* Full-label navigation underline for current, hover and keyboard focus. */
.reference-header #main-nav>a{position:relative;text-decoration:none;width:max-content;justify-self:center}
.reference-header #main-nav>a::after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:2px;border-radius:0;background:#1a73e8;transform:scaleX(0);transform-origin:center;transition:transform .16s ease}
.reference-header #main-nav>a:hover,.reference-header #main-nav>a:focus-visible{color:#1a73e8}
.reference-header #main-nav>a:hover::after,.reference-header #main-nav>a:focus-visible::after,.reference-header #main-nav>a[aria-current="page"]::after{display:block;width:100%;transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.reference-header #main-nav>a::after{transition:none}}