.channel {
  /* placeholder */
  width: 128px;
  height: 48px;
  border-radius: 6px;
  border: 4px solid grey;
  background-color: white;
}
body {
  background-image: linear-gradient(to right, rgb(227, 227, 227), rgb(227, 227, 227) 0px, transparent 0, transparent 100%),repeating-linear-gradient(180deg, rgb(236, 236, 236), rgb(236, 236, 236), 2px, rgb(227, 227, 227) 0, rgb(227, 227, 227) 8px);
  overflow-x: hidden;
  overflow-y: hidden;
}
.bottomBar {
  --bottomBarBorderWidth: 5px;

  border: var(--bottomBarBorderWidth) solid rgb(66, 188, 231);
  /* border-image: linear-gradient(to bottom, rgb(202, 227, 235), rgb(66, 188, 231), rgb(145, 178, 195), 1); */
  width: 100vw;
  height: 27%;
  bottom: calc(var(--bottomBarBorderWidth) * -1);
  position: absolute;
  left: calc(var(--bottomBarBorderWidth) * -1);
  background-image: linear-gradient(to bottom, #AFB2B6, #CFD1D9);
}
.blur {
  backdrop-filter: blur(0.55px);
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0px;
  bottom: 0px;
}