/* SharedApp main.css header/navigation declarations and media queries; selectors scoped to this header. */
@media only screen and (min-width: 769px){.blogContainer>.shared-app-header{max-width:none;width:calc(100% + 4px);margin-left:-2px;margin-right:-2px}}
@media only screen and (max-width: 768px){.blogContainer>.shared-app-header{width:calc(100% + 4px);margin-left:-2px;margin-right:-2px}}
.shared-app-header{grid-area:h;display:flex;align-self:center;align-items:center;justify-content:space-between;justify-self:center;min-width:0;width:100%;max-width:1170px;min-height:64px;padding:9px 24px 9px 9px;border:1px solid rgba(255,255,255,0.06);border-radius:18px;background:rgba(0,0,0,0.28);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 0 16px rgba(0,0,0,0.18),0 0 18px rgba(0,0,0,0.08),inset 0 0 0 rgba(255,255,255,0.06)}
.shared-app-header .logo{display:flex;justify-content:flex-start;align-items:center;flex:0 0 auto;min-width:0;margin-right:12px;gap:12px}
.shared-app-header .headerName{color:#fff;white-space:nowrap;display:flex;align-items:center;margin:0;text-decoration:none;font-size:19px;font-weight:740;line-height:1}
.shared-app-header .headerIcon{width:44px;height:44px;-webkit-clip-path:url(#shape);clip-path:url(#shape)}
.shared-app-header .headerIconLink{display:flex;align-items:center}
.shared-app-header .scroll{display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:flex-end;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.shared-app-header .scroll::-webkit-scrollbar{display:none}
.shared-app-header nav>ul{display:flex;gap:16px;list-style-type:none;align-items:center;min-width:max-content;margin:0;padding:0}
.shared-app-header nav>ul li{display:flex}
.shared-app-header .legalNavLabel--short{display:none}
.shared-app-header nav>ul li .navLink{text-decoration:none;color:rgba(255,255,255,0.6);font-size:15.36px;font-weight:640;line-height:1}
@media (hover: hover) and (pointer: fine){.shared-app-header nav>ul li a.navLink:hover,.shared-app-header nav>ul li a.navLink:active{text-decoration:none;color:#fff}}
.shared-app-header nav>ul li .navLink.navLink--current{color:#fff;cursor:default}
:root[data-blog-resolved-scheme="light"] .shared-app-header{border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.72);box-shadow:0 0 16px rgba(0,0,0,0.08),0 0 18px rgba(0,0,0,0.04),inset 0 0 0 rgba(255,255,255,0.86)}
@media(prefers-color-scheme:light){:root:not([data-blog-resolved-scheme]) .shared-app-header{border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.72);box-shadow:0 0 16px rgba(0,0,0,0.08),0 0 18px rgba(0,0,0,0.04),inset 0 0 0 rgba(255,255,255,0.86)}}
:root[data-blog-resolved-scheme="light"] .shared-app-header .headerName{color:#000}
@media(prefers-color-scheme:light){:root:not([data-blog-resolved-scheme]) .shared-app-header .headerName{color:#000}}
:root[data-blog-resolved-scheme="light"] .shared-app-header nav>ul li .navLink{color:rgba(0,0,0,0.6)}
@media(prefers-color-scheme:light){:root:not([data-blog-resolved-scheme]) .shared-app-header nav>ul li .navLink{color:rgba(0,0,0,0.6)}}
@media (hover: hover) and (pointer: fine){:root[data-blog-resolved-scheme="light"] .shared-app-header nav>ul li a.navLink:hover,:root[data-blog-resolved-scheme="light"] .shared-app-header nav>ul li a.navLink:active{color:#000}
@media(prefers-color-scheme:light){:root:not([data-blog-resolved-scheme]) .shared-app-header nav>ul li a.navLink:hover,:root:not([data-blog-resolved-scheme]) .shared-app-header nav>ul li a.navLink:active{color:#000}}}
:root[data-blog-resolved-scheme="light"] .shared-app-header nav>ul li .navLink.navLink--current{color:#000}
@media(prefers-color-scheme:light){:root:not([data-blog-resolved-scheme]) .shared-app-header nav>ul li .navLink.navLink--current{color:#000}}
@media only screen and (max-width: 768px){.shared-app-header .logo{margin-right:12px}
.shared-app-header .headerName{display:none}
.shared-app-header .headerIcon{width:44px;height:44px}
.shared-app-header{padding-left:10px}
.shared-app-header .scroll{justify-content:flex-start}
.shared-app-header nav>ul{gap:12px}
.shared-app-header nav>ul li .navLink{font-size:14.4px}
.shared-app-header .legalNavLabel--full{display:none}
.shared-app-header .legalNavLabel--short{display:inline}}
@media only screen and (max-width: 460px){.shared-app-header .logo{margin-right:10px;gap:10px}
.shared-app-header .headerIcon{width:40px;height:40px}
.shared-app-header nav>ul{gap:10px}
.shared-app-header nav>ul li .navLink{font-size:13.76px}}
.shared-app-header .appIconShadow{display:flex;filter:drop-shadow(0px 5px 10px rgba(0,0,0,0.1)) drop-shadow(0px 1px 1px rgba(0,0,0,0.2))}
.shared-app-header .logo .appIconShadow{filter:none}