/* Reference menu rhythm: Arial 16px, 20px pictures, 32px rows, square flyouts. */
@font-face{font-family:GFMenuSymbols;src:url('./menu/fa-solid-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:block}
#nav{flex:0 0 auto;font-family:Arial,Tahoma,sans-serif}
#nav ul{list-style:none;margin:0;padding:0}
#nav .menu-root{display:flex;align-items:center;gap:1px;flex-wrap:wrap}
#nav .menu-branch{position:relative}
#nav .menu-top{display:flex;align-items:center;justify-content:center;gap:9px;height:36px;min-width:45px;padding:6px 9px;background:transparent;border:0;border-radius:2px;color:#fff;cursor:pointer;line-height:24px;font:16px Arial}
#nav .menu-symbol{font:900 20px/1 GFMenuSymbols;width:23px;text-align:center}
#nav .menu-top-label{font:13px Arial,Tahoma,sans-serif;white-space:nowrap}
#nav .menu-top{gap:4px;min-width:0;padding:6px}
#nav .menu-symbol{font-size:15px;width:17px}
#nav .menu-caret{display:inline-block;width:0;height:0;border-top:4px solid currentColor;border-left:4px solid transparent;border-right:4px solid transparent;flex:none}
#nav .menu-top .menu-caret{color:#aaa}
#nav .menu-top:hover,#nav .menu-top:focus-visible,#nav .is-open>.menu-top{background:#eca263;color:#202020}
#nav .is-open>.menu-top .menu-caret{color:#fff}
#nav .menu-panel{display:none;position:absolute;z-index:60;top:100%;left:0;min-width:200px;width:max-content;max-width:min(310px,calc(100vw - 24px));padding:8px 0;border:1px solid #414141;border-radius:0;background:#292929;color:#fff;box-shadow:0 7px 12px #0003;transform:translateY(var(--menu-shift,0px))}
#nav .is-open>.menu-panel{display:block}
#nav .menu-panel.menu-guides{min-width:222px}
#nav .menu-panel.menu-sprites{min-width:206px;max-height:calc(100dvh - 80px);overflow-y:auto}
#nav .menu-flyout{left:100%;top:-8px;min-width:160px}
#nav .menu-flyout.opens-left{left:auto;right:100%}
#nav .menu-line{display:flex;align-items:center;min-height:32px;white-space:nowrap}
#nav .menu-row{display:flex;align-items:center;gap:6px;flex:1;padding:4px 16px;min-height:32px;color:#fff;font-size:16px;font-weight:400;line-height:24px;text-decoration:none}
#nav .has-children>.menu-line>.menu-row{padding-right:4px}
#nav .menu-picture{width:20px;height:20px;flex:0 0 20px;object-fit:contain;border:0;background:transparent;padding:0;border-radius:0}
#nav .menu-arrow{display:flex;align-items:center;justify-content:center;align-self:stretch;width:27px;padding:0 9px 0 4px;background:none;border:0;color:#fff;cursor:pointer}
#nav .menu-line:hover,#nav .menu-line:focus-within,#nav .is-open>.menu-line{background:#514237}
#nav .menu-row.is-current{box-shadow:inset 2px 0 #eca263}
#nav :is(a,button):focus-visible{outline:2px solid #eca263;outline-offset:-2px}
#nav .menu-quality{font-size:17px;width:20px;text-align:center}
.menu-selection-heading{display:inline-flex;gap:8px;align-items:center;font-weight:400;color:var(--soft);font-size:18px}
.menu-selection-heading img{width:24px;height:24px;object-fit:contain}
.class-picker img{width:22px;height:22px;object-fit:contain;flex:none}
.primary-nav{gap:10px;min-height:59px;padding:10px 20px}
.top-search{min-width:170px;margin-left:auto}
@media(min-width:801px){.primary-nav{flex-wrap:wrap}.top-search{flex:1 1 170px;max-width:360px}#nav{max-width:100%}}
body.light #nav .menu-top{color:#292929}body.light #nav .menu-panel{background:#fff;color:#222;border-color:#ccc}body.light #nav .menu-row,body.light #nav .menu-arrow{color:#222}body.light #nav .menu-line:hover,body.light #nav .menu-line:focus-within,body.light #nav .is-open>.menu-line{background:#f6e4d4}
@media(min-width:801px) and (max-width:1100px){.primary-nav{gap:5px;padding-left:12px;padding-right:12px}.top-search{min-width:110px;width:200px}.top-search kbd{display:none}#nav .menu-top{min-width:39px;padding-left:7px;padding-right:7px;gap:5px}#nav .menu-root{gap:1px}}
@media(max-width:800px){
 #nav{display:none;position:absolute;top:100%;left:8px;right:8px;max-height:calc(100dvh - 120px);overflow-y:auto;border:1px solid var(--line);background:var(--panel);box-shadow:0 8px 20px #0005;padding:6px}
 .menu-open #nav{display:block}#nav .menu-root{display:block}#nav .menu-top{justify-content:flex-start;width:100%;height:42px;gap:12px;padding:7px 12px;color:var(--text)}#nav .menu-top-label{position:static;clip:auto;width:auto;height:auto;overflow:visible}#nav .menu-top>.menu-caret{margin-left:auto}
 #nav .menu-panel,#nav .menu-flyout{position:static;transform:none!important;width:auto;max-width:none;min-width:0!important;box-shadow:none;padding:3px 0;border:0;border-left:1px solid var(--line);margin-left:21px;background:transparent;max-height:none!important;overflow:visible!important}
 #nav .menu-row{font-size:16px;min-height:38px;white-space:normal;padding-left:10px;color:var(--text)}#nav .menu-arrow{width:38px;color:var(--text)}#nav .menu-line{white-space:normal}#nav .menu-line:hover,#nav .is-open>.menu-line{background:var(--hover)}
 .menu-button{display:block}.primary-nav{flex-wrap:wrap}.top-search{min-width:0}.menu-selection-heading{font-size:16px}
}