:root {
  --white: white;
  --black: black;
}

.draggable {
  z-index: 1;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.draggable:hover {
  background-color: #00000005;
}

.draggable.h {
  display: none;
}

.draggable.random {
  border-radius: 2px;
}

.draggable._1 {
  z-index: 3;
}

.draggable._1.hide-desk {
  display: none;
}

.draggable._2 {
  z-index: 2;
}

.hover-text {
  color: #858585;
  text-align: center;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: .5rem;
  padding-right: .5rem;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  position: absolute;
  top: .5rem;
}

.top-logo-image {
  height: 100%;
  display: block;
}

.top-nav-div {
  z-index: 5;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #ffffffb3;
  border-bottom: 1px solid #ebebeb;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6svh;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-holder {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  place-items: center;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
}

.nav-menu-link {
  color: #161616;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.nav-menu-link:hover {
  text-decoration: underline;
}

.nav-menu-link.center {
  opacity: 1;
  max-height: 2rem;
}

.nav-menu-link.small {
  font-size: 12px;
  font-weight: 400;
}

.nav-menu-link.small.w--current {
  letter-spacing: 1px;
  font-weight: 500;
  text-decoration: underline;
}

.nav-menu-link.small.hide {
  display: none;
}

.top-nav-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  display: flex;
}

.main-body-section {
  background-color: #f8f8f8;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.drag-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 94svh;
  display: grid;
  position: absolute;
  overflow: auto;
}

.drag-container.topper {
  inset: 0% 0% auto;
}

.drag-container.bottom {
  inset: auto 0% 0%;
}

.drag-container.h {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: stretch;
  place-items: center;
}

.drag-all {
  width: 100%;
  position: relative;
}

.nav-no-link {
  color: #161616;
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.nav-no-link.center {
  opacity: 1;
  max-height: 2rem;
}

.nav-no-link.small {
  font-size: 12px;
  font-weight: 400;
}

.nav-no-link.small.w--current {
  text-decoration: underline;
}

.text-block {
  font-weight: 700;
}

.akomi-logo {
  max-width: 200px;
  max-height: 100%;
}

.web-tag {
  z-index: 2;
  color: #e8e8e8;
  letter-spacing: 1px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 2rem;
}

.web-tag:hover {
  color: #858585;
}

.model-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 94svh;
  display: grid;
  position: absolute;
  overflow: auto;
}

.model-container.topper {
  inset: 0% 0% auto;
}

.model-container.bottom {
  inset: auto 0% 0%;
}

.model-container.h {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-content: stretch;
  place-items: center;
}

.drags {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
}

.drags:hover {
  background-color: #00000005;
}

.drags.h {
  display: none;
}

.drags.random {
  border-radius: 2px;
}

.drags.model {
  object-fit: fill;
  padding-top: 8rem;
}

.drags.model:hover {
  background-color: #0000;
}

.music-holder-main {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.music-player-diver {
  z-index: 9;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.elfsight-audio-embed {
  color: #222;
  background-color: #fff;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  position: relative;
}

.music-open-button {
  z-index: 3;
  color: #fff;
  background-color: #152bffb3;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 16px;
  position: relative;
}

.music-open-button.heaven {
  background-color: #050505d9;
  border-radius: 200px;
  padding: 1rem;
  line-height: 12px;
  position: fixed;
  bottom: 1rem;
  right: 2rem;
}

.close-music-button {
  z-index: 3;
  color: #fff;
  background-color: #152bffb3;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 16px;
  display: none;
  position: relative;
}

.close-music-button.heaven {
  background-color: #050505;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  line-height: 12px;
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 2rem;
}

.music-full-dark-box {
  z-index: 2;
  opacity: .72;
  cursor: pointer;
  background-color: #0000005c;
  background-image: linear-gradient(#ebebebb3, #ebebebb3), url('../images/MJ1-ezgif.com-optimize.gif');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.audio-div {
  z-index: 9;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  bottom: 4rem;
  right: 2rem;
}

@media screen and (max-width: 991px) {
  .draggable._1.hide-desk {
    display: flex;
  }

  .hover-text {
    top: .25rem;
  }

  .top-nav-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }

  .drag-container {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .drag-container.h {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .web-tag {
    font-size: 8px;
  }

  .model-container {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .model-container.h {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .music-holder-main {
    bottom: 1.5rem;
    left: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .draggable {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .draggable.random {
    min-width: 100px;
  }

  .draggable.hide-on-mobile {
    display: none;
  }

  .top-nav-div {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .drag-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .web-tag {
    right: 1rem;
  }

  .drags {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .drags.random {
    min-width: 100px;
  }

  .drags.hide-on-mobile {
    display: none;
  }

  .elfsight-audio-embed, .music-open-button.heaven, .close-music-button.heaven {
    right: 1rem;
  }

  .audio-div {
    width: 300px;
    right: 1rem;
  }
}

#w-node-bbb0830b-de3f-711c-95e4-a66cdc7ace66-1b92d221 {
  justify-self: end;
}

#draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d26-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d2a-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d2e-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d32-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d36-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d3a-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d3e-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d42-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d46-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d4a-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d4e-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d52-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d56-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d5a-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d5e-1b92d221 {
  place-self: center;
}

#draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d62-1b92d221 {
  justify-self: center;
}

#draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d66-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d6a-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d6e-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d70-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d72-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d74-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d76-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d78-1b92d221, #draggable.w-node-_7b719e69-cf60-c75e-64a7-39216f146d7a-1b92d221 {
  place-self: center;
}

#w-node-_8a6f65d5-4743-5781-dbc2-105552c7c179-1b92d222 {
  justify-self: end;
}

#draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf5d-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf61-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf65-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf69-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf6d-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf71-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf75-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf79-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf7d-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf81-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf85-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf89-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf8d-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf91-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf95-1b92d222 {
  place-self: center;
}

#draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf99-1b92d222 {
  justify-self: center;
}

#draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf9d-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafa1-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafa5-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafa9-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafad-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafb1-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafb5-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafb9-1b92d222, #draggable.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafbd-1b92d222 {
  place-self: center;
}

#w-node-_2328528c-7e2a-a4b0-0e7c-63d6c4b7c86e-aa0fb40d {
  justify-self: end;
}

#w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf5d-aa0fb40d {
  grid-area: 1 / 3 / 4 / 4;
  align-self: start;
}

#draggable-3.w-node-d375ba9e-bd91-93c3-9521-aa4e8732d50f-aa0fb40d, #draggable-3.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf69-aa0fb40d, #draggable-3.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf6d-aa0fb40d, #draggable-3.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf71-aa0fb40d, #draggable-3.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf75-aa0fb40d, #draggable-3.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf81-aa0fb40d, #draggable-3.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf85-aa0fb40d, #draggable-2.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf89-aa0fb40d, #draggable-2.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf8d-aa0fb40d, #draggable-2.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf91-aa0fb40d, #draggable-2.w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf9d-aa0fb40d, #draggable-2.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafa1-aa0fb40d, #draggable-1.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafa5-aa0fb40d, #draggable-1.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafa9-aa0fb40d, #draggable-1.w-node-b2cd85bf-cd9d-45f4-db98-2c10413bafad-aa0fb40d {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-b2cd85bf-cd9d-45f4-db98-2c10413baf5d-aa0fb40d {
    grid-area: 1 / 2 / 4 / 3;
  }
}