.topbar .topbar-inner{gap:12px}
.topbar .brand{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;max-width:none;text-decoration:none;color:#f1f5f9;line-height:1.25}
.topbar .brand-mark{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;box-sizing:border-box;border:1px solid #10b98166;border-radius:8px;background:#022c22}
.topbar .brand-mark img{display:block;width:20px;height:20px;margin:0;padding:0;max-width:none;background:none;border:0}
.topbar .brand-copy{min-width:0}
.topbar .brand-name{display:block;white-space:nowrap;font-size:16px;font-weight:900;letter-spacing:-.025em}
.topbar .brand-name>span{color:#34d399;font-family:ui-monospace,monospace}
.topbar .brand small{display:block;white-space:nowrap;margin-top:3px;color:#94a3b8;font:10px ui-monospace,monospace;letter-spacing:0}
.topbar .brand:hover .brand-mark{border-color:#34d399}
.topbar .brand:focus-visible{outline:2px solid #34d399;outline-offset:4px;border-radius:8px}
@media(max-width:767px){.topbar .brand small{display:none}.topbar .brand-name{font-size:12px}.topbar .brand-mark{flex-basis:32px;width:32px;height:32px}.topbar .brand{gap:8px}}
@media(max-width:460px){.topbar .brand-name>span{display:block}.topbar .back,.topbar .home-link{white-space:nowrap;font-size:12px}}