@font-face {
  font-family: retroLand;
  src: url(./retro-land-mayhem-01405e18.ttf);
}
@font-face {
  font-family: roboto300;
  src: url(./RobotoCondensed-Light-1ec3d4e4.ttf);
}
@font-face {
  font-family: roboto400;
  src: url(./RobotoCondensed-Regular-04d24249.ttf);
}
@font-face {
  font-family: roboto700;
  src: url(./RobotoCondensed-Bold-14948aed.ttf);
}
@font-face {
  font-family: gilroy600;
  src: url(./gilroy-semibold-32eb47df.ttf);
}
@font-face {
  font-family: gilroy400;
  src: url(./gilroy-regular-8bbb8f0f.ttf);
}
@font-face {
  font-family: gilroy500;
  src: url(./gilroy-medium-ce8d455b.ttf);
}
@font-face {
  font-family: intervar;
  src: url(./inter-var-b9a8e5e2.ttf);
}
body {
  margin: 0;
  padding: 0;
  user-select: none;
  background-size: 100% 100%;
  height: 100vh;
  width: 100vw;
}

.wrapper {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.1s ease-in-out;
}
.wrapper.toggle {
  opacity: 1;
}
.wrapper > .content {
  scale: 1.3;
}

.inter500 {
  font-family: intervar;
  font-weight: 500;
}

.retroLand {
  font-family: retroLand;
}

.roboto300 {
  font-family: roboto300;
}

.roboto400 {
  font-family: roboto400;
}

.roboto700 {
  font-family: roboto700;
}

.roboto700 {
  font-family: roboto700;
}

.gilroy600 {
  font-family: gilroy600;
}

.gilroy400 {
  font-family: gilroy400;
}

.gilroy500 {
  font-family: gilroy500;
}

.p-white {
  color: #ffffff;
}

.p-white55 {
  color: rgba(255, 255, 255, 0.5490196078);
}

.p-cyan {
  color: #e0e0e0;
}

.p-black62 {
  color: rgba(0, 0, 0, 0.74);
}

.p-black54 {
  color: rgba(0, 0, 0, 0.54);
}

.p-black {
  color: #000000;
}

.center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes blockReveal {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 0;
  vertical-align: baseline;
  outline: none;
}::-webkit-scrollbar {
  display: none;
}.wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.wrapper .wrapper-small-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: auto;
  transform: translateX(-52%);
}
.wrapper .wrapper-small-menu .content {
  width: 100%;
  scale: 1;
}
.wrapper .content {
  display: flex;
  flex-direction: column;
  position: relative;
}svg.item {
  width: calc(0.092592592vh * 488);
  height: calc(0.092592592vh * 95);
  display: flex;
  margin-bottom: calc(0.092592592vh * -25);
  z-index: 1;
  pointer-events: none;
}
svg.item:nth-child(1).v-4, svg.item:nth-child(1).v-2, svg.item:nth-child(1).v-3 {
  margin-left: calc(0.092592592vh * 140);
}
svg.item:nth-child(1).g-12, svg.item:nth-child(1).g-11 {
  margin-left: calc(0.092592592vh * -140);
}
svg.item:nth-child(1).g-10, svg.item:nth-child(1).g-0, svg.item:nth-child(1).g-8 {
  margin-left: 0;
}
svg.item:nth-child(1).g-7 {
  margin-left: calc(0.092592592vh * -75);
}
svg.item:nth-child(1).g-9 {
  margin-left: calc(0.092592592vh * 70);
}
svg.item:nth-child(1).v-1 {
  margin-left: calc(0.092592592vh * 140);
  margin-bottom: calc(0.092592592vh * -5);
}
svg.item:nth-child(1).v-2.g-8 {
  margin-left: calc(0.092592592vh * 140);
}
svg.item:nth-child(1).g-5 {
  margin-left: calc(0.092592592vh * 70);
}
svg.item:nth-child(2) {
  margin-left: calc(0.092592592vh * -70);
  margin-top: calc(0.092592592vh * -7);
}
svg.item:nth-child(2).v-3 {
  margin-left: calc(0.092592592vh * 0);
}
svg.item:nth-child(2).v-1 {
  margin-left: calc(0.092592592vh * 140);
}
svg.item:nth-child(2).g-5 {
  margin-left: calc(0.092592592vh * 71);
}
svg.item:nth-child(2).g-6 {
  margin-left: calc(0.092592592vh * 70);
}
svg.item:nth-child(2).g-4, svg.item:nth-child(2).g-8 {
  margin-left: calc(0.092592592vh * 70);
}
svg.item:nth-child(2).g-9 {
  margin-left: calc(0.092592592vh * 0);
}
svg.item:nth-child(3) {
  margin-left: 0;
  margin-top: calc(0.092592592vh * -8);
}
svg.item:nth-child(3).v-2.g-4 {
  margin-left: calc(0.092592592vh * 140);
}
svg.item:nth-child(3).g-9 {
  margin-bottom: calc(0.092592592vh * -5);
  margin-left: calc(0.092592592vh * -75);
}
svg.item:nth-child(3).g-12, svg.item:nth-child(3).g-11, svg.item:nth-child(3).g-10 {
  margin-left: 0;
}
svg.item:nth-child(4).v-2.g-8 {
  margin-bottom: calc(0.092592592vh * -95);
}
svg.item:nth-child(4).v-2.g-8 g.icon-container:nth-child(1) {
  transform: translate(-62.5px, 0px);
}
svg.item:nth-child(4).v-2.g-8 g.icon-container:nth-child(2) {
  transform: translate(300px, 0px);
}
svg.item g.icon-container svg {
  width: calc(0.092592592vh * 34);
}
svg.item g.icon-container svg path,
svg.item g.icon-container svg rect,
svg.item g.icon-container svg circle {
  fill: #fff;
}
svg.item g.icon-container path {
  transition: 0.3s cubic-bezier(0.19, 0.22, 0.22, 1);
  cursor: pointer;
  pointer-events: all;
  stroke-opacity: 0.25;
}
svg.item g.icon-container path.hover-ef {
  stroke: url(#paint1_radial_357_379);
  fill: url(#paint0_radial_357_379);
  fill-opacity: 0.85;
  stroke-opacity: 0.25;
  transition: none;
}
svg.item g.icon-container path.hover-child-t, svg.item g.icon-container path.hover-child-b {
  opacity: 0;
  stroke: url(#paint3inear_87_2);
  stroke-opacity: 1;
}
svg.item g.icon-container path.hover-child-t.hover-child-t, svg.item g.icon-container path.hover-child-b.hover-child-t {
  transform: translateY(calc(0.092592592vh * 20));
}
svg.item g.icon-container path.hover-child-t.hover-child-b, svg.item g.icon-container path.hover-child-b.hover-child-b {
  transform: translateY(calc(0.092592592vh * -20));
}
svg.item g.icon-container path.interaction-hover {
  opacity: 0.65;
}
svg.item g.icon-container:hover path.hover-ef {
  stroke: #e0e0e0;
  fill: url(#paint4_radial_87_2);
  z-index: 1;
  stroke-opacity: 1;
}
svg.item g.icon-container:hover path.hover-child-t,
svg.item g.icon-container:hover path.hover-child-b {
  opacity: 0.8;
  transform: translateY(0);
}
svg.item g.icon-container:hover text {
  fill: white;
}
svg.item g.icon-container:hover path.interaction-hover {
  opacity: 1;
}

.interaction-content {
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  pointer-events: none;
}
.interaction-content svg.item {
  margin-left: 0;
  margin-top: 0;
}
.interaction-content g {
  pointer-events: all;
}

.wrapper-small-menu svg.all_items_cont {
  width: calc(0.092592592vh * 530);
  height: calc(0.092592592vh * 282);
  z-index: 1;
  transform-origin: center;
  transform: scale(0.8);
  margin-left: 0 !important;
}
.wrapper-small-menu svg.all_items_cont.g-5 .icon-container:nth-child(1) {
  transform: translate(0px, 160px);
}
.wrapper-small-menu svg.all_items_cont.g-5 .icon-container:nth-child(2) {
  transform: translate(60px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-5 .icon-container:nth-child(3) {
  transform: translate(182px, 20px);
}
.wrapper-small-menu svg.all_items_cont.g-5 .icon-container:nth-child(4) {
  transform: translate(302px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-5 .icon-container:nth-child(5) {
  transform: translate(360px, 160px);
}
.wrapper-small-menu svg.all_items_cont.g-4 .icon-container:nth-child(1) {
  transform: translate(0px, 160px);
}
.wrapper-small-menu svg.all_items_cont.g-4 .icon-container:nth-child(2) {
  transform: translate(60px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-4 .icon-container:nth-child(3) {
  transform: translate(302px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-4 .icon-container:nth-child(4) {
  transform: translate(360px, 160px);
}
.wrapper-small-menu svg.all_items_cont.g-3 .icon-container:nth-child(1) {
  transform: translate(182px, 20px);
}
.wrapper-small-menu svg.all_items_cont.g-3 .icon-container:nth-child(2) {
  transform: translate(302px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-3 .icon-container:nth-child(3) {
  transform: translate(60px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-2 .icon-container:nth-child(1) {
  transform: translate(60px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-2 .icon-container:nth-child(2) {
  transform: translate(302px, 55px);
}
.wrapper-small-menu svg.all_items_cont.g-1 .icon-container:nth-child(1) {
  transform: translate(182px, 20px);
}
.wrapper-small-menu svg.all_items_cont g.icon-container.more {
  transform: translate(360px, 160px) !important;
}
.wrapper-small-menu svg.all_items_cont g.icon-container.more .interaction-hover {
  fill: url(#paint0_radial_358_396);
}
.wrapper-small-menu svg.all_items_cont g.icon-container.prev .interaction-hover {
  fill: url(#paint0_radial_358_3992);
}
.wrapper-small-menu svg.all_items_cont g.icon-container path {
  transition: 0.3s cubic-bezier(0.19, 0.22, 0.22, 1);
  pointer-events: all;
}
.wrapper-small-menu svg.all_items_cont g.icon-container path.hover-ef {
  stroke: url(#paint1_radial_357_379);
  fill: url(#paint0_radial_357_379);
  fill-opacity: 1;
  z-index: 1;
  transition: none;
}
.wrapper-small-menu svg.all_items_cont g.icon-container path.hover-child-t, .wrapper-small-menu svg.all_items_cont g.icon-container path.hover-child-b {
  opacity: 0;
}
.wrapper-small-menu svg.all_items_cont g.icon-container path.hover-child-t.hover-child-t, .wrapper-small-menu svg.all_items_cont g.icon-container path.hover-child-b.hover-child-t {
  transform: translateY(calc(0.092592592vh * 20));
  fill: url(#paint1inear_87_2);
}
.wrapper-small-menu svg.all_items_cont g.icon-container path.hover-child-t.hover-child-b, .wrapper-small-menu svg.all_items_cont g.icon-container path.hover-child-b.hover-child-b {
  transform: translateY(calc(0.092592592vh * -20));
  fill: url(#paint2_radial_87_2);
}
.wrapper-small-menu svg.all_items_cont g.icon-container path.interaction-hover {
  opacity: 0.55;
}
.wrapper-small-menu svg.all_items_cont g.icon-container.active path.hover-ef, .wrapper-small-menu svg.all_items_cont g.icon-container:hover path.hover-ef {
  stroke: #e0e0e0;
  fill: url(#paint4_radial_87_2);
  fill-opacity: 0.65;
  z-index: 1;
}
.wrapper-small-menu svg.all_items_cont g.icon-container.active path.hover-child-t,
.wrapper-small-menu svg.all_items_cont g.icon-container.active path.hover-child-b, .wrapper-small-menu svg.all_items_cont g.icon-container:hover path.hover-child-t,
.wrapper-small-menu svg.all_items_cont g.icon-container:hover path.hover-child-b {
  opacity: 0.8;
  transform: translateY(0);
}
.wrapper-small-menu svg.all_items_cont g.icon-container.active text, .wrapper-small-menu svg.all_items_cont g.icon-container:hover text {
  fill: white;
}
.wrapper-small-menu svg.all_items_cont g.icon-container.active path.interaction-hover, .wrapper-small-menu svg.all_items_cont g.icon-container:hover path.interaction-hover {
  opacity: 1;
}

.wrapper-small-menu svg.bgs {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.wrapper-small-menu .interaction-content {
  z-index: 1;
}
.wrapper-small-menu .interaction-content.v-2 {
  margin-left: calc(0.092592592vh * 70);
}
.wrapper-small-menu .interaction-content svg.item {
  margin-left: 0;
}