@font-face{font-family:'Inter';src:url('assets/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body .demo-bar,body .demo-bar span,body .demo-bar a,body .demo-bar button,body .demo-bar b{font-family:'Inter',Arial,sans-serif;font-size:12px;font-weight:450;line-height:1.65;letter-spacing:0;word-spacing:.015em;text-transform:none}
body .demo-bar{padding:10px 4%;min-height:54px;gap:18px;background:#10120f;color:#d8ded0;border-bottom:1px solid #363d2f}
body .demo-bar .demo-direction,body .demo-bar .demo-direction span{font-weight:600;color:#f3f4ed}
body .demo-bar>div{gap:14px}body .demo-bar a{padding:6px 0;font-weight:500;color:#eef1e8}body .demo-bar button{padding:6px 4px;min-width:26px;min-height:34px;color:#b8c2ab}body .demo-bar button[aria-pressed=true]{color:white;text-underline-offset:5px}
body .identity small,body .identity small span{font-family:'Inter',Arial,sans-serif;font-size:10px;font-weight:450;letter-spacing:.02em;text-transform:none;line-height:1.6}
@media(max-width:700px){body .demo-bar{justify-content:space-between;padding:10px 5%;gap:7px 12px;flex-wrap:wrap;min-height:58px}body .demo-bar>span{flex-basis:100%;display:flex;justify-content:space-between;gap:10px}body .demo-bar>span>span{font-size:10px;color:#b8c2ab}body .demo-bar .demo-direction{display:block;font-size:11px}body .demo-bar .demo-direction span{font-size:11px}body .demo-bar>div{width:100%;justify-content:flex-end;gap:14px}body .demo-bar a{margin-right:auto;font-size:12px}body .demo-bar button{font-size:12px;min-height:32px;padding:3px}}