// ============================================================
// HUD, token, pause, logo
// ============================================================

// Token HUD extension
.tokenhudext {
  display: flex;
  flex: 0 !important;
  font-weight: 600;

  &.left {
    justify-content: flex-start;
    flex-direction: column;
    position: absolute;
    top: 2.75rem;
    right: 4rem;
  }

  &.right {
    justify-content: flex-start;
    flex-direction: column;
    position: absolute;
    top: 2.75rem;
    left: 4rem;
  }
}

.control-icon.tokenhudicon {
  width: fit-content;
  height: fit-content;
  min-width: 6rem;
  flex-basis: auto;
  padding: 0;
  line-height: 1rem;
  margin: 0.25rem;

  &.right {
    margin-left: 8px;
  }
}

#token-hud .status-effects.active {
  z-index: 2;
}

.token-sheet .window-content .flexcol .sheet-tabs {
  font-size: 0.8rem;
}

// Pause screen
#pause {
  font-size: 2rem;

  > h3 { color: #CCC; }

  > img {
    content: @logo-image;
    height: 200px;
    width: 200px;
    top: -200px;
    left: calc(50% - 132px);
  }
}

// Logo
#logo {
  content: @logo-image;
  width: 100px;
  height: 60px;
}

// Confront dice
.confront-dice {
  border-width: 0px;
}