.main-menu {
  position: fixed;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.5);
  pointer-events: none;
  visibility: hidden;
  z-index: 50;
  opacity: 0;
  transition-property: opacity,visibility;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4,0,0.2,1)
}
.main-menu ul {
  margin: 0px;
  list-style-type: none;
  padding: 0px
}
.main-menu.is-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1
}
.main-menu .menu--level-1 {
  position: relative;
  overflow-y: auto;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
  padding-bottom: 1rem
}
@media (min-width: 768px) {
  .main-menu .menu--level-1 {
    padding-left: 7rem;
    padding-right: 7rem;
    padding-top: 6rem;
    padding-bottom: 6rem
  }
}
@media (min-width: 1024px) {
  .main-menu .menu--level-1 {
    padding-left: 8rem;
    padding-right: 8rem;
    padding-top: 7rem;
    padding-bottom: 7rem
  }
}
.main-menu .menu--level-1 {
  height: 100dvh;
  width: 100%
}
@media (min-width: 640px) {
  .main-menu .menu--level-1 {
    max-width: 600px
  }
}
@media (min-width: 768px) {
  .main-menu .menu--level-1 {
    height: auto;
    max-height: 90dvh;
    max-width: 1200px
  }
}
.main-menu .menu--level-1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}
@media (min-width: 768px) {
  .main-menu .menu--level-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1.5rem
  }
}
@media (min-width: 1024px) {
  .main-menu .menu--level-1 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 3rem
  }
}
.main-menu .menu__link--level-1 {
  margin-top: 0.5rem;
  display: block;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-top-color: rgb(221 225 230 / var(--tw-border-opacity, 1));
  padding-top: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase
}
@media (min-width: 768px) {
  .main-menu .menu__link--level-1 {
    margin-top: 0px
  }
}
.main-menu .menu--level-2 {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  padding-right: 0.5rem
}
@media (min-width: 768px) {
  .main-menu .menu--level-2 {
    padding-right: 1rem
  }
}
.main-menu .menu--level-2 a {
  display: flex;
  align-items: baseline;
  --tw-text-opacity: 1;
  color: rgb(211 40 69 / var(--tw-text-opacity, 1))
}
.main-menu .menu--level-2 a::before {
  margin-right: 0.5rem;
  display: inline-block;
  height: 0.75rem;
  width: 0.75rem;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  --tw-content: "";
  content: var(--tw-content);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--!Font Awesome Pro v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M384 96c0-17.7-14.3-32-32-32L128 64c-17.7 0-32 14.3-32 32s14.3 32 32 32L274.7 128 9.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L320 173.3 320 320c0 17.7 14.3 32 32 32s32-14.3 32-32l0-224z'/%3E%3C/svg%3E")
}
.main-menu a.is-active {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}