.atlas-select { position: relative; display: inline-block; min-width: 0; width: 100%; }
.atlas-select-source { display: none !important; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0 !important; pointer-events: none; }
.atlas-select-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; width: 100%; padding: 10px 12px; border: 1px solid var(--site-line, #e6e6ea); border-radius: 8px; background: #fff; color: var(--site-ink, #232228); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.atlas-select-trigger > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.atlas-select-chevron { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); flex-shrink: 0; margin: 0 3px 4px; color: var(--site-muted, #6f6e78); }
.atlas-select-trigger:focus-visible, .atlas-select-trigger[aria-expanded="true"] { outline: 2px solid var(--site-iris, #5852d6); outline-offset: 2px; }
.atlas-select-trigger:disabled { opacity: .5; cursor: not-allowed; }
.atlas-select-trigger[aria-invalid="true"] { border-color: #c24141; }
.atlas-select-popup { position: fixed; z-index: 100000020; display: flex; flex-direction: column; border: 1px solid var(--site-line, #e6e6ea); border-radius: 12px; background: #fff; color: var(--site-ink, #232228); box-shadow: 0 8px 28px #18181b1a; overflow: hidden; font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.atlas-select-popup[hidden], .atlas-select-search[hidden] { display: none; }
.atlas-select-search { box-sizing: border-box; width: 100%; flex-shrink: 0; min-height: 44px; padding: 12px; border: 0; border-bottom: 1px solid var(--site-line, #e6e6ea); border-radius: 0; outline-offset: -2px; font: inherit; }
.atlas-select-options { min-height: 0; max-height: 320px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 0; outline: none; }
.atlas-select-option { display: flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 10px 36px 10px 12px; position: relative; overflow-wrap: anywhere; cursor: pointer; }
.atlas-select-option.is-focused { background: #f4f4f5; }
.atlas-select-option[aria-selected="true"] { background: var(--site-iris-soft, #eeedfa); color: #4a44b8; }
.atlas-select-option[aria-selected="true"]::after { content: ''; position: absolute; right: 16px; width: 5px; height: 9px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.atlas-select-option[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.atlas-select-empty { padding: 24px 12px; color: var(--site-muted, #6f6e78); text-align: center; }
.comparison-sort .atlas-select { width: 160px; }
.comparison-sort > svg { display: none; }
.comparison-sort .atlas-select-trigger { font-size: 12px; }