{
  "version": 3,
  "sources": ["src/app/shared/ui/select/select.component.css"],
  "sourcesContent": [":host {\r\n  min-width: 0;\r\n}\r\n\r\n.select-field {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-1);\r\n}\r\n\r\n.select-field__label {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--text-size-sm);\r\n  font-weight: var(--font-weight-body-medium);\r\n  color: var(--color-text-primary);\r\n}\r\n\r\n/* ── Wrapper ─────────────────────────────────────────────────────────────── */\r\n\r\n.select-field__wrapper {\r\n  position: relative;\r\n  border: 1px solid var(--color-border-primary);\r\n  border-radius: var(--radius-input);\r\n  background-color: var(--color-surface-primary);\r\n  transition:\r\n    border-color var(--transition-fast),\r\n    box-shadow var(--transition-fast);\r\n}\r\n\r\n.select-field__wrapper--open {\r\n  border-color: var(--color-action-secondary);\r\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-action-secondary) 15%, transparent);\r\n}\r\n\r\n.select-field__wrapper--error {\r\n  border-color: var(--color-state-error);\r\n}\r\n\r\n.select-field__wrapper--error.select-field__wrapper--open {\r\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-state-error) 15%, transparent);\r\n}\r\n\r\n/* ── Trigger button ──────────────────────────────────────────────────────── */\r\n\r\n.select-field__trigger {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: var(--space-2);\r\n  width: 100%;\r\n  padding: var(--space-2) var(--space-3);\r\n  border: none;\r\n  background: transparent;\r\n  border-radius: var(--radius-input);\r\n  cursor: pointer;\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--text-size-base);\r\n  color: var(--color-text-primary);\r\n  text-align: left;\r\n  outline: none;\r\n}\r\n\r\n.select-field__trigger:disabled {\r\n  cursor: not-allowed;\r\n}\r\n\r\n.select-field__value {\r\n  flex: 1;\r\n  min-width: 0;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.select-field__value--placeholder {\r\n  color: var(--color-text-secondary);\r\n}\r\n\r\n.select-field__chevron {\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  color: var(--color-text-secondary);\r\n  transition: transform var(--transition-fast);\r\n  pointer-events: none;\r\n}\r\n\r\n.select-field__wrapper--open .select-field__chevron {\r\n  transform: rotate(180deg);\r\n  color: var(--color-action-secondary);\r\n}\r\n\r\n/* ── Listbox dropdown ────────────────────────────────────────────────────── */\r\n\r\n.select-field__listbox {\r\n  position: absolute;\r\n  top: calc(100% + 4px);\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 100;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: var(--space-1) 0;\r\n  background: var(--color-surface-primary);\r\n  border: 1px solid var(--color-border-primary);\r\n  border-radius: var(--radius-input);\r\n  box-shadow: var(--shadow-dropdown);\r\n  max-height: 15rem;\r\n  overflow-y: auto;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: var(--color-border-primary) transparent;\r\n}\r\n\r\n.select-field__listbox::-webkit-scrollbar {\r\n  width: 4px;\r\n}\r\n\r\n.select-field__listbox::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n\r\n.select-field__listbox::-webkit-scrollbar-thumb {\r\n  background: var(--color-border-primary);\r\n  border-radius: var(--radius-full);\r\n}\r\n\r\n/* ── Options ─────────────────────────────────────────────────────────────── */\r\n\r\n.select-field__option {\r\n  padding: var(--space-2) var(--space-3);\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--text-size-base);\r\n  color: var(--color-text-primary);\r\n  cursor: pointer;\r\n  outline: none;\r\n  transition:\r\n    background-color var(--transition-fast),\r\n    color var(--transition-fast);\r\n}\r\n\r\n.select-field__option--active {\r\n  background-color: color-mix(in srgb, var(--color-action-primary) 8%, transparent);\r\n}\r\n\r\n.select-field__option--selected {\r\n  color: var(--color-action-primary);\r\n  font-weight: var(--font-weight-body-medium);\r\n}\r\n\r\n.select-field__option--selected.select-field__option--active {\r\n  background-color: color-mix(in srgb, var(--color-action-primary) 12%, transparent);\r\n}\r\n\r\n/* ── States ──────────────────────────────────────────────────────────────── */\r\n\r\n.select-field--disabled {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}\r\n\r\n.select-field__error {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--text-size-xs);\r\n  color: var(--color-state-error);\r\n}\r\n"],
  "mappings": ";AAAA;AACE,aAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACF;AAIA,CAAA;AACE,YAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,oBAAA,IAAA;AACA;AAGF;AAEA,CAAA;AACE,gBAAA,IAAA;AACA,cAAA,EAAA,EAAA,EAAA,IAAA,UAAA,GAAA,IAAA,EAAA,IAAA,0BAAA,GAAA,EAAA;AACF;AAEA,CAAA;AACE,gBAAA,IAAA;AACF;AAEA,CAJA,4BAIA,CATA;AAUE,cAAA,EAAA,EAAA,EAAA,IAAA,UAAA,GAAA,IAAA,EAAA,IAAA,qBAAA,GAAA,EAAA;AACF;AAIA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,SAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,UAAA;AACA,cAAA;AACA,iBAAA,IAAA;AACA,UAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA;AACA,WAAA;AACF;AAEA,CAlBA,qBAkBA;AACE,UAAA;AACF;AAEA,CAAA;AACE,QAAA;AACA,aAAA;AACA,eAAA;AACA,YAAA;AACA,iBAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA;AACF;AAEA,CAAA;AACE,eAAA;AACA,WAAA;AACA,eAAA;AACA,SAAA,IAAA;AACA,cAAA,UAAA,IAAA;AACA,kBAAA;AACF;AAEA,CA1DA,4BA0DA,CATA;AAUE,aAAA,OAAA;AACA,SAAA,IAAA;AACF;AAIA,CAAA;AACE,YAAA;AACA,OAAA,KAAA,KAAA,EAAA;AACA,QAAA;AACA,SAAA;AACA,WAAA;AACA,cAAA;AACA,UAAA;AACA,WAAA,IAAA,WAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,iBAAA,IAAA;AACA,cAAA,IAAA;AACA,cAAA;AACA,cAAA;AACA,mBAAA;AACA,mBAAA,IAAA,wBAAA;AACF;AAEA,CAnBA,qBAmBA;AACE,SAAA;AACF;AAEA,CAvBA,qBAuBA;AACE,cAAA;AACF;AAEA,CA3BA,qBA2BA;AACE,cAAA,IAAA;AACA,iBAAA,IAAA;AACF;AAIA,CAAA;AACE,WAAA,IAAA,WAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACA,UAAA;AACA,WAAA;AACA;AAGF;AAEA,CAAA;AACE,oBAAA,UAAA,GAAA,IAAA,EAAA,IAAA,wBAAA,EAAA,EAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA;AACA,eAAA,IAAA;AACF;AAEA,CALA,8BAKA,CATA;AAUE,oBAAA,UAAA,GAAA,IAAA,EAAA,IAAA,wBAAA,GAAA,EAAA;AACF;AAIA,CAAA;AACE,WAAA;AACA,kBAAA;AACF;AAEA,CAAA;AACE,eAAA,IAAA;AACA,aAAA,IAAA;AACA,SAAA,IAAA;AACF;",
  "names": []
}