.menu-1 .icon-close-KynBra {
  cursor: pointer;
  height: 20px;
  opacity: 1.0;
  right: 18px;
  top: calc(50.00% - 10px);
  width: 20px;
}

.menu-1 .icon-close-ovzwbd {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.menu-1 .path-179-Xr28Wn {
  background-color: transparent;
  height: 14px;
  object-fit: cover;
  position: absolute;
  right: calc(49.99% - 30px);
  top: 24px;
  width: 60px;
}

.menu-1 .icon-close-CY28Mj {
  cursor: pointer;
  height: 20px;
  opacity: 1.0;
  right: 22px;
  top: 17px;
  width: 20px;
}

.menu-1 .icon-close-TTabDz {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.menu-1 .icon-close-Xr28Wn {
  height: 20px;
  opacity: 1.0;
  right: 17px;
  top: 17px;
  width: 20px;
}

.menu-1 .icon-close-0rBb9M {
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.menu-1 .column-01-copy-CY28Mj {
  height: 24px;
  left: calc(50.00% - 60px);
  top: calc(44.80% - 11px);
}

.menu-1 .column-01-copy-CY28Mj.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-sFsKKo {
  height: 26px;
  left: 0px;
  top: -3px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-copy-KynBra {
  height: 18px;
  right: calc(49.80% - 60px);
  top: calc(43.42% - 8px);
}

.menu-1 .column-01-copy-KynBra.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter7-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-zKxCpR {
  height: 20px;
  left: 0px;
  top: -4px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-copy-Xr28Wn {
  height: 24px;
  left: calc(39.77% - 48px);
  top: calc(50.00% - 12px);
}

.menu-1 .column-01-copy-Xr28Wn.bp1-animate-enter {
  animation: bp1-animate-enter-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-hk2wgx {
  height: 26px;
  left: 0px;
  top: -3px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-copy-3-CY28Mj {
  bottom: calc(44.80% - 11px);
  height: 24px;
  left: calc(50.00% - 60px);
}

.menu-1 .column-01-copy-3-CY28Mj.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-nLxd1U {
  height: 26px;
  left: 0px;
  top: -3px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-copy-3-KynBra {
  bottom: calc(43.37% - 8px);
  height: 18px;
  left: calc(50.00% - 60px);
}

.menu-1 .column-01-copy-3-KynBra.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter8-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-n8nqLt {
  height: 20px;
  left: 0px;
  top: -4px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-copy-3-Xr28Wn {
  height: 24px;
  right: calc(41.84% - 50px);
  top: calc(50.00% - 12px);
}

.menu-1 .column-01-copy-3-Xr28Wn.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-IxPsNx {
  height: 26px;
  left: 0px;
  top: -3px;
  width: calc(100.00% + 2px);
}

.menu-1 .title-CY28Mj {
  bottom: calc(34.57% - 9px);
  cursor: pointer;
  display: block;
  height: 26px;
  opacity: 0;
  right: calc(49.85% - 61px);
  width: 122px;
}

.menu-1 .title-CY28Mj.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 2.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .column-01-copy-3-iBLQoS {
  bottom: calc(30.17% - 5px);
  height: 18px;
  left: calc(50.00% - 60px);
}

.menu-1 .column-01-copy-3-iBLQoS.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 2.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter9-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-Iq9acQ {
  height: 20px;
  left: 0px;
  top: -4px;
  width: calc(100.00% + 2px);
}

.menu-1 .title-Xr28Wn {
  cursor: pointer;
  display: block;
  height: 26px;
  left: calc(22.55% - 17px);
  opacity: 0;
  top: calc(49.73% - 13px);
  width: 74px;
}

.menu-1 .title-Xr28Wn.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .column-01-CY28Mj {
  height: 24px;
  top: calc(34.40% - 8px);
}

.menu-1 .column-01-CY28Mj.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-4R7lyt {
  height: 26px;
  left: 0px;
  top: -3px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-KynBra {
  height: 18px;
  top: calc(30.10% - 5px);
}

.menu-1 .column-01-KynBra.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp3-animate-enter10-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-AnAxjd {
  height: 20px;
  left: 0px;
  top: -4px;
  width: calc(100.00% + 2px);
}

.menu-1 .column-01-copy-3-vxG654 {
  height: 24px;
  right: calc(23.45% - 28px);
  top: calc(50.00% - 12px);
}

.menu-1 .column-01-copy-3-vxG654.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 2.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.menu-1 .title-zoHpOY {
  height: 26px;
  left: 0px;
  top: -3px;
  width: calc(100.00% + 2px);
}

.menu-1 .menu-CY28Mj {
  height: 26px;
  right: calc(49.86% - 33px);
  top: 8px;
  width: 66px;
}

.menu-1 .menu-KynBra {
  height: 20px;
  right: calc(49.69% - 25px);
  top: 5px;
  width: 50px;
}

.menu-1 {
  background-color: var(--black);
  height: 100vh;
  margin: 0px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.menu-1 .x2020-havoc-all-ri-CY28Mj {
  background-color: transparent;
  letter-spacing: 0.00px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
}

.menu-1 .column-01 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  left: calc(50.00% - 60px);
  opacity: 0;
  position: absolute;
  width: 120px;
}

.menu-1 .column-01-copy {
  background-color: transparent;
  cursor: pointer;
  display: block;
  opacity: 0;
  position: absolute;
  width: 120px;
}

.menu-1 .column-01-copy-3 {
  background-color: transparent;
  cursor: pointer;
  display: block;
  opacity: 0;
  position: absolute;
  width: 120px;
}

.menu-1 .icon-close {
  background-color: transparent;
  position: absolute;
}

.menu-1 .menu {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 48px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.menu-1 .title {
  background-color: transparent;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  .menu-1 {
    min-height: 1024px;
    min-width: 768px;
  }
  
  .menu-1 .x2020-havoc-all-ri-CY28Mj {
    bottom: 16px;
    height: 15px;
    line-height: 11px;
    right: calc(49.81% - 127px);
    width: 254px;
  }
  
  .hide-on-768 {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .menu-1 {
    min-height: 812px;
    min-width: 375px;
  }
  
  .menu-1 .x2020-havoc-all-ri-CY28Mj {
    bottom: 16px;
    height: 14px;
    line-height: 10px;
    right: calc(48.92% - 113px);
    width: 231px;
  }
  
  .hide-on-375 {
    display: none !important;
  }
}

@media screen and (min-width: 1280px) {
  .menu-1 {
    cursor: pointer;
    min-height: 768px;
    min-width: 1280px;
  }
  
  .menu-1 .x2020-havoc-all-ri-CY28Mj {
    bottom: 18px;
    height: 16px;
    line-height: 12px;
    right: calc(49.85% - 138px);
    width: 277px;
  }
  
  .hide-on-1280 {
    display: none !important;
  }
}