/* GENERATED by scripts/build_brand.mjs from select.css. Do not edit: change the map in the script and re-run.
   Milanko brand manual v1.2 (Prisma) values for the Arcilla amable declarations of select.css. */
.cs { --cs-field: var(--surface-2, #f5f7fa); --cs-field-hover: var(--surface-3, #e3ebff); --cs-pop: var(--surface, #ffffff); --cs-ink: var(--ink, #1a1e25); --cs-ink-2: var(--ink-2, #4f5867); --cs-line: var(--line, #dce1e8); --cs-go: var(--go, #4064c6); --cs-row: var(--surface-2, #f5f7fa); --cs-row-on: var(--surface-3, #e3ebff); --cs-lip: var(--clay, #c3cad5); --cs-font: var(--sans, "Nunito Sans", system-ui, sans-serif); }
.cs__btn { border: 0; border-radius: 10px; background: var(--cs-field); color: var(--cs-ink); box-shadow: inset 0 0 0 1px var(--cs-line), 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); font: 700 16px/1.25 var(--cs-font); font-weight: 600; }
@media (hover: hover) { .cs__btn:not(:disabled):hover { background: var(--cs-field-hover); } }
.cs__btn:not(:disabled):active { box-shadow: inset 0 0 0 1px var(--cs-line), 0 1px 2px rgba(10,12,15,.06); }
.cs__btn:focus-visible { outline: 3px solid var(--cs-go); outline-offset: 3px; }
.cs.is-open .cs__btn { background: var(--cs-pop); box-shadow: inset 0 0 0 2px var(--cs-go), 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.cs__btn.is-empty .cs__val { color: var(--cs-ink-2); font-weight: 500; }
.cs__btn:disabled { box-shadow: inset 0 0 0 1px var(--cs-line); }
.cs__chev { color: var(--cs-ink-2); }
.cs__list { border-radius: 14px; background: var(--cs-pop); color: var(--cs-ink); box-shadow: 0 0 0 1px var(--cs-line), 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10), 0 18px 40px rgba(26,30,37, .18); }
.cs__list [role="option"] { border-radius: 8px; font: 600 16px/1.3 var(--cs-font); }
.cs__list [role="option"].is-active { background: var(--cs-row); box-shadow: inset 0 0 0 2px var(--cs-go); }
.cs__list [role="option"][aria-selected="true"] { background: var(--cs-row-on); font-weight: 600; }
.cs__tick { color: var(--cs-go); }
.cs__ic { border-radius: 8px; background: var(--cs-row); color: var(--cs-ink-2); }
.cs__btn .cs__ic { border-radius: 6px; }
.cs__ic--temperature { background: var(--block-rose, #ffeeeb); color: var(--t-temperature, #b23a2a); }
.cs__ic--water { background: var(--block-tide, #d6eafc); color: var(--t-water, #1f5fa8); }
.cs__ic--vegetation { background: var(--block-sage, #e3f4ea); color: var(--t-vegetation, #116b41); }
.cs__ic--ice { background: var(--block-ice, #e3ecff); color: var(--t-water, #1f5fa8); }
.cs__ic--earth { background: var(--block-stone, #ece4ff); color: var(--cs-ink-2); }
@media (forced-colors: active) { .cs__btn { border: 1px solid ButtonText; } }
@media (forced-colors: active) { .cs__list { border: 1px solid CanvasText; } }
@media (forced-colors: active) { .cs__list [role="option"].is-active { outline: 2px solid Highlight; } }
@media (forced-colors: active) { .cs__list [role="option"][aria-selected="true"] { outline: 1px solid CanvasText; } }