.header {
  position:relative;
  z-index:50;
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}

.menu-tree.menu-tree--horizontal {
  z-index:50;
  margin-bottom:0px
}
.menu-tree.menu-tree--horizontal .menu-tree__menu--root {
  display:flex;
  align-items:center;
  gap:0.25rem;
  overflow:visible
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item {
  position:relative
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__link {
  display:block;
  white-space:nowrap;
  padding-left:1rem;
  padding-right:1rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  text-align:center
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__entry__depth-0 {
  padding-top:1rem;
  padding-bottom:1rem;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__entry__depth-0:hover {
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity))
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__depth-0 > .menu-tree__menu--children {
  min-width:8rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  pointer-events:none;
  position:absolute;
  left:50%;
  top:100%;
  --tw-translate-x:-50%;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-width:0.125rem;
  --tw-border-opacity:1;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity));
  opacity:0;
  --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__depth-1 > .menu-tree__menu--children {
  top:-0.5rem;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  pointer-events:none;
  position:absolute;
  left:100%;
  border-top-width:0.125rem;
  --tw-border-opacity:1;
  border-color:rgb(var(--color-primary) / var(--tw-border-opacity));
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgb(var(--color-primary) / var(--tw-text-opacity));
  opacity:0;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__depth-0:hover > .menu-tree__menu--children {
  pointer-events:auto;
  opacity:1
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__depth-1:hover > .menu-tree__menu--children {
  pointer-events:auto;
  opacity:1
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__entry__depth-1,
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__entry__depth-2 {
  padding-left:1rem;
  padding-right:1rem
}
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__entry__depth-1:hover,
.menu-tree.menu-tree--horizontal .menu-tree__menu-item__entry__depth-2:hover {
  background-color:rgb(var(--color-primary) / 0.1)
}

.mobile-menu {
  pointer-events:none;
  max-height:0px;
  overflow:hidden;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:500ms
}
.mobile-menu.is-show {
  pointer-events:auto;
  max-height:100vh
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item {
  position:relative
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__entry {
  position:relative;
  border-bottom-width:1px;
  --tw-border-opacity:1;
  border-color:rgb(228 228 231 / var(--tw-border-opacity));
  padding-top:0.5rem;
  padding-bottom:0.5rem
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__entry.has-children::after {
  position:absolute;
  right:0.5rem;
  top:50%;
  height:0.75rem;
  width:0.75rem;
  --tw-translate-y:-50%;
  --tw-rotate:-45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-bottom-width:2px;
  border-right-width:2px;
  --tw-border-opacity:1;
  border-color:rgb(82 82 91 / var(--tw-border-opacity));
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  content:""
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__entry.is-expanded::after {
  --tw-rotate:45deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__link {
  white-space:nowrap
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__depth-0 > .menu-tree__menu--children {
  max-height:0px;
  overflow:hidden;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__depth-1 > .menu-tree__menu--children {
  max-height:0px;
  overflow:hidden;
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:300ms
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__depth-0.is-expanded > .menu-tree__menu--children {
  max-height:100vh
}
.mobile-menu .menu-tree.menu-tree--vertical .menu-tree__menu-item__depth-1.is-expanded > .menu-tree__menu--children {
  max-height:100vh
}