body .header-place
{
  position: fixed;

  top: 0px;

  width: 100%;

  color: var(--base-text-color);

  z-index: 6;
}

body .header-place .header
{
  position: relative;
  width: 100vw;
  height: 34vw;
  display: flex;
  padding: 13vw 5vw 12vw 5vw;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 100%;
  font-weight: normal;
  box-sizing: border-box;
  background-image: url('../src/header_bg.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: white;
}

body .header-place .header .user
{
  width: 70vw;
  display: flex;

  gap: 2vw;

  align-items: center;
  justify-content: start;
}

body .header-place .header .user .avatar
{
  width: 6.5vw;
  height: 6.5vw;

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

  overflow: hidden;
}

body .header-place .header .user .avatar img
{
  width: -webkit-fill-available;
    height: auto;
  max-width: 100%;
}

body .header-place .header .user .name
{
  width: 25vw;
  overflow: hidden;
  font-size: 95%;
  text-align: left;

  word-wrap: nowrap;
  white-space: nowrap;
}

body .header-place .header .user .name.holder
{
  min-width: 100px;
  min-height: 20px;

  border-radius: var(--border-radius-small);
}

body .header-place .header .holder
{
  background: var(--light-background);
}

body .header-place .header .logo
{
  position: relative;

  top: -10vw;

  width: 0vw;
  height: 0vw;
}

body .header-place .header .logo a
{
  display: block;
  width: 25vw;
  height: 25vw;
}

body .scroll-container .header-place .header .controls
{
  width: 100vw;

  display: flex;
flex-wrap: wrap;
  gap: 0vw 1vw;

  align-items: center;
  justify-content: right;
}

body .scroll-container .header-place .header .controls.tips-now a
{
  color: #FFF;
}

body .header-place .header .controls .item
{
  display: flex;
  align-items: center;

  padding: 0px;
}

body .header-place .header .item a
{
  display: block;

  line-height: 0;

  padding: 1vw 0.5vw;
}

body .header-place .header .item a.wallet, body .header-place .header .item a.tokens
{
  display: flex;
  color: white;
  font-size: 95%;

  gap: 1vw;

  align-items: center;
}


body .header-place .header .item svg,
body .header-place .header .item img
{
  width: 22px;
  height: 22px;
  border-radius: 5px;
}

body .header-place .header .item img
{

}