/* components.navigation.menu */
/* vars.ci */
/* mixins.space */
/* mixins.selectors */
/* mixins.numbers */
/* :first-in-island-of-class(.special) – Selects the first element from an island of siblings have a certain class */
/* :last-in-island-of-class(.special) – Selects the last element from an island of siblings have a certain class */
/* :single-in-island-of-class(.special) – Selects the element that forms a single-element island with that a certain class */
/* mixins.selectors */
/* mixins.fallbacks */
/* components.navigation.utils */
/* MainMenu Vue Legacy */
nav :is(ol, ul)[class] {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav[id] {
  --menu-padding-block: var(--size-1);
  --menu-padding-inline: var(--size-3);
  --menu-label-padding-block: var(--size-3);
  --menu-label-padding-inline: var(--size-4);
}

nav[aria-labelledby] :is(h1, h2, h3, h4, h5, h6)[id] {
  position: absolute;
  left: -100vw;
  max-width: 1px;
  max-height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.menu-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gutter, var(--gap, 1rem));
  position: relative;
  line-height: 1.5;
}
.menu-bar > .menu-item {
  position: initial;
}
.menu-bar > .menu-item .menu-label:focus-visible,
.menu-bar > .menu-item .menu-link:focus-visible {
  outline: none;
}
@media (--lg-n-below) {
  .menu-bar > .menu-item {
    --symbol-size: .85em;
  }
}
@media (--md-n-below) and (--sm-n-above) {
  .menu-bar > .menu-item {
    font-size: var(--font-size-0);
  }
}

.menu-main,
.menu-feature,
.breadcrumbs {
  --spacer: var(--menu-padding-block);
  --spacer-pull: calc(-1 * var(--spacer));
  --spacer-start: var(--spacer);
  --spacer-end: var(--spacer);
  padding-top: var(--spacer-start);
  padding-bottom: var(--spacer-end);
  --space-inside: 0;
  --space-inside-pull: calc(-1 * var(--space-inside));
  --space-inside-start: var(--space-inside);
  --space-inside-end: var(--space-inside);
  padding-left: var(--space-inside-start);
  padding-right: var(--space-inside-end);
}
.menu-main > .menu,
.menu-feature > .menu,
.breadcrumbs > .menu {
  max-width: var(--max-content-width);
  margin-inline: auto;
  left: 0;
  right: 0;
}

/* scripted details.toggle */
.menu-item {
  position: relative;
  display: block;
}

.menu-label {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
}
@media (--md-n-above), (--sm-n-below) {
  .menu-label wbr {
    display: block;
  }
}

@media (--sm-n-above) {
  button[name=menu-main-close] {
    display: none;
  }
}
/* components.navigation.menu-theme */
/* mixins.color    */
/* utilities.hacks */
.menu {
  --menu-item-hilight-color: #62b332;
  --menu-item-shadow-color: #243818;
  --menu-item-bg: var(--surface-10);
  --menu-item-bg-hover: var(--surface-8);
  --menu-item-current-color: #eb6a0a;
}

:not(nav) > .menu > .menu-item:is(:focus, :focus-within, :hover) {
  background-color: var(--menu-item-bg-hover);
}

details > .menu-label:is(:focus, :hover),
li[aria-haspopup=true]:focus-within > .menu-link,
.menu-link:is(:focus, :active, #bump) {
  color: var(--menu-item-hilight-color);
}

[aria-haspopup] > .menu {
  background-color: var(--surface-10);
  box-shadow: var(--shadow-lg);
  clip-path: inset(0em -3em -3em -1px);
}

.menu [aria-current=true] summary,
.menu [aria-current=true],
.menu [aria-current=true]:hover,
.menu [aria-current=page],
.menu [aria-current=page]:hover {
  --menu-item-shadow-color: transparent;
  font-weight: 600;
}

.menu-link:hover svg {
  --icon-stroke-width: 3px;
}

/*# sourceMappingURL=kevin.css.map */