.csel{cursor:pointer;color:#1e293b;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;font-family:inherit;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.csel:hover{background:#f1f5f9;border-color:#94a3b8}.csel--open{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.csel--md{min-width:90px;padding:7px 10px 7px 12px;font-size:14px}.csel--sm{min-width:60px;padding:5px 7px 5px 9px;font-size:12px}.csel__label{text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden}.csel__arrow{color:#94a3b8;flex-shrink:0;transition:transform .2s}.csel--open .csel__arrow{color:#2563eb;transform:rotate(180deg)}.csel__dropdown{z-index:9000;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;max-height:220px;padding:4px;animation:.15s ease-out cselDrop;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}@keyframes cselDrop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.csel__option{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .1s,color .1s;display:flex}.csel__option:hover{color:#1e293b;background:#f1f5f9}.csel__option--active{color:#2563eb;background:#eff6ff;font-weight:700}.csel__option--active:hover{background:#dbeafe}.csel__check{color:#2563eb;flex-shrink:0}