html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--surface-body);
  font-family: Arial, sans-serif;
  scrollbar-width: thin;
  scrollbar-color: var(--player-scrollbar-thumb) var(--player-scrollbar-track);
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body.body-no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

body {
  padding-top: 64px;
}

@media (max-width: 1199px) {
  body {
    padding-top: 56px;
  }
}

@media (min-width: 1200px) {
  body {
    padding-top: 64px;
  }
}