.cs{position:relative;width:100%;font-size:16px;font-family:"Noto Sans",sans-serif}.cs-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:44px;padding:4px 12px;border-radius:8px;cursor:pointer;background:var(--fill);border:1px solid var(--stroke);color:var(--text);transition:.15s;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.cs-trigger:hover{border-color:rgba(255,255,255,.3)}.cs-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:999;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 12px;color:var(--text);cursor:pointer;transition:.2s}.cs-option:hover{background:var(--hover-bg);color:var(--hover-text)}.cs-option[aria-selected=true]{background:rgba(255,255,255,.08);font-weight:600}.cs-list::-webkit-scrollbar{width:6px}.cs-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px}