:root{--cot-motion-instant:90ms;--cot-motion-fast:.14s;--cot-motion-base:.19s;--cot-motion-slow:.26s;--cot-motion-scene:.42s;--cot-ease-out:cubic-bezier(.16, 1, .3, 1);--cot-ease-move:cubic-bezier(.65, 0, .35, 1);--cot-ease-drawer:cubic-bezier(.32, .72, 0, 1);--cot-ease-soft:cubic-bezier(.22, 1, .36, 1)}@media (prefers-reduced-motion:reduce){:root{--cot-motion-instant:1ms;--cot-motion-fast:1ms;--cot-motion-base:1ms;--cot-motion-slow:1ms;--cot-motion-scene:1ms}html{scroll-behavior:auto!important}}.public-nav{z-index:110;-webkit-backdrop-filter:blur(20px);background:#06090cf0;border-bottom:1px solid #dce6e924;height:64px;position:sticky;top:0}.public-nav__inner{justify-content:space-between;align-items:center;gap:24px;width:min(1440px,100% - 40px);height:100%;margin-inline:auto;display:flex}.public-nav__brand{color:#efeee9;white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:11px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.public-nav__brand img{filter:drop-shadow(0 4px 8px #000);width:32px;height:38px}.public-nav__brand b{color:#e9a346;font-weight:900}.public-nav__links{align-items:center;gap:8px;display:flex;position:relative}.public-nav__links a{color:#9aa3a7;white-space:nowrap;letter-spacing:.13em;text-transform:uppercase;height:34px;transition:background-color var(--cot-motion-fast) ease,border-color var(--cot-motion-fast) ease, color var(--cot-motion-fast) ease,transform var(--cot-motion-fast) var(--cot-ease-out);background:#ffffff05;border:1px solid #dce6e924;border-radius:2px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:8px;font-weight:900;text-decoration:none;display:flex}.public-nav__icon{opacity:.72;width:14px;height:14px;transition:opacity var(--cot-motion-fast) ease,transform var(--cot-motion-fast) var(--cot-ease-out);flex:none}.public-nav__icon--tank{width:20px;height:16px}.public-nav__icon--studio,.public-nav__icon--home,.public-nav__icon--docs{width:18px;height:16px}.public-nav__play-icon{background:currentColor;flex:none;width:17px;height:14px;-webkit-mask:url(/brand/features/play.svg) 50%/contain no-repeat;mask:url(/brand/features/play.svg) 50%/contain no-repeat}.public-nav__links a[aria-current=page]{color:#efeee9;background:#ffffff0d;border-color:#e9a34680}.public-nav__links a[aria-current=page] .public-nav__icon{opacity:1;transform:translateY(-1px)}.public-nav__links a[aria-current=page]{box-shadow:inset 0 -2px #e9a346}.public-nav__links .public-nav__github{gap:9px;padding-inline:15px}.public-nav__stars{color:#d8dcde;font-variant-numeric:tabular-nums;border-left:1px solid #dce6e92e;align-items:center;gap:4px;padding-left:10px;display:inline-flex}.public-nav__stars svg{fill:#e9a346;width:10px;height:10px}.public-nav__links .public-nav__cta{color:#18130c;background:#e9a346;border-color:#e9a346;height:36px;padding-inline:18px}.public-nav__menu-trigger,.public-nav__menu{display:none}.public-nav__menu[hidden]{display:none!important}.public-nav__menu-trigger{color:#b6c0c5;cursor:pointer;background:#ffffff06;border:1px solid #dce6e938;border-radius:2px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0}.public-nav__menu-trigger svg{width:19px;height:19px}.public-nav__menu-trigger:focus-visible,.public-nav__links a:focus-visible{outline-offset:2px;outline:2px solid #ffd27a}.public-nav__menu{background:linear-gradient(155deg,#11161bfe,#06090cfe);border:1px solid #dce6e940;border-radius:2px;width:min(260px,100vw - 20px);padding:8px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 22px 60px #000000b8}.public-nav__menu:before{content:"Navigate";color:#e9a346;letter-spacing:.2em;text-transform:uppercase;padding:5px 8px 9px;font-size:7px;font-weight:900;display:block}.public-nav__links .public-nav__menu a{letter-spacing:.13em;justify-content:flex-start;gap:11px;width:100%;height:44px;min-height:44px;padding-inline:12px;font-size:8px}.public-nav__menu a+a{margin-top:4px}.public-nav__menu .public-nav__icon{opacity:.86;width:20px;height:18px}body[data-cot-panels=overlay] .public-nav{-webkit-backdrop-filter:none;background:#06090cfb;height:56px}body[data-cot-panels=overlay] .public-nav__inner{width:calc(100% - 20px)}body[data-cot-panels=overlay] .public-nav__brand span{display:none}body[data-cot-panels=overlay] .public-nav__brand img{width:28px;height:34px}body[data-cot-panels=overlay] .public-nav__links{gap:5px}body[data-cot-panels=overlay] .public-nav__links>a:not(.public-nav__github):not(.public-nav__cta){display:none}body[data-cot-panels=overlay] .public-nav__links a{letter-spacing:.08em;gap:5px;height:40px;padding-inline:10px;font-size:7px}body[data-cot-panels=overlay] .public-nav__icon{width:12px;height:12px}body[data-cot-panels=overlay] .public-nav__icon--tank{width:17px;height:14px}body[data-cot-panels=overlay] .public-nav__icon--studio,body[data-cot-panels=overlay] .public-nav__icon--home,body[data-cot-panels=overlay] .public-nav__icon--docs{width:16px;height:14px}body[data-cot-panels=overlay] .public-nav__play-icon{width:15px;height:12px}body[data-cot-panels=overlay] .public-nav__links .public-nav__github{padding-inline:9px}body[data-cot-panels=overlay] .public-nav__links .public-nav__cta{height:40px;padding-inline:12px}body[data-cot-panels=overlay] .public-nav__menu-trigger{display:flex}body[data-cot-panels=overlay] .public-nav__menu:not([hidden]){display:block}body[data-cot-width=phone] .public-nav__inner{gap:6px;width:calc(100% - 12px)}body[data-cot-width=phone] .public-nav__links{gap:3px}body[data-cot-width=phone] .public-nav__links a{letter-spacing:.05em;gap:3px;padding-inline:5px;font-size:6.5px}body[data-cot-width=phone] .public-nav__links .public-nav__github{gap:5px;padding-inline:6px}body[data-cot-width=phone] .public-nav__stars{padding-left:5px}body[data-cot-width=phone] .public-nav__links .public-nav__cta{padding-inline:7px}body[data-cot-input=coarse] .public-nav__links a,body[data-cot-input=coarse] .public-nav__menu-trigger{min-height:44px}@media (hover:hover) and (pointer:fine){.public-nav__links a:hover{color:#efeee9;background:#ffffff0d;border-color:#e9a34680;transform:translateY(-1px)}.public-nav__links a:hover .public-nav__icon{opacity:1;transform:translateY(-1px)}.public-nav__links .public-nav__cta:hover{color:#18130c;background:#ffdba1}}@media (prefers-reduced-motion:reduce){.public-nav__links a,.public-nav__icon{transition:none}}
