.managed-header[hidden]{display:none!important}
.field input[data-header-hidden],.field input[data-header-page]{width:18px;height:18px;min-height:18px;padding:0;margin:4px 0;justify-self:start}
.managed-header.managed-header{position:relative;height:var(--header-height,92px);min-height:0;box-sizing:border-box;padding-top:4px;padding-bottom:4px;flex-wrap:nowrap;z-index:40;gap:10px}
.site-preview{overflow:clip}
.site-preview.mobile-preview .managed-header{padding-top:4px;padding-bottom:4px;flex-wrap:nowrap}
.managed-header.managed-header[data-position=sticky]{position:sticky;top:0}
.managed-header .public-brand,.managed-header .preview-brand{min-width:0;max-width:70%;max-height:100%;overflow:hidden}
.managed-header .public-brand:has(img),.managed-header .preview-brand:has(img){width:180px;flex:0 1 180px}
.managed-header .public-brand:has(img) img,.managed-header .preview-brand:has(img) img{width:100%;height:auto}
.managed-header .public-brand img,.managed-header .preview-brand img{display:block;max-height:calc(var(--header-height,92px) - 8px);max-width:100%;width:auto;object-fit:contain}
.managed-header.public-header--center,.managed-header.preview-header--center{gap:4px}
.managed-header.public-header--center img,.managed-header.preview-header--center img{max-height:calc(var(--header-height,92px) - 40px)}
.managed-header .managed-menu-toggle{display:none;flex:0 0 40px;width:40px;height:36px;min-height:0;max-height:100%;align-items:center;justify-content:center;margin:0 0 0 auto;padding:0;border:0;background:transparent;color:var(--menu-color);font:var(--menu-icon-size,28px)/1 Arial,sans-serif;cursor:pointer}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]){flex-direction:row;justify-content:space-between}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) .managed-menu-toggle{display:flex}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) nav{display:none!important}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) nav.is-open{display:flex!important}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) nav{position:absolute;top:100%;left:0;right:0;width:100%;max-height:75vh;overflow:auto;margin:0;padding:20px;flex-direction:column;gap:14px;text-align:var(--menu-align);background:var(--menu-background);color:var(--menu-text);border:0;box-shadow:0 8px 16px #0002}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true])[data-menu-opening=side] nav{left:auto;width:min(360px,100%);min-height:50vh}
.managed-header nav a,.managed-header nav span{overflow-wrap:anywhere}
.managed-header .public-nav a.active,.managed-header .preview-nav span.active{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.managed-header.public-menu--hover-fill .public-nav a:hover,.managed-header.public-menu--hover-fill .public-nav a.active,.managed-header.preview-menu--hover-fill .preview-nav span:hover,.managed-header.preview-menu--hover-fill .preview-nav span.active{color:inherit;background:color-mix(in srgb,currentColor 11%,transparent)}
.managed-header .public-nav a:after,.managed-header .preview-nav span:after{background:currentColor}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) nav a,.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) nav span{color:var(--menu-text)}
.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) .public-submenu,.managed-header:is([data-menu-mode=hamburger],[data-compact=true]) .preview-submenu{position:static;display:grid;min-width:0;background:transparent;box-shadow:none;border:0;padding:8px 16px;gap:8px}
@media(max-width:700px){
 .managed-header.managed-header{flex-direction:row;flex-wrap:nowrap}
 .managed-header .managed-menu-toggle{display:flex;margin-left:auto}
 .managed-header nav{display:none!important;position:absolute;top:100%;left:0;right:0;width:100%;max-height:75vh;overflow:auto;padding:20px;margin:0;flex-direction:column;gap:14px;text-align:var(--menu-align);background:var(--menu-background);color:var(--menu-text);border:0}
 .managed-header nav.is-open{display:flex!important}
 .managed-header nav a,.managed-header nav span{color:var(--menu-text)}
 .managed-header[data-menu-opening=side] nav{left:auto;width:min(360px,100%);min-height:50vh}
}