[data-slot=github-mark]{width:40px;height:40px;color:var(--github-ink,currentColor);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;&:before{content:"";background:var(--github-page,transparent);border-radius:50%;width:24px;height:24px;position:absolute;top:50%;left:50%;translate:-50% -50%}&:after{content:"";border-radius:50%;position:absolute;inset:-2px}& svg{display:block;position:relative}&:focus-visible{outline:2px solid var(--github-focus,currentColor);outline-offset:2px}}[data-nav-menu]{--ink:var(--nav-menu-ink,light-dark(#141414,#f2f2f2));--weak:var(--nav-menu-weak,light-dark(#666,#a3a3a3));--popover:var(--nav-menu-popover,light-dark(#fff,#1a1a1a));--link:var(--nav-menu-link,light-dark(#3b5cf6,#6b8fff));--bar:var(--nav-menu-bar,light-dark(#666,#9e9e9e));--icon:var(--nav-menu-icon,light-dark(#666,#8f8f8f));--tint:color-mix(in srgb, var(--link) 10%, var(--popover));--divider:light-dark(#00000014,#ffffff1a);--shadow:0 0 0 1px var(--divider), 0 1px 2px light-dark(#0000001a,#0006), 0 2px 5px -2px light-dark(#0000001a,#0006);--shadow-hover:0 0 0 1px var(--link), 0 1px 2px light-dark(#0000001a,#0006), 0 2px 5px -2px light-dark(#0000001a,#0006);z-index:1000;box-sizing:border-box;width:max-content;max-width:none;color:var(--ink);font:400 12px/16px var(--nav-menu-mono,"OpenTUI Mono", ui-monospace, monospace);letter-spacing:0;text-align:start;-webkit-font-smoothing:antialiased;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:8px 8px 16px;display:flex;position:fixed;inset:auto;overflow:visible;&[data-scroll]{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto;mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000)}&[data-closing]{pointer-events:none}&[data-nav-menu=product]:before{content:"";bottom:100%;height:1px;position:absolute;inset-inline:0}& [role=menuitem]{box-sizing:border-box;padding:0;background:color-mix(in srgb, var(--popover) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;height:28px;box-shadow:var(--shadow);color:var(--weak);font:inherit;text-transform:none;white-space:nowrap;-webkit-text-stroke:0;transform-origin:19px;outline:none;flex-shrink:0;align-items:center;gap:10px;margin:0;padding-inline-end:12px;text-decoration:none;transition:background-color .15s,box-shadow .32s cubic-bezier(.23,1,.32,1),color .15s;display:flex;position:relative;@media (hover:hover) and (pointer:fine){&:hover{background:var(--tint);box-shadow:var(--shadow-hover);color:var(--ink);& [data-slot=thumb]{--divider:var(--link)}}}&:is(:focus-visible,:active){background:var(--tint);box-shadow:var(--shadow-hover);color:var(--ink);& [data-slot=thumb]{--divider:var(--link)}}&:active{scale:.98}&[aria-current=page]{color:var(--ink)}}& [data-slot=thumb]{box-sizing:border-box;background:color-mix(in srgb, var(--popover) 94%, var(--ink));width:38px;height:28px;box-shadow:inset -1px 0 0 var(--divider);color:var(--icon);flex-shrink:0;place-items:center;transition:box-shadow .32s cubic-bezier(.23,1,.32,1);display:grid;overflow:hidden;&:dir(rtl){box-shadow:inset 1px 0 0 var(--divider)}& svg{display:block}&[data-tone=light]{background:#f5f5f5}&[data-tone=dark],&[data-tone=dark]:dir(rtl){background:#0a0a0a;box-shadow:0 0 0 1px #0a0a0a}&[data-kind=logo] svg{width:auto;height:18px}&[data-kind=wordmark] svg{width:30px;height:auto}}@media (hover:hover) and (pointer:fine){& [role=menuitem]:hover [data-slot=thumb][data-tone=dark]{box-shadow:0 0 0 1px var(--link)}}& [role=menuitem]:is(:focus-visible,:active) [data-slot=thumb][data-tone=dark]{box-shadow:0 0 0 1px var(--link)}&[data-nav-menu=product]{& [role=menuitem]{padding-inline:12px}& [data-slot=label]{letter-spacing:0;text-transform:uppercase}& [role=menuitem][aria-current=page]:before{content:"";top:0;bottom:0;z-index:1;background:var(--bar);width:2px;position:absolute;inset-inline-start:-1px}}& [data-slot=meta]{color:var(--weak)}@media (prefers-reduced-motion:reduce){& [role=menuitem],& [data-slot=thumb]{transition:none!important}& [role=menuitem]:active{scale:none}}}[data-nav-product-toggle]{all:unset;box-sizing:border-box;width:var(--nav-chevron-width);height:100%;min-height:25px;color:var(--nav-chevron-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:var(--nav-chevron-gap);transition:background-color .12s,color .12s;display:none;position:relative;&:before{content:"";inset-block:calc(50% - 22px);inset-inline:0 calc(-1 * var(--nav-chevron-reach));position:absolute}& svg{width:var(--nav-chevron-glyph);height:var(--nav-chevron-glyph);display:block}@media (hover:hover) and (pointer:fine){&:hover{background:var(--nav-chevron-hover);color:var(--nav-menu-ink,light-dark(#141414,#f2f2f2))}}&:active,&[aria-expanded=true]{background:var(--nav-chevron-press);color:var(--nav-menu-ink,light-dark(#141414,#f2f2f2))}&[aria-expanded=true] svg{scale:1 -1}&:focus-visible{outline:2px solid var(--nav-menu-link,light-dark(#3b5cf6,#6b8fff));outline-offset:2px}@media (hover:none),(pointer:coarse){display:inline-flex}}:root{--nav-bar-height:76px;--nav-edge:24px;--nav-end:17.5px;--nav-rule:light-dark(#e0e0e0,#2e2e2e);--nav-name-hover:light-dark(#e7e7e7,#2c2c2c);--nav-chevron-width:20px;--nav-chevron-gap:2px;--nav-chevron-glyph:10px;--nav-chevron-reach:24px;--nav-chevron-ink:light-dark(#141414,#f2f2f2);--nav-chevron-hover:var(--nav-name-hover);--nav-chevron-press:light-dark(#d2d2d2,#4b4b4b);--nav-name-size:15px;--nav-name-pad:.65px;@media (width<=60rem){--nav-chevron-width:18px;--nav-chevron-glyph:16px;--nav-chevron-reach:26px;--nav-name-size:20px;--nav-name-pad:1px}--nav-logo-box-w:calc(15px * 1.492);--nav-logo-box-h:25px;@media (width<=60rem){--nav-bar-height:56px;--nav-end:12px;--nav-logo-box-w:24px;--nav-logo-box-h:30px}}[data-nav-lockup]{--nav-lockup-ink:light-dark(#141414,#f2f2f2);--nav-logo-inner:light-dark(#d2d2d2,#4b4b4b);--nav-logo-code:light-dark(#1f1f1f,#eee);--nav-lockup-inset:round(calc((var(--nav-logo-box-h) - 25px) / 2), 1px);box-sizing:border-box;height:var(--nav-logo-box-h);color:var(--nav-lockup-ink);-webkit-font-smoothing:antialiased;flex:none;align-items:flex-start;display:flex;position:relative;& [data-nav-logo]{box-sizing:border-box;width:var(--nav-logo-box-w);height:var(--nav-logo-box-h);padding-top:var(--nav-lockup-inset);color:inherit;flex-shrink:0;padding-inline-start:round(calc((var(--nav-logo-box-w) - 20px) / 2), 1px);display:block;& svg{width:20px;height:25px;display:block}& [data-part=inner]{fill:var(--nav-logo-inner)}& [data-part=code]{fill:var(--nav-logo-code)}}& :is([data-nav-product],[data-nav-name]):is([data-nav-product],[data-nav-name]){box-sizing:border-box;height:25px;margin:var(--nav-lockup-inset) 0 0;padding:0 6px var(--nav-name-pad);color:var(--nav-lockup-ink);font:700 var(--nav-name-size) / 1 var(--nav-menu-mono,"OpenTUI Mono", ui-monospace, monospace);letter-spacing:0;text-transform:uppercase;white-space:nowrap;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;align-items:center;margin-inline-start:6px;text-decoration:none;transition:background-color .12s;display:inline-flex;position:relative;&:before{content:"";position:absolute;inset:calc(50% - 16px) 0}@media (width<=60rem),(pointer:coarse){&:before{inset:calc(50% - 22px) 0}}@media (hover:hover) and (pointer:fine){&:hover{background:var(--nav-name-hover);color:var(--nav-lockup-ink);text-decoration:none}}&:active,&[aria-expanded=true]{background:var(--nav-name-hover)}}& :is([data-nav-logo],[data-nav-product],[data-nav-name]):focus-visible{outline:2px solid var(--nav-menu-link,light-dark(#3b5cf6,#6b8fff));outline-offset:2px}& [data-nav-product-toggle]{height:25px;margin-top:var(--nav-lockup-inset)}}
