.header .nav{gap:clamp(12px,3vw,34px);height:auto;min-height:72px;padding-block:12px;display:flex}.header .brand,.footer .brand{align-items:center;gap:6px;line-height:1;display:inline-flex}.header .brand{flex:none}.header .brand img,.footer .brand img{object-fit:contain;flex:none;display:block}.header .nav .site-primary-nav{order:0;align-items:center;gap:4px;width:auto;display:flex}.header .site-primary-nav a,.header .locale-menu summary,.header .home-account-menu summary{border-radius:8px;align-items:center;gap:7px;font-size:14px;font-weight:650;transition:background-color .18s,color .18s,transform .12s;display:flex}.header .site-primary-nav a{min-height:38px;color:var(--muted);padding:0 12px;position:relative}.header .site-primary-nav a:after{content:"";inset-inline:12px;transform-origin:0;background:currentColor;border-radius:2px;height:2px;transition:transform .18s ease-out;position:absolute;bottom:5px;transform:scaleX(0)}.header .site-primary-nav a:hover,.header .site-primary-nav a:focus-visible{color:#192f2a;background:#d2e3c5}.header .site-primary-nav a:hover:after,.header .site-primary-nav a:focus-visible:after{transform:scaleX(1)}.header .home-account-menu summary:hover,.header .locale-menu summary:hover{color:var(--deep);background:#d2e3c5}.header .site-primary-nav a:is([aria-current=page],[aria-current=location]){color:#fff;background:#234039}.header .site-primary-nav a:is([aria-current=page],[aria-current=location]):is(:hover,:focus-visible){color:#fff;background:#192f2a}.header .site-primary-nav a:active,.header summary:active{transform:translateY(1px)}.header :is(a,button,summary):focus-visible{outline-offset:3px;outline:2px solid #55765e}.header .nav .locale-nav{justify-content:flex-end;align-items:center;gap:12px;width:auto;min-width:0;max-width:100%;margin-inline-start:auto;display:flex}.header .locale-menu,.header .home-account-menu{position:relative}.header .locale-menu{flex:none}.header .locale-menu summary{border:1px solid var(--line);background:#fff;padding:8px 10px}.header .home-account-menu summary{cursor:pointer;padding:3px 6px 3px 3px}.header summary{list-style:none}.header summary::-webkit-details-marker{display:none}.header :is(.locale-menu,.home-account-menu) summary:after{content:"";border:1.5px solid;border-width:0 1.5px 1.5px 0;flex:none;width:6px;height:6px;transition:transform .18s;transform:rotate(45deg)translateY(-2px)}.header :is(.locale-menu,.home-account-menu)[open] summary:after{transform:rotate(225deg)}.header .home-account-menu[open] summary{background:#edf2e7}.header .locale-menu>div,.header .home-account-menu>div{z-index:12;inset-inline-end:0;border:1px solid var(--line);background:#fff;border-radius:10px;width:max-content;min-width:155px;margin:0;padding:5px;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 24px #202b2920}.header .locale-menu>div{max-height:min(65vh,24rem);overflow-y:auto}.header .locale-menu :is(a,button),.header .home-account-menu>div :is(a,button){text-align:start;width:100%;color:var(--deep);background:0 0;border:0;border-radius:5px;padding:7px 9px;display:block}.header .locale-menu :is(a,button):hover,.header .locale-menu [aria-current],.header .home-account-menu>div :is(a,button):hover{background:#e7f0db}.header .home-login-avatar{width:36px;height:36px;color:var(--deep);background:#dfeccd;border-radius:50%;flex:none;place-items:center;display:grid}.header .home-account-email{overflow-wrap:anywhere}@media (max-width:650px){.header .nav{flex-wrap:wrap;gap:8px 12px}.header .nav .locale-nav{flex:1 0 100%;order:3}.header .nav .site-primary-nav{margin-inline-start:auto}.header .nav .locale-nav{position:relative}.header .nav .home-account-menu{position:static}}@media (prefers-reduced-motion:no-preference){.header .site-primary-nav a:is([aria-current=page],[aria-current=location]){animation:.2s ease-out voxel-nav-selected}@keyframes voxel-nav-selected{0%{transform:translateY(2px)}}}@media (prefers-reduced-motion:reduce){.header :is(a,summary),.header .site-primary-nav a:after,.header summary:after{transition:none}}.header .home-account-menu>div{border-radius:16px;width:min(18rem,100vw - 32px);padding:12px;box-shadow:0 14px 32px #202b292b}.header .account-profile{border-bottom:1px solid var(--line);gap:12px;margin-bottom:4px;padding-bottom:10px;display:grid}.header .account-profile-identity{align-items:center;gap:10px;padding:3px 2px;display:flex}.header .account-profile-identity>div{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.header .account-profile-identity>div>span{color:var(--muted);font-size:13px}.header .account-profile-identity>div>span:empty{display:none}.header .account-credit-balance{color:#fff;background:#234039;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.header .account-credit-balance[hidden]{display:none}.header .account-credit-balance strong{color:#d7efa9;font-variant-numeric:tabular-nums;font-size:24px}.header .home-account-menu>div>button{cursor:pointer;font-size:14px;font-weight:650}@media (prefers-reduced-motion:no-preference){.header .home-account-menu[open]>div{animation:.15s ease-out voxel-profile-in}@keyframes voxel-profile-in{0%{opacity:0;transform:translateY(-4px)}}}.header .home-login-avatar{border:1px solid var(--line);background:#fff url(/voxel-google-g.svg) 50%/19px 19px no-repeat}.header .account-credit-balance>span{align-items:center;gap:8px;display:flex}.header .account-credit-balance>span:before{content:"";background:#d7efa9;flex:none;width:20px;height:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 8 4.6v9.2l-8 4.6-8-4.6V7.4l8-4.6Z'/%3E%3Cpath d='m4 7.4 8 4.6 8-4.6M12 12v9.2'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 8 4.6v9.2l-8 4.6-8-4.6V7.4l8-4.6Z'/%3E%3Cpath d='m4 7.4 8 4.6 8-4.6M12 12v9.2'/%3E%3C/svg%3E") 50%/contain no-repeat}.header .nav.wrap{width:auto;margin-inline:max(28px,50% - 600px) 14px}@media (max-width:800px){.header .nav.wrap{margin-inline:18px 14px}}
