/* SAMPLE BANK */
.line-container {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
}

.line {
  flex-grow: 1;
  height: 1px;
  color: var(--block-title-text-color);
  background-color: var(--block-title-text-color);
}

.break {
  padding: 0 15px;
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--block-title-text-color);
  background-color: transparent;
  white-space: nowrap;
  text-align: center;
}

/* override gradio footer */
.gradio-container footer {
  display: none !important;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
footer button.show-api, 
footer a.built-with {
  content: "";
}

/* disable slider reset button and parent container */ 
button.reset-button,
.tab-like-container
{
  visibility: hidden;
}

/* override audio controls */
.timestamps,
button.playback.icon,
button.rewind.icon,
button.skip.icon {
  display: none !important;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}

/* override file box text */
/* enforce maximum file box height */
button[tabindex="0"][class*="boundedheight"] {
  max-height: 100px;
  overflow: hidden; 
}
/* target the button and hide original content */
button[tabindex="0"] .wrap {
  position: relative; /* Ensure positioning for pseudo-elements */
  color: transparent; /* Hides the text without affecting layout */
}
button[tabindex="0"] .wrap .or {
  display: none; /* Hide the "or" text */
}
/* add new content */
button[tabindex="0"] .wrap::before {
  content: "Drop File Here - or - Click to Upload"; /* New content */
  font-size: inherit; /* Adjust size */
  color: var(--block-title-text-color); /* Set text color */
  position: absolute; /* Overlay new content */
  top: 50%; /* Center vertically */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, -50%); /* Center the content */
  text-align: center;
  white-space: nowrap;
  z-index: 1; /* Ensure it appears on top */
}
.radio-group .wrap {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}