/* Progressive enhancement for the contact/lead form subject field only. */
.wbc-subject-field > select[name="subject"] { border-left: 2px solid #9e35ed; padding-right: 38px; }
.topic-select { position: relative; min-width: 0; width: 100%; color-scheme: dark; }
.topic-select > select.topic-select__native { display: none !important; }
.topic-select__button { display: flex; align-items: center; width: 100%; min-width: 0; min-height: 49px; gap: 14px; margin: 0; padding: 13px 45px 13px 14px; border: 1px solid #ffffff27; border-left: 2px solid #9e35ed; border-radius: 3px; outline: none; color: #fff; background: #ffffff06; box-shadow: none; font: inherit; font-size: 12px; font-weight: 300; line-height: 1.6; text-align: left; cursor: pointer; transition: border-color .18s,background .18s; }
.topic-select__value { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topic-select__chevron { position: absolute; right: 16px; top: 50%; width: 12px; height: 12px; margin-top: -6px; color: #dfd6e8; pointer-events: none; transition: transform .18s; }
.topic-select__button:hover { border-color: #ffffff55; border-left-color: #ad4bf4; background: #ffffff0b; }
.topic-select__button:focus-visible,.topic-select.is-open .topic-select__button { border-color: #a978cf; border-left-color: #ad4bf4; box-shadow: 0 0 0 2px #9e35ed15; }
.topic-select.is-open .topic-select__chevron { transform: rotate(180deg); }
.topic-select__button:disabled { opacity: .55; cursor: not-allowed; }
.topic-select__button[aria-invalid="true"] { border-color: #ec839b; }
.topic-select__menu { position: absolute; z-index: 60; inset: calc(100% + 6px) 0 auto; width: 100%; padding: 5px; border: 1px solid #ffffff25; border-radius: 4px; background: #211b29; box-shadow: 0 14px 35px #08050d66; }
.topic-select[data-placement="above"] .topic-select__menu { top: auto; bottom: calc(100% + 6px); }
.topic-select__menu[hidden],.topic-select__error[hidden] { display: none !important; }
.topic-select__list { position: relative; display: block; max-height: 210px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #776584 transparent; margin: 0; padding: 0; outline: none; }
.topic-select__list::-webkit-scrollbar { width: 5px; }
.topic-select__list::-webkit-scrollbar-track { background: transparent; }
.topic-select__list::-webkit-scrollbar-thumb { border: 1px solid #211b29; border-radius: 8px; background: #776584; }
.topic-select__list::-webkit-scrollbar-thumb:hover { background: #a78ab7; }
.topic-select__option { position: relative; display: flex; align-items: center; min-height: 40px; padding: 10px 35px 10px 11px; border: 0; border-radius: 2px; color: #f3edf8; background: transparent; font: inherit; font-size: 12px; font-weight: 300; line-height: 1.6; overflow-wrap: anywhere; cursor: pointer; }
.topic-select__option.is-active { color: #fff; background: #ffffff10; }
.topic-select__option[aria-selected="true"] { color: #fff; background: #8b35d92e; }
.topic-select__option[aria-selected="true"].is-active { background: #8b35d947; }
.topic-select__option[aria-selected="true"]::after { content: ''; position: absolute; right: 15px; top: 50%; width: 8px; height: 5px; margin-top: -4px; border-bottom: 1.3px solid #d4b1f2; border-left: 1.3px solid #d4b1f2; transform: rotate(-45deg); }
.topic-select__option[aria-disabled="true"] { color: #8d8298; opacity: .65; cursor: not-allowed; }
.topic-select__group-label { padding: 11px 11px 5px; color: #bdb1c9; font-size: 10px; font-weight: 400; line-height: 1.5; letter-spacing: .06em; }
.topic-select__error { margin: 9px 0 0; color: #f5a4b6; font-size: 11px; font-weight: 300; line-height: 1.55; }
.wbl-dialog-card .topic-select__button { min-height: 46px; padding-top: 11px; padding-bottom: 11px; }
@media(max-width:600px) {
 .topic-select__button { font-size: 16px; }
 .topic-select__option { min-height: 43px; font-size: 14px; }
}
@media(prefers-reduced-motion:reduce) {
 .topic-select__button,.topic-select__chevron { transition: none; }
}