.topbar a:hover{color:#fff}.topbar__left,.topbar__right{display:flex;gap:22px}.topbar .mono{font-size:12px}.site-header{position:sticky;top:0;z-index:50;background:oklch(from var(--surface) l c h / .88);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;gap:24px;height:72px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:-.04em}.logo__mark{width:26px;height:26px;border-radius:5px;background:var(--ink);position:relative;flex:none}.logo__mark:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:2px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%)}.logo small{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--ink-3);font-weight:500;align-self:flex-start;margin-top:3px}.search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 14px;height:42px;color:var(--ink-3)}.search input{border:0;background:transparent;flex:1;font:inherit;font-size:14px;color:var(--ink);outline:none}.search .mono{font-size:11px;border:1px solid var(--line);border-radius:3px;padding:2px 5px;color:var(--ink-3)}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav a{padding:9px 12px;font-size:14px;font-weight:500;color:var(--ink-2);border-radius:var(--r-sm)}.nav a:hover{color:var(--ink);background:var(--surface-2)}.nav a.active{color:var(--ink)}.iconbtn{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);position:relative}.iconbtn:hover{border-color:var(--ink)}.iconbtn .count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--accent);color:var(--accent-ink);border-radius:100px;font-family:var(--mono);font-size:10px;font-weight:600;display:grid;place-items:center}.catstrip{border-bottom:1px solid var(--line);background:var(--surface)}.catstrip .wrap{display:flex;gap:4px;height:46px;align-items:center;overflow-x:auto}.catstrip a{font-size:13.5px;font-weight:500;color:var(--ink-2);padding:7px 12px;border-radius:var(--r-sm);white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.catstrip a:hover{background:var(--surface-2);color:var(--ink)}.site-footer{background:var(--ink);color:#c2c4c8;margin-top:80px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/vbc-04.css.map */