/* Actual DOM text, independent of native operating-system popup fonts. */
@media screen {
  .sarabun-listbox {
    position: fixed !important;
    z-index: 2147483000;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 4px;
    border: 1px solid #b9dbea;
    border-radius: 7px;
    background: #fff;
    color: #154c70;
    box-shadow: 0 5px 18px rgba(7,53,99,.18);
    font-family: "TH Sarabun", "TH SarabunPSK", serif !important;
    line-height: 1.4;
    text-align: start;
  }
  .sarabun-listbox[hidden] { display: none !important; }
  .sarabun-listbox [role="option"], .sarabun-listbox-group {
    box-sizing: border-box;
    min-height: 38px;
    padding: 4px 10px;
    border-radius: 4px;
    font: inherit !important;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
  }
  .sarabun-listbox [aria-selected="true"] { background: #e3f6ed; color: #075b3b; }
  .sarabun-listbox [role="option"].is-active { background: #d4efe5; outline: 1px solid #a4d7ca; outline-offset: -1px; color: #075b3b; }
  .sarabun-listbox [aria-disabled="true"] { color: #637d8c; cursor: default; }
  .sarabun-listbox-group { color: #637d8c; cursor: default; }
}
@media print { .sarabun-listbox { display: none !important; } }