@layer components{.underlay-nav_wrap~[data-main]{z-index:2;background-color:var(--background);position:relative}.underlay-nav_wrap{--_nav-on-light:var(--brand-500);--_nav-on-dark:var(--light-100)}.underlay-nav_header{z-index:100;padding-inline:var(--site-margin);color:var(--_nav-on-light);transition:color var(--open-duration) var(--open-ease);justify-content:center;display:flex;position:fixed;inset:0 0 auto}.underlay-nav_wrap[data-nav-over=dark] .underlay-nav_header{color:var(--_nav-on-dark)}.underlay-nav_bar{width:100%;max-width:var(--max-width-main);justify-content:space-between;align-items:center;gap:0 var(--space-6);min-height:var(--nav-height);display:flex}.underlay-nav_logo{width:6.5rem;transition:opacity var(--hover-duration) var(--hover-ease);align-items:center;display:flex}@media (hover:hover){.underlay-nav_logo:hover{opacity:.6}}.underlay-nav_toggle{justify-content:center;align-items:center;gap:var(--space-2);color:inherit;border-radius:var(--radius-small);margin-right:-.5rem;padding:.5rem;display:flex}.underlay-nav_toggle_text{height:1.5em;font-size:var(--text-main);flex-direction:column;flex:none;align-items:flex-end;line-height:1.5;display:flex;overflow:clip}.underlay-nav_toggle_label{flex:none}.underlay-nav_toggle_icon{--_icon-width:1.5rem;--_bar-gap:.375rem;justify-content:center;align-items:center;gap:var(--_bar-gap);width:var(--_icon-width);flex-direction:column;flex:none;display:flex}.underlay-nav_toggle_bar{background-color:currentColor;flex:none;width:100%;height:.125rem}.underlay-nav_menu{z-index:1;background-color:var(--background);width:min(30rem,80vw);color:var(--text);position:fixed;top:0;bottom:0;right:0}.underlay-nav_panel{justify-content:space-between;gap:var(--space-6);width:100%;height:100%;padding:calc(var(--nav-height) + var(--space-6)) var(--space-5) var(--space-5);overscroll-behavior:contain;flex-direction:column;display:flex;overflow:hidden auto}.underlay-nav_links{flex-direction:column;width:100%;display:flex}.underlay-nav_links.small{gap:var(--space-1)}.underlay-nav_link{border-radius:var(--radius-small);width:100%;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);padding:.5em .75em;display:block;position:relative}.underlay-nav_link:before{content:"";border-radius:inherit;background-color:var(--background-2);transform-origin:0%;transition:transform var(--hover-duration) var(--hover-ease);position:absolute;inset:0;transform:scaleX(0)}.underlay-nav_link[aria-current=page]{background-color:var(--brand-500);color:var(--brand-text)}@media (hover:hover){.underlay-nav_link:hover:before{transform:scaleX(1)}.underlay-nav_link:hover .underlay-nav_link_label{transform:translate(.25em)}.underlay-nav_link[aria-current=page]:hover:before{transform:scaleX(0)}}.underlay-nav_link_label{font-family:var(--h3-font-family);font-weight:var(--h3-font-weight);font-size:var(--h3);line-height:var(--line-height-small);letter-spacing:var(--letter-spacing-tight);text-wrap:balance;transition:transform var(--hover-duration) var(--hover-ease);display:block;position:relative}.underlay-nav_bottom{align-items:flex-start;gap:var(--space-5);width:100%;padding-top:var(--space-4);flex-wrap:wrap;display:flex;position:relative}.underlay-nav_column{align-items:flex-start;gap:var(--space-2);flex-direction:column;flex:8rem;display:flex}.underlay-nav_link_small{font-size:var(--text-small);line-height:var(--line-height-medium);transition:opacity var(--hover-duration) var(--hover-ease)}.underlay-nav_link_small.faded{opacity:.5}@media (hover:hover){a.underlay-nav_link_small:hover{opacity:.6}}.underlay-nav_bottom_border{transform-origin:0%;width:100%;height:var(--border-width);opacity:.15;background-color:currentColor;position:absolute;inset:0 0 auto}.underlay-nav_overlay{z-index:100;visibility:hidden;pointer-events:none;cursor:pointer;position:fixed;inset:0 -1px 0 0;overflow:clip}.underlay-nav_dark{opacity:0;background-color:color-mix(in lab, var(--dark-900) 30%, transparent);position:absolute;inset:0}.underlay-nav_borders{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.underlay-nav_border_row{flex-direction:column;align-items:flex-end;display:flex}.underlay-nav_border{width:100%;height:var(--space-2);background-color:var(--background)}.underlay-nav_corner{width:var(--space-4);height:var(--space-4);transform-origin:100% 0;background-image:radial-gradient(circle farthest-side at 0 100%, transparent 99%, var(--background))}.underlay-nav_corner.bottom{transform-origin:100% 100%;background-image:radial-gradient(circle farthest-side at 0 0, transparent 99%, var(--background))}}