/* Scoped progressive enhancement: native selects still hold the submitted values. */
.orderbyte-select { width: 100%; min-width: 0; font-family: var(--font_style, inherit); }
.orderbyte-select > .orderbyte-select-source { display: none !important; }
.orderbyte-select > button.orderbyte-select-trigger,
#orderbyte-pause-schedule .orderbyte-select > button.orderbyte-select-trigger {
  box-sizing: border-box; position: relative; display: block; width: 100%; height: 48px;
  min-height: 48px; margin: 0; padding: 11px 36px 11px 14px; border: 1px solid #ced4da;
  border-radius: 7px; background: #fff; color: #262626; text-align: left;
  font: 500 16px/24px var(--font_style, sans-serif); cursor: pointer;
}
.orderbyte-select-trigger::after {
  content: ''; position: absolute; right: 16px; top: 18px; width: 7px; height: 7px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg);
}
.orderbyte-select-trigger[aria-expanded="true"]::after { top: 22px; transform: rotate(225deg); }
.orderbyte-select-value { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.orderbyte-select > button.orderbyte-select-trigger:focus-visible {
  outline: 2px solid var(--all_button_back, #111); outline-offset: 2px;
}
.orderbyte-select > button.orderbyte-select-trigger:disabled { opacity: .55; cursor: not-allowed; }
.orderbyte-select-list {
  box-sizing: border-box; position: relative; width: 100%; max-height: 192px; max-height: min(192px, 32vh);
  overflow-y: auto; overscroll-behavior: contain; overflow-anchor: none; -webkit-overflow-scrolling: touch;
  margin-top: 6px; padding: 4px; border: 1px solid #ced4da; border-radius: 8px; background: #fff;
  color: #262626; text-align: left; scrollbar-width: thin;
}
.orderbyte-select-list[hidden] { display: none !important; }
.orderbyte-select-option {
  box-sizing: border-box; position: relative; min-height: 42px; padding: 10px 28px 10px 10px;
  border-radius: 5px; font-size: 15px; line-height: 22px; cursor: pointer;
}
.orderbyte-select-option.is-active,
.orderbyte-select-option:hover { background: #f0f0f0; }
.orderbyte-select-option[aria-selected="true"] {
  background: var(--all_button_back, #111); color: var(--all_button_color, #fff); font-weight: 600;
}
.orderbyte-select-option[aria-selected="true"]::after { content: '\2713'; position: absolute; right: 10px; top: 10px; }
.orderbyte-select-option[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
@media (max-height: 540px) { .orderbyte-select-list { max-height: 126px; } }