@layer veneer.components{:where([data-hamburger]){--_bar:16px;--_gap:5px}:where([data-hamburger]):before,:where([data-hamburger])>:where([data-part=sweep]){display:none}@media (hover:hover){:where([data-hamburger]:hover){box-shadow:none;translate:none}}:where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:nth-child(3)){clip-path:inset(0)}:where([data-hamburger]:hover:not([aria-expanded=true])) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:nth-child(3)){clip-path:inset(0 0 0 38%)}:where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *))){inline-size:var(--_bar);block-size:calc(var(--_gap) * 2 + 1.5px);display:block;position:relative}:where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i){block-size:1.5px;transition:translate var(--veneer-duration-base) var(--veneer-ease-in-out), rotate var(--veneer-duration-base) var(--veneer-ease-in-out), clip-path var(--veneer-sweep-duration) var(--veneer-sweep-ease);background:currentColor;border-radius:2px;position:absolute;inset-inline:0}:where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:first-child){inset-block-start:0}:where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:nth-child(2)){clip-path:inset(0);inset-block-start:var(--_gap)}:where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:nth-child(3)){inset-block-start:calc(var(--_gap) * 2)}:where([data-hamburger][aria-expanded=true]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:first-child){translate:0 var(--_gap);rotate:45deg}:where([data-hamburger][aria-expanded=true]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:nth-child(2)){clip-path:inset(0 0 0 100%)}:where([data-hamburger][aria-expanded=true]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i:nth-child(3)){translate:0 calc(var(--_gap) * -1);rotate:-45deg}:where([data-scope=button][data-part=close][data-hamburger]) :where([data-part=bars]:not(:is([data-hamburger],[data-scope=button]) :is([data-scope=tracker],[data-scope=transport]) :not(:is([data-hamburger],[data-scope=button]) :is([data-scope=tracker],[data-scope=transport]) :is([data-hamburger],[data-scope=button]) *)))>:where(i){background:linear-gradient(var(--veneer-color-accent-text) 0 0) right / 0% 100% no-repeat, currentColor;transition:translate var(--veneer-duration-base) var(--veneer-ease-in-out), rotate var(--veneer-duration-base) var(--veneer-ease-in-out), clip-path var(--veneer-sweep-duration) var(--veneer-sweep-ease), background-size var(--veneer-sweep-duration) var(--veneer-sweep-ease)}:where([data-scope=button][data-part=close][data-hamburger]:is(:hover,:focus-visible)) :where([data-part=bars]:not(:is([data-hamburger],[data-scope=button]) :is([data-scope=tracker],[data-scope=transport]) :not(:is([data-hamburger],[data-scope=button]) :is([data-scope=tracker],[data-scope=transport]) :is([data-hamburger],[data-scope=button]) *)))>:where(i){background-position:0,0 0;background-size:100% 100%,auto}@starting-style{:where([data-scope=menu-screen][open]) :where([data-hamburger]) :where([data-part=bars]:not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) :not([data-hamburger] :is([data-scope=button],[data-scope=tracker],[data-scope=transport]) [data-hamburger] *)))>:where(i){clip-path:inset(0);translate:0;rotate:0deg}}:where(dialog[data-scope=menu-screen]){--_x:calc(100% - 32px);--_y:32px;--_t:calc(var(--veneer-duration-slow) * 1.4);box-sizing:border-box;overscroll-behavior:contain;background:var(--veneer-color-surface);block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--veneer-color-text);clip-path:circle(0 at var(--_x) var(--_y));transition:clip-path calc(var(--_t) * var(--veneer-duration-exit-k) * 1.6) var(--veneer-ease-in-out), overlay var(--_t) allow-discrete, display var(--_t) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:auto}:where(dialog[data-scope=menu-screen][open]){clip-path:circle(150vmax at var(--_x) var(--_y));transition:clip-path var(--_t) var(--veneer-ease-out), overlay var(--_t) allow-discrete, display var(--_t) allow-discrete}@starting-style{:where(dialog[data-scope=menu-screen][open]){clip-path:circle(0 at var(--_x) var(--_y))}}:where(dialog[data-scope=menu-screen])::backdrop{background:0 0}:where([data-scope=menu-screen])>:where([data-part=head]){z-index:1;min-block-size:var(--veneer-control-lg);padding:var(--veneer-space-related) var(--veneer-pad-surface);background:var(--veneer-color-surface);justify-content:space-between;align-items:center;display:flex;position:sticky;inset-block-start:0}:where([data-scope=menu-screen])>:where([data-part=body]){gap:var(--veneer-space-section);padding:var(--veneer-space-group) var(--veneer-pad-surface) var(--veneer-space-section);display:grid}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *))){gap:var(--veneer-space-tight);margin:0;padding:0;list-style:none;display:grid}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *))) :where(a){padding-block:var(--veneer-space-tight);color:var(--veneer-color-text);font:500 clamp(1.75rem, 8vw, 2.75rem)/1.1 var(--veneer-text-heading-font);letter-spacing:-.02em;text-decoration:none;display:block}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *))) :where(a:hover),:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *))) :where(a[aria-current]){color:var(--veneer-color-accent-text)}:where([data-scope=menu-screen]) :where([data-part=body]:not([data-scope=menu-screen] :is([data-scope=banner],[data-scope=board],[data-scope=dialog],[data-scope=diff],[data-scope=docs],[data-scope=field],[data-scope=kv],[data-scope=message],[data-scope=reasoning],[data-scope=sheet],[data-scope=system-page]) :not([data-scope=menu-screen] :is([data-scope=banner],[data-scope=board],[data-scope=dialog],[data-scope=diff],[data-scope=docs],[data-scope=field],[data-scope=kv],[data-scope=message],[data-scope=reasoning],[data-scope=sheet],[data-scope=system-page]) [data-scope=menu-screen] *)))>:where(*),:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li){transition:opacity var(--veneer-duration-base) var(--veneer-ease-out), translate var(--veneer-duration-base) var(--veneer-ease-out)}:where([data-scope=menu-screen][open]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li){transition-delay:calc(80ms + var(--_i,0) * 40ms)}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li:nth-child(2)){--_i:1}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li:nth-child(3)){--_i:2}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li:nth-child(4)){--_i:3}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li:nth-child(5)){--_i:4}:where([data-scope=menu-screen]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li:nth-child(n+6)){--_i:5}:where([data-scope=menu-screen]:not([open])) :where(:is([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *))>li,[data-part=body]:not([data-scope=menu-screen] :is([data-scope=banner],[data-scope=board],[data-scope=dialog],[data-scope=diff],[data-scope=docs],[data-scope=field],[data-scope=kv],[data-scope=message],[data-scope=reasoning],[data-scope=sheet],[data-scope=system-page]) :not([data-scope=menu-screen] :is([data-scope=banner],[data-scope=board],[data-scope=dialog],[data-scope=diff],[data-scope=docs],[data-scope=field],[data-scope=kv],[data-scope=message],[data-scope=reasoning],[data-scope=sheet],[data-scope=system-page]) [data-scope=menu-screen] *))>:not([data-part=links]))){opacity:0}@starting-style{:where([data-scope=menu-screen][open]) :where([data-part=links]:not([data-scope=menu-screen] [data-scope=topnav] :not([data-scope=menu-screen] [data-scope=topnav] [data-scope=menu-screen] *)))>:where(li){opacity:0;translate:0 12px}:where([data-scope=menu-screen][open]) :where([data-part=body]:not([data-scope=menu-screen] :is([data-scope=banner],[data-scope=board],[data-scope=dialog],[data-scope=diff],[data-scope=docs],[data-scope=field],[data-scope=kv],[data-scope=message],[data-scope=reasoning],[data-scope=sheet],[data-scope=system-page]) :not([data-scope=menu-screen] :is([data-scope=banner],[data-scope=board],[data-scope=dialog],[data-scope=diff],[data-scope=docs],[data-scope=field],[data-scope=kv],[data-scope=message],[data-scope=reasoning],[data-scope=sheet],[data-scope=system-page]) [data-scope=menu-screen] *)))>:where(:not([data-part=links])){opacity:0}}@media (prefers-reduced-motion:reduce){:where(dialog[data-scope=menu-screen]),:where(dialog[data-scope=menu-screen][open]){clip-path:none;transition:opacity var(--veneer-duration-base), overlay var(--veneer-duration-base) allow-discrete, display var(--veneer-duration-base) allow-discrete}:where(dialog[data-scope=menu-screen]:not([open])){opacity:0}@starting-style{:where(dialog[data-scope=menu-screen][open]){opacity:0}}}}