.uu {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 15px;
}


.scrollable-container {
  max-height: 70vh;       /* Maximum height of 70% of the viewport height */
  overflow-y: auto;       /* Enables vertical scrolling if content overflows */
}




.i_icon {
  color: var(--normal-text);
  cursor: pointer;
}
.uu:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 20px;
  right: 40px;
  border-bottom: 2px solid var(--main-color); /* Adjust color and thickness as needed */
}

#instill_head {
  margin-bottom: 4px;
  padding-left: 20px;
}

.popop_div .settings_row {
  padding-top: min(10px, max(calc(1vw - 4px), 0px));
  padding-bottom: min(10px, max(calc(1vw - 4px), 0px));
}

.settings_row {
  display: flex;
  justify-content: space-between;
  padding: min(10px, 1vw);

  padding-left: 20px;
  width: calc(100% - 40px);
  position: relative;
  align-items: center; /* vertical alignment */
  gap: 10px; /* space between items */
}

.settings_row:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 30%;
  right: 30%;
  border-bottom: 1px solid var(--main-color); /* Adjust color and thickness as needed */
}


.settings_input {
  flex: 0 0 60%; /* prefers 60% but won't shrink below content width */
  box-sizing: border-box;
  max-width: 60%; /* maximum it will take */
}


.settings_row h3 {
  flex: 1 1 auto; /* take all remaining space */
  min-width: 0; /* important for proper shrinking */
  max-width: 100%; /* or whatever max you prefer */
  box-sizing: border-box;
}

.tilba_delete {
  background-image: radial-gradient(
    100% 100% at 100% 0,
    #ff0055 0,
    rgb(187, 1, 1) 100%
  );
  margin-bottom: 8px;
}

.tilba_delete:focus {
  box-shadow: var(--main-color) 0 0 0 1.5px inset,
    rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px,
    rgb(187, 1, 1) 0 -3px 0 inset;
}

.tilba_delete:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px,
    rgba(45, 35, 66, 0.3) 0 7px 13px -3px, rgb(187, 1, 1) 0 -3px 0 inset;
  transform: translateY(-2px);
}

.popop_div {
  margin: 6px;
}