/* line 1, app/assets/stylesheets/layout_player.scss */
.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-image: url(/../img/background_img.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Create a pseudo-element to apply the blur effect */
/* line 17, app/assets/stylesheets/layout_player.scss */
.bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-position: inherit;
  background-size: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
  filter: blur(10px);
  /* Adjust the blur radius as needed */
  z-index: -1;
}

/* line 34, app/assets/stylesheets/layout_player.scss */
.btn-back-img {
  width: 45px;
  margin-left: -15px;
}