.cs{position:relative;width:100%;font-family:inherit;margin-bottom:10px}.cs-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:44px;padding:0 15px;border-radius:8px;cursor:pointer;background:var(--fill);border:1px solid var(--stroke);color:var(--text);transition:.2s;text-align:left}.cs-trigger:hover{border-color:rgba(255,255,255,.3)}.cs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.cs-caret{width:8px;height:8px;flex:0 0 8px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);transition:.2s;margin-top:-4px}.cs.open .cs-caret{transform:rotate(-135deg);margin-top:4px}.cs-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:9999;background:var(--menu-bg);border:1px solid var(--stroke);border-radius:8px;max-height:240px;overflow:auto;display:none;box-shadow:0 10px 30px rgba(0,0,0,.5)}.cs.open .cs-list{display:block}.cs-option{padding:10px 15px;color:var(--text);cursor:pointer;transition:.2s}.cs-option:hover{background:var(--hover-bg)}.cs-option[aria-selected=true]{background:rgba(255,255,255,.1);font-weight:600}