/* Only shared chrome is restyled. Native cart, account and payment components retain their CSS. */
body.sae-reference-global-chrome>.site-header,
body.sae-reference-global-chrome>.promo-bar,
body.sae-reference-global-chrome #sd-chrome-top,
body.sae-reference-global-chrome .sf-header,
body.sae-reference-global-chrome .sf-footer,
body.sae-reference-global-chrome .site-footer,
body.sae-reference-global-chrome .docs-site-footer,
body.sae-reference-global-chrome #sd-store>header,
body.sae-reference-global-chrome #sd-store>footer,
body.sae-reference-global-chrome #sd-chrome>header,
body.sae-reference-global-chrome #sd-chrome>footer{display:none!important}
body.sae-reference-global-chrome{padding-top:80px!important}
.sae-reference-chrome{--main-color:#3277df;--sw-bg-color:#fff;--sw-text-color:#122d5a;--sw-text-color2:#566985;--border-color:#eee;--border-color2:#e5e5e5;--declines-color:#ddd;--cortics-radius-md:10px;--cortics-radius-xl:20px;font-family:'Google Sans',sans-serif;font-size:12px;line-height:1.5;color:#122d5a;text-align:center}
body.sae-reference-global-chrome .sae-reference-chrome,body.sae-reference-global-chrome .sae-reference-chrome *{font-family:'Google Sans',sans-serif!important}
.sae-reference-chrome a{color:inherit;text-decoration:none}
.sae-reference-chrome ul{list-style:none;margin:0;padding:0}
.sae-reference-chrome svg{display:inline-block;vertical-align:middle}
.sae-reference-chrome .container{width:min(100% - 25px,1400px);max-width:none;margin-inline:auto;padding:0;position:relative;z-index:5}
.sae-reference-chrome .main-header{position:fixed;top:0;left:0;right:0;z-index:1002}
.sae-reference-chrome .main-header-wrap{position:relative}
.sae-reference-chrome .header-inner{position:relative;box-sizing:border-box;background:#fff;height:80px;border-radius:0 0 10px 10px;padding:0 10px;box-shadow:0 16px 40px rgba(0,0,0,.04);border:1px solid #eee;display:flex;align-items:center;width:auto;max-width:none;margin:0}
.sae-reference-chrome .logo-holder{display:flex;flex:1;align-items:center;height:80px;padding:0 20px}
.sae-reference-chrome .logo-link{display:block}
.sae-reference-chrome .logo{display:block;width:120px;height:auto;max-height:50px;object-fit:contain}
.sae-reference-chrome .nav-holder{display:flex;margin-top:18px;opacity:1;visibility:visible;z-index:20}
.sae-reference-chrome .nav-holder nav{display:block}
.sae-reference-chrome .nav-holder nav li{display:inline-block;position:relative;margin-right:6px;height:50px}
.sae-reference-chrome .nav-holder nav li a{float:left;padding:5px 8px;color:#122d5a;font-size:1.1em;font-weight:600;line-height:25px;position:relative}
.sae-reference-chrome .nav-holder nav li a:hover{color:#3277df}
.sae-reference-chrome .nav-holder nav li ul{position:absolute;min-width:190px;top:58px;left:0;z-index:1;padding:10px 0;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.sae-reference-chrome .nav-holder nav li ul li{display:block;height:auto;min-height:30px;margin:0}
.sae-reference-chrome .nav-holder nav li ul li a{float:none;display:block}
.sae-reference-chrome .nav-holder nav li ul ul{left:100%;top:0}
.sae-reference-chrome .saetheme-dropdown>a{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.sae-reference-chrome .saetheme-submenu-indicator{display:inline-flex;flex:0 0 16px}
.sae-reference-chrome .saetheme-submenu-indicator svg{transition:transform .2s ease}
.sae-reference-chrome .saetheme-dropdown-open>a>.saetheme-submenu-indicator svg{transform:rotate(180deg)}
.sae-reference-chrome .nav-holder ul[hidden]{display:none!important}
.sae-reference-chrome .header-end{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:0}
.sae-reference-chrome .header-end .saetheme-header-action{display:inline-flex!important;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;height:44px;margin:0;color:#3277df}
.sae-reference-chrome .header-end .saetheme-header-action svg{width:24px;height:24px;margin:0;transform:none}
.sae-reference-chrome .saetheme-header-cart-count{position:absolute;right:0;top:0;min-width:16px;height:16px;line-height:16px;padding:0 3px;border-radius:10px;background:#3277df;color:#fff;font-size:10px;font-weight:600;text-align:center}
.sae-reference-chrome .saetheme-header-cart-count[hidden]{display:none}
.sae-reference-chrome .nav-button-wrap{display:none}
.sae-reference-chrome .nav-overlay{position:fixed;inset:0;z-index:1001;background:rgba(23,22,22,.4);display:none;backdrop-filter:blur(3px)}
.sae-reference-chrome .header-progress-bar-wrap{position:fixed;top:0;left:0;right:0;height:2px;z-index:1003}
.sae-reference-chrome .header-progress-bar{height:100%;width:0;background:#3277df;transition:width .2s linear}
.sae-reference-chrome .main-footer{position:relative;margin-top:50px;z-index:10;background:transparent;padding:0;border:0}
.sae-reference-chrome .footer-bottom{position:relative;padding:20px 0}
.sae-reference-chrome .copyright{margin:0;font-weight:600;color:#566985;font-size:1.1em;display:inline-block;line-height:1.5}
.sae-reference-chrome .copyright span{color:#3277df}
.sae-reference-chrome .subfooter-dec{position:absolute;left:50%;top:0;transform:translateX(-50%);height:6px;width:20px}
.sae-reference-chrome .subfooter-dec span{display:block;position:relative;z-index:2;height:100%;width:100%;border-radius:10px;background:#3277df}
.sae-reference-chrome .subfooter-dec:before{content:'';position:absolute;left:-10px;right:-10px;top:0;bottom:0;background:#e5e5e5;border-radius:20px}
.sae-reference-chrome .footer-lines{position:absolute;bottom:0;left:0;right:0;z-index:1;height:100%;max-height:550px;overflow:hidden;pointer-events:none}
.sae-reference-chrome .animated-lines{position:absolute;inset:0}
.sae-reference-chrome .animated-lines path{fill:none;stroke:#ddd;stroke-width:.5px;vector-effect:non-scaling-stroke}
.sae-reference-chrome a:focus-visible,.sae-reference-chrome .nav-button-wrap:focus-visible{outline:2px solid #3277df;outline-offset:3px}
body.sae-reference-global-chrome.admin-bar .sae-reference-chrome .main-header{top:32px}
body.sae-reference-global-chrome .docs-site-header{top:80px}
body.sae-reference-global-chrome .docs-brand,body.sae-reference-global-chrome .docs-back-site{display:none!important}
@media(max-width:782px){body.sae-reference-global-chrome.admin-bar .sae-reference-chrome .main-header{top:46px}}
@media(max-width:767px){
 .sae-reference-chrome{font-size:12px}
 .sae-reference-chrome .logo-holder{padding:0 0 0 10px}
 .sae-reference-chrome .main-menu{position:absolute;top:90px;right:16px;width:calc(100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 130px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;z-index:50;padding:18px 16px;background:#fff;visibility:hidden;opacity:0;border-radius:10px;transition:opacity .4s ease;box-shadow:0 10px 40px rgba(0,0,0,.08)}
 .sae-reference-chrome .main-menu.vismobmenu{opacity:1;visibility:visible}
 .sae-reference-chrome .nav-holder nav{width:100%}
 .sae-reference-chrome .nav-holder nav li{display:flow-root;text-align:left;height:auto;min-height:30px;line-height:30px}
 .sae-reference-chrome .nav-holder nav li a{float:none;display:block;min-height:44px;box-sizing:border-box}
 .sae-reference-chrome .nav-holder nav li ul{position:static;opacity:1;visibility:visible;min-width:0;margin:0;padding:0 0 0 10px;border:0;box-shadow:none;width:auto}
 .sae-reference-chrome .nav-button-wrap{height:80px;width:44px;cursor:pointer;position:relative;display:block;margin-right:4px}
 .sae-reference-chrome .nav-button{position:absolute;top:50%;left:50%;width:24px;height:20px;margin-left:-11px;margin-top:-8px}
 .sae-reference-chrome .nav-button span{width:100%;float:left;margin-bottom:5px;height:2px;background:#3277df;position:relative;transition:all .3s ease-in;transform:rotate(0);top:0;left:0}
 .sae-reference-chrome .cmenu .nbs{transform:rotate(-45deg);top:-3px;left:1px;transition-delay:.1s;width:60%}
 .sae-reference-chrome .cmenu .ncs{transform:rotate(-45deg);top:4px;left:-2px;transition-delay:.1s;width:60%}
 .sae-reference-chrome .cmenu .nos{transform:rotate(45deg)}
}
@media(prefers-reduced-motion:reduce){.sae-reference-chrome .nav-button span,.sae-reference-chrome .main-menu,.sae-reference-chrome .saetheme-submenu-indicator svg{transition:none}}