body .footer-place
{
  position: fixed;

  display: flex;

  bottom: 0px;

  width: 100vw;
  height: 46vw;

  justify-content: center;
  background-image: url('/src/footer_bg.png');
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;

  z-index: 6;
}

body .footer-place .footer
{
  position: relative;

  width: 100%;

  display: flex;

  padding-left: 1vw;
  padding-right: 1vw;
  padding-bottom: 5vw;
  /* padding-top: 6vw; */

  justify-content: space-between;
  align-items: flex-end;

  gap: 10px;

  box-sizing: border-box;
}

body .bottom-menu
{
  display: flex;
  align-items: end;

  width: 100%;
  height: 35vw;

  padding-bottom: 2vw;
  /* padding-left: 30px;
  padding-right: 30px; */

  justify-content: space-between;

  gap: 0vw;

  border-radius: var(--border-radius-middle);

  z-index: 1;
}

body .bottom-menu .item
{
  position: relative;
  display: flex;

  width: 15vw;
  padding: 2vw;

  flex-direction: column;

  gap: 2px;

  border-radius: var(--border-radius-middle);

  justify-content: center;

  text-align: center;

  font-size: 80%;

  cursor: default;
  color: #F9AD00;
}

body .bottom-menu .item span
{
  height: 0px;
}

body .bottom-menu .item.active
{
}

body .bottom-menu .item svg
{
  align-self: center;

  width: 8.5vw;
  height: 10.5vw;
}

body .bottom-menu .item:nth-child(1)
{
  padding-bottom: 4vw;
}

body .bottom-menu .item:nth-child(1) svg
{
}

body .bottom-menu .item:nth-child(2)
{

}

body .bottom-menu .item:nth-child(2) svg
{
}

body .bottom-menu .item:nth-child(3)
{
  /* width: 20vw; */
  height: -webkit-fill-available;
  display: flex;
  /* bottom: 10.4vw; */
  justify-content: flex-end;
  padding-left: 0px;
}

body .bottom-menu .item:nth-child(3) div
{
  position: relative;
      width: 23.4vw;
      min-height: 23.8vw;
      bottom: 1.8vw;
      left: -1.65vw;
      background: url('/src/game-button-bg1.png');
      background-size: 100% auto;
      background-repeat: no-repeat;

}
body .bottom-menu .item:nth-child(3) svg
{
  position: relative;

  width: 13.2vw;
  height: 13.2vw;

  top: 6.7vw;

  background: var(--middle-background);
  box-shadow: 0px -1px 5px 0px #6D777EB2 inset;

  border-radius: 13.2vw;
}
body .bottom-menu .item:nth-child(3) div span
{
  position: relative;
  top: 11.5vw;

  display: block;

  font-size: 120%;
}


body .bottom-menu .item:nth-child(4) span
{
}

body .bottom-menu .item:nth-child(4)
{
}

body .bottom-menu .item.active:nth-child(4)
{
}
body .bottom-menu .item:nth-child(4) svg
{
}


body .bottom-menu .item:nth-child(5)
{
    padding-bottom: 4vw;
}

body .bottom-menu .item:nth-child(5) svg
{
}


body .bottom-slide
{
  position: absolute;

  left: -2px;

  width: calc(100% + 2px);

  overflow: hidden;

  border-radius: var(--border-radius-big) var(--border-radius-big) 0px 0px;

  border-top: 1px solid rgba(246, 190, 41, 0.4);
  border-left: 1px solid rgba(246, 190, 41, 0.4);
  border-right: 1px solid rgba(246, 190, 41, 0.4);

  box-shadow: 0px 1px 9px rgb(255 234 177 / 10%);

  background: var(--middle-background);
}

body .bottom-slide .pages, body .bottom-slide .pages .pages-content
{
  height: 100%;
}

body .bottom-slide.open .pages
{
  padding-top: 14px;

  background1: var(--light-background);
}

body .bottom-slide .pages .pages-content
{
  overflow-y: auto;
  overflow-x: hidden;
}

body .bottom-slide .pages .pages-content .page
{
  min-height: calc(100% - 125px);

  padding-bottom: 125px;

  background1: var(--light-background);
}