/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.top-background-username.svelte-rf5txk {
  font-size: calc(12 * var(--unit));
  color: var(--color-text);
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  background-color: var(--color-usernameBackground);
  border-radius: calc(10 * var(--unit));
  padding: calc(4 * var(--unit)) calc(8 * var(--unit));
  opacity: 0.8;
  top: calc(4 * var(--unit));
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
.top-background-username.svelte-rf5txk .username-inner:where(.svelte-rf5txk) {
  max-width: calc(120 * var(--unit));
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.large-top.svelte-rf5txk {
  font-size: calc(24 * var(--unit));
  font-weight: 700;
  font-variant: all-small-caps;
  text-align: center;
}

.small-top.svelte-rf5txk {
  font-size: calc(16 * var(--unit));
  font-weight: 700;
  font-variant: all-small-caps;
  text-align: center;
}/**
* Elements
*/
/**
* Text
*/
/**
* Layouts
*/
.container.svelte-cl1zaw {
  display: flex;
  flex-direction: column;
  position: relative;
}

.player.svelte-cl1zaw {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}