/* NTYDAY sound settings: requires the hook agreed in issue251/6489380655.
   CSS only; the whole original button remains the switch and click target. */
#hop[data-loai="am-thanh"] {
  max-width: calc(100vw - 24px);
}
#hop[data-loai="am-thanh"][open] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#hop[data-loai="am-thanh"] > .hop-dau {
  flex: none;
}
#hop[data-loai="am-thanh"] > .hop-than {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}
#hop[data-loai="am-thanh"] .cd-chu {
  overflow-wrap: anywhere;
}
@media (max-width: 420px) {
  #hop[data-loai="am-thanh"] .cd-hang[role="switch"] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 8px;
    align-items: start;
    padding: 12px;
  }
  #hop[data-loai="am-thanh"] .cd-hang[role="switch"] > .cd-bieu {
    grid-column: 1;
    grid-row: 1;
  }
  #hop[data-loai="am-thanh"] .cd-hang[role="switch"] > .cd-chu {
    grid-column: 2;
    grid-row: 1;
  }
  #hop[data-loai="am-thanh"] .cd-hang[role="switch"] > .cd-ct {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
  }
}