:root{--compact-menu-bars-color--light: var(--pugh-blue);--compact-menu-text-color--light: var(--white);--compact-menu-bars-hover-color--light: var(--white);--compact-menu-text-hover-color--light: var(--white);--compact-menu-bars-active-color--light: var(--keystone-light);--compact-menu-bars-color--dark: var(--beaver-blue);--compact-menu-text-color--dark: var(--beaver-blue);--compact-menu-bars-hover-color--dark: var(--pa-link);--compact-menu-text-hover-color--dark: var(--nittany-navy);--compact-menu-bars-active-color--dark: var(--nittany-navy)}:root,[data-light]{--compact-menu-bars-color: var(--compact-menu-bars-color--dark);--compact-menu-text-color: var(--compact-menu-text-color--dark);--compact-menu-bars-hover-color: var(--compact-menu-bars-hover-color--dark);--compact-menu-text-hover-color: var(--compact-menu-text-hover-color--dark);--compact-menu-bars-active-color: var(--compact-menu-bars-active-color--dark)}[data-dark]{--compact-menu-bars-color: var(--compact-menu-bars-color--light);--compact-menu-text-color: var(--compact-menu-text-color--light);--compact-menu-bars-hover-color: var(--compact-menu-bars-hover-color--light);--compact-menu-text-hover-color: var(--compact-menu-text-hover-color--light);--compact-menu-bars-active-color: var(--compact-menu-bars-active-color--light)}.compact-menu__toggle{display:flex;justify-content:center;align-items:center;gap:0.5rem}@media(min-width: 550px){.compact-menu__toggle{gap:0.7rem}}.compact-menu__toggle:is(:focus-visible>.compact-menu__toggle){outline:0.2rem solid var(--focus-indicator-color);outline-offset:0.2rem}.compact-menu__toggle:where(:hover) .compact-menu__toggle-sprite{color:var(--compact-menu-bars-hover-color)}.compact-menu__toggle:hover .compact-menu__toggle-label{text-decoration-color:var(--compact-menu-text-hover-color)}.compact-menu__toggle-sprite{color:var(--compact-menu-bars-color);transition:color var(--transition-duration--default) linear}.compact-menu__toggle-sprite:is([aria-expanded=true] *){color:var(--compact-menu-bars-active-color)}.compact-menu__toggle-sprite .sprite{width:2.1rem;min-height:2.1rem;height:auto}@media(min-width: 550px){.compact-menu__toggle-sprite .sprite{width:2.6rem;min-height:2.6rem}}.compact-menu__toggle-label{color:var(--compact-menu-text-color);display:block;font-family:var(--font-family--default);font-weight:var(--font-weight--semibold);font-size:var(--font-size--5xsmall);line-height:var(--line-height--nospace);text-decoration-color:rgba(0,0,0,0);text-decoration-line:underline;text-decoration-thickness:0.1rem;text-underline-offset:.2em;transition:text-decoration-color var(--transition-duration--default) linear}.compact-menu__toggle-label:is(:focus-visible *){text-decoration-color:var(--compact-menu-text-hover-color)}.compact-menu__toggle--vertical{flex-direction:column}.compact-menu__toggle--vertical .compact-menu__toggle-label{padding-bottom:.2em;font-size:var(--font-size--5xsmall)}@media(min-width: 550px){.compact-menu__toggle--vertical .compact-menu__toggle-label{font-size:var(--font-size--3xsmall)}}.compact-menu__toggle--horizontal{flex-direction:row-reverse;font-size:var(--font-size--small)}.compact-menu__toggle--horizontal .sprite{width:1.6rem;height:auto}.compact-menu__content{padding:1rem 2rem 3rem 2rem}
/*# sourceMappingURL=styles.css.map */