@font-face{font-family:PortfolioBar;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}
.av-demo-bar{position:relative;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 25px;min-height:43px;background:#20221e;color:#f1f0e8;font:500 11px/1.4 PortfolioBar,Arial,sans-serif;letter-spacing:0;box-sizing:border-box}
.av-demo-bar a{color:inherit;text-decoration:none;font-size:11px;line-height:1.4}.av-demo-bar a:hover{text-decoration:underline;text-underline-offset:4px}.av-demo-home{font-weight:800;white-space:nowrap}.av-demo-label{color:#9ba18f;margin-right:auto}.av-demo-inline{display:flex;gap:22px;align-items:center}.av-demo-inline a[aria-current=page],.av-demo-menu a[aria-current=page]{color:#ef9d77}.av-demo-menu{display:none;position:relative}.av-demo-menu summary{list-style:none;cursor:pointer;padding:13px 0;font-size:11px;display:flex;gap:10px;align-items:center;color:inherit}.av-demo-menu summary:after{content:'+';font-size:15px}.av-demo-menu[open] summary:after{content:'−'}.av-demo-menu nav{position:absolute;right:-15px;top:100%;width:240px;background:#20221e;border:1px solid #5b6450;padding:10px 18px;box-shadow:0 15px 30px #0005;display:flex;flex-direction:column;gap:0;z-index:100}.av-demo-menu nav a{padding:13px 0;border-bottom:1px solid #ffffff20}.av-demo-menu nav a:last-child{border-bottom:0}.av-demo-bar :focus-visible{outline:2px solid #ef9d77;outline-offset:4px}
@media(max-width:1200px){.av-demo-inline{gap:16px}.av-demo-label{display:none}}@media(max-width:760px){.av-demo-bar{padding:0 18px;gap:15px}.av-demo-inline{display:none}.av-demo-menu{display:block}.av-demo-label{display:block;margin:0;color:#9ca58f;font-size:9px}.av-demo-home{font-size:11px!important}.av-demo-menu summary{min-height:43px}}

@media(max-width:420px){.av-demo-label{display:none}}