.td-select-wrap { display: flex; width: 100%; }
.td-select { position: relative; min-width: 0; max-width: 100%; --td-list-gap: 6px; }
.td-select [hidden] { display: none !important; }
.td-select__button, .td-select__native { box-sizing: border-box; width: 100%; min-height: 44px; padding: 12px 18px; font: inherit; line-height: 1.4; color: #e6edf7; background: #000a1d; border: 1px solid #607285; border-radius: 6px; }
:where(.td-select) .td-select__button { display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; text-decoration: none; text-transform: none; }
.td-select__label { min-width: 0; overflow-wrap: anywhere; text-align: start; }
.td-select__arrow { display: block; width: 18px; height: auto; flex-shrink: 0; }
.td-select__button:hover { background: #10233b; border-color: #0ea5b7; }
.td-select__button:focus-visible { outline: 2px solid #0ea5b7; outline-offset: 3px; }
:where(.td-select) .td-select__list { position: absolute; z-index: 1000; inset-inline: 0; top: calc(100% + var(--td-list-gap)); box-sizing: border-box; max-height: 280px; overflow-y: auto; overscroll-behavior: contain; list-style: none; padding: 4px; margin: 0; background: #fff; color: #000a1d; border: 1px solid #607285; border-radius: 6px; box-shadow: 0 10px 25px rgba(0,10,29,.18); }
.td-select.opens-up .td-select__list { top: auto; bottom: calc(100% + var(--td-list-gap)); }
:where(.td-select) .td-select__option { list-style: none; margin: 0; padding: 10px 14px; color: #000a1d; font: inherit; line-height: 1.4; overflow-wrap: anywhere; cursor: pointer; }
.td-select__option[aria-selected="true"] { background: #e3f3f4; font-weight: 600; }
:where(.td-select) .td-select__option.is-active { background: #d1eef1; color: #000a1d; outline: 1px solid #0ea5b7; outline-offset: -1px; }
.td-select.is-open { z-index: 1000; }
@media (forced-colors: active) { .td-select__option.is-active { outline: 2px solid Highlight; } }