.site-header{position:sticky;top:0;z-index:50;padding:12px 0 0;border:0;background:transparent;backdrop-filter:none;pointer-events:none}
.site-header .navbar{padding:0}
.site-header .nav-shell{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);align-items:center;min-height:62px;padding:8px 10px 8px 14px;border:1px solid rgba(157,151,138,.24);border-radius:4px;background:rgba(17,17,16,.91);box-shadow:0 18px 48px rgba(0,0,0,.38);backdrop-filter:blur(20px);pointer-events:auto}
.site-header .brand{justify-self:start}
.header-action-links{display:flex;align-items:center;justify-self:center;gap:3px;margin:0;padding:4px;border:1px solid #2c2c29;border-radius:4px;background:rgba(14,14,13,.72)}
.header-action-links .store-link{margin:0;padding:8px 12px;color:#a39d91;border:1px solid transparent;border-radius:4px;background:transparent;font-size:.72rem;font-weight:700}
.header-action-links .store-link:hover{color:#fff;border-color:#302e2a;background:#1f1e1d}
.header-action-links .store-link.active{color:#fff;border-color:#393731;background:linear-gradient(145deg,#282725,#1d1c1b);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.header-member-actions{display:flex;align-items:center;justify-self:end}
.header-member-actions .notification-menu{margin-left:0}
@media(max-width:900px){.site-header .nav-shell{grid-template-columns:auto minmax(0,1fr) auto}.site-header .brand>span{display:none}.header-action-links{max-width:100%;overflow-x:auto;justify-self:stretch;margin:0 10px;scrollbar-width:none}.header-action-links::-webkit-scrollbar{display:none}.header-action-links .store-link{flex:none}}
@media(max-width:620px){.site-header{padding-top:7px}.site-header .nav-shell{grid-template-columns:auto 1fr auto;min-height:56px;padding:6px 7px}.site-header .brand-mark{width:34px;height:34px}.header-action-links{justify-content:flex-start;margin:0 6px;padding:3px}.header-action-links .store-link{padding:7px 9px;font-size:.64rem}.header-member-actions .account-name,.header-member-actions .menu-chevron{display:none}.header-member-actions .account-menu>summary{padding:3px}.header-member-actions .notification-trigger{width:34px;height:34px}.header-member-actions .account-menu{margin-left:4px}}
@media(max-width:430px){.header-action-links .loader-link{display:none}}

.site-header .public-nav{grid-column:3;justify-self:end;margin-left:0}
@media(max-width:620px){.site-header .public-nav{gap:4px}.site-header .public-nav .nav-link{padding-inline:8px!important}.site-header .public-nav .nav-cta{margin-left:0;padding-inline:11px}}