@import url('./vendor/tom-select-2.6.2.css');

.forma-select, .forma-select-menu {
  --select-surface: var(--fw-surface, var(--surface, #fff));
  --select-ink: var(--fw-ink, var(--ink, #202632));
  --select-muted: var(--fw-muted, var(--muted, #606b7a));
  --select-line: var(--fw-line, var(--line, #e5e8ec));
  --select-accent: var(--fw-accent, var(--accent, #246b55));
  --select-hover: var(--fw-surface-2, var(--surface-2, #f3f5f7));
  --select-selected: var(--fw-accent-soft, var(--accent-soft, #e6f2ea));
  --select-danger: var(--fw-danger, var(--negative, #a1303b));
  --select-radius: 8px;
  --select-shadow: 0 10px 30px #2026321a, 0 2px 5px #20263208;
}
.forma-select, .forma-select *, .forma-select-menu, .forma-select-menu * { box-sizing: border-box; }
select.ts-hidden-accessible { display: none !important; }
.forma-select { min-width: 0; max-width: 100%; width: 100%; }
.forma-select .ts-control,
.forma-select.single.input-active .ts-control {
  --ts-pr-min: 38px;
  min-height: 44px;
  padding: 10px 12px;
  align-items: center;
  flex-wrap: nowrap;
  background: var(--select-surface);
  border: 1px solid var(--select-line);
  border-radius: var(--select-radius);
  color: var(--select-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 550;
  line-height: 22px;
  box-shadow: none;
  cursor: pointer;
  transition: border-color .15s, box-shadow .15s;
}
.forma-select .ts-control::after {
  content: ''; position: absolute; right: 15px; top: 50%;
  width: 7px; height: 7px; margin-top: -5px;
  border-right: 1.7px solid var(--select-muted); border-bottom: 1.7px solid var(--select-muted);
  transform: rotate(45deg); pointer-events: none;
}
.forma-select.dropdown-active .ts-control::after { transform: rotate(225deg); margin-top: -1px; }
.forma-select:not(.disabled) .ts-control:hover { border-color: var(--select-muted); }
.forma-select.focus .ts-control, .forma-select .ts-control:focus-visible {
  border-color: var(--select-accent); outline: none; box-shadow: 0 0 0 3px var(--select-selected);
}
.forma-select .ts-control > .item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.forma-select.disabled .ts-control { opacity: 1; background: var(--select-hover); color: var(--select-muted); cursor: not-allowed; }
.forma-select.is-invalid .ts-control { border-color: var(--select-danger); }
.forma-select-menu.ts-dropdown {
  position: fixed; z-index: 300; margin: 0; padding: 5px;
  border: 1px solid var(--select-line); border-radius: 10px;
  background: var(--select-surface); color: var(--select-ink);
  box-shadow: var(--select-shadow); font: inherit; font-size: 13px; line-height: 1.5;
}
.forma-select-menu .ts-dropdown-content { max-height: 280px; padding: 0; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--select-line) transparent; }
.forma-select-menu .option { position: relative; padding: 11px 34px 11px 12px; min-height: 42px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; }
.forma-select-menu .option.active { background: var(--select-hover); color: var(--select-ink); }
.forma-select-menu .option.selected { background: var(--select-selected); color: var(--select-accent); font-weight: 650; }
.forma-select-menu .option.selected::after { content: '✓'; position: absolute; right: 12px; top: 11px; }
.forma-select-menu .option[aria-disabled="true"] { color: var(--select-muted); opacity: .6; cursor: not-allowed; }
.forma-select-menu .optgroup-header { padding: 10px 12px 5px; color: var(--select-muted); background: transparent; font-size: 10px; font-weight: 750; letter-spacing: .6px; text-transform: uppercase; }
.forma-select-menu .optgroup:not(:first-child) { border-top: 1px solid var(--select-line); margin-top: 5px; }
.forma-select-menu .no-results { padding: 16px 12px; color: var(--select-muted); }
.forma-select-menu .dropdown-input {
  box-sizing: border-box; width: calc(100% - 8px); min-height: 42px; margin: 4px 4px 8px; padding: 9px 12px;
  background: var(--select-hover); color: var(--select-ink); border: 1px solid var(--select-line); border-radius: 6px;
  font: inherit; font-size: 16px; outline: none;
}
.forma-select-menu .dropdown-input:focus { border-color: var(--select-accent); }
.forma-select-menu .dropdown-input:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--select-selected); }
.forma-select-menu .dropdown-input::placeholder { color: var(--select-muted); }
.forma-select-menu .highlight { background: transparent !important; text-decoration: underline; text-decoration-color: var(--select-accent); }
.fw-fund-switch > .forma-select { width: 100%; }
.fw-fund-switch .ts-control { font-weight: 650; }
.fw-toolbar > .forma-select { width: 210px; flex: 0 1 210px; }
.select-wrap:has(.forma-select)::after { display: none; }
.select-wrap:has(.forma-select) { min-width: 175px; max-width: 100%; }
.strategy-card .select-wrap:has(.forma-select) { width: 100%; }
@media (max-width: 600px) {
  .forma-select .ts-control { min-height: 46px; font-size: 14px; }
  .forma-select-menu .option { min-height: 46px; padding-block: 12px; font-size: 14px; }
  .fw-toolbar > .forma-select { flex: 1 1 200px; }
}
@media (prefers-reduced-motion: reduce) { .forma-select .ts-control { transition: none; } }