.tsel{display:grid;position:relative}.tsel__button{color:var(--ink);cursor:pointer;block-size:36px;inline-size:100%;font:inherit;text-align:start;background:0 0;border:0;justify-content:space-between;align-items:flex-end;padding:0 0 6px;display:flex}.tsel__button:hover,.tsel[data-open=true] .tsel__button{color:var(--primary-500)}.tsel__value{text-overflow:ellipsis;white-space:nowrap;flex:1;margin-inline-end:16px;padding-inline-start:4px;font-size:14px;line-height:20px;overflow:hidden}.tsel__caret{block-size:24px;inline-size:24px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:flex}.tsel__caret svg{block-size:16px;inline-size:10px;transition:transform .2s}.tsel__button:hover .tsel__caret,.tsel[data-open=true] .tsel__caret{color:var(--primary-500)}.tsel[data-open=true] .tsel__caret svg{transform:rotate(180deg)}.tsel__rule{background:var(--ink);border-radius:100px;block-size:3px;inline-size:100%;display:block;position:absolute;inset-block-end:0;inset-inline-start:0}.tsel__button:hover .tsel__rule,.tsel[data-open=true] .tsel__rule{background:var(--primary-500)}.tsel__card{background:var(--canvas);border:1px solid var(--live-select-edge);box-shadow:0 10px 15px -3px var(--live-table-shadow), 0 4px 6px -4px var(--live-table-shadow);z-index:20;border-radius:16px;inline-size:100%;padding:8px;font-size:14px;position:absolute;inset-block-start:44px;inset-inline-start:0}.tsel__list{max-block-size:20rem;margin:0;padding:0;list-style:none;overflow:hidden auto}.tsel__option{cursor:pointer;border:2px solid #0000;border-radius:100px;align-items:center;block-size:36px;margin-block-end:4px;padding-inline-start:12px;display:flex}.tsel__option:hover{background:var(--primary-500);color:var(--on-dark)}.tsel__option[data-selected=true]{border-color:var(--primary-500)}.tsel__option[data-unavailable=true]{background:var(--live-grey-bg);color:var(--live-slate);cursor:not-allowed}.tsel__option[data-unavailable=true]:hover{background:var(--live-grey-bg);color:var(--live-slate)}