#cover_during_adds{
  position: fixed;
  bottom:0;
  left:0;
  display:none;
  z-index:8000;
  width:100dvw;
  height:100vh;
  background: transparent;
  opacity:1;
  backdrop-filter: grayscale(50%) blur(2px);
  /* border: 2px solid red; */
  justify-content: center;
  align-items: center;
}
#adds_cover_wrapper{
  display: flex;
  
  flex-direction: column;
  gap:20px;
  justify-content: center;
  align-items: center;
  padding: 40px;
  border: 1px grey;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 0 20px var(--bg4);
  
}
#the_logo_cover{
  width: clamp(160px, 70vw, 300px);
  aspect-ratio: 300 / 160;
  background: url(/theme_light/logo_test.png) no-repeat center / contain;
}

#the_button_cover{

  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color:black;
  font-size: clamp(16px, 1.1dvw, 20px);
  font-weight: 600;
  padding: 1dvh 1.1dvw;
  cursor: pointer;
  background: linear-gradient(to bottom, #dce8c8, #c7d7a7);
  border-radius: 10px;
}
#the_msg_cover{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
}