@layer components{.csel{--csel-size:15px;min-width:0;display:inline-flex;position:relative}.csel-field{height:calc(var(--csel-size) + 21px);border-radius:var(--gp-r-m);background:var(--gp-field);box-shadow:inset 0 0 0 1px var(--gp-line);color:var(--gp-ink);transition:box-shadow var(--gp-d-state) var(--gp-ease-state);align-items:center;gap:6px;padding:0 4px 0 10px;display:inline-flex}@media (hover:hover){.csel-field:hover{box-shadow:inset 0 0 0 1px var(--gp-edge)}}.csel-field:focus-within{box-shadow:inset 0 0 0 1.5px var(--gp-m-300)}.csel-field[data-state=unknown]{color:var(--gp-bad)}.csel-icon{width:15px;height:15px;color:var(--gp-ink-3);flex:none}.csel-input{width:6.5em;min-width:0;font:700 var(--csel-size) / 1 var(--gp-f-body);letter-spacing:-.01em;color:inherit;text-overflow:ellipsis;background:0 0;border:0;outline:none}.csel-input::placeholder{color:var(--gp-ink-3);letter-spacing:0;font-size:13px;font-weight:500}.csel-clear{border-radius:var(--gp-r-xs);width:28px;height:28px;color:var(--gp-ink-3);cursor:pointer;flex:none;place-items:center;display:grid}.csel-clear[data-away]{visibility:hidden}.csel-clear:hover{background:var(--gp-well);color:var(--gp-ink)}.csel-list{z-index:50;border-radius:var(--gp-r-m);background:var(--gp-sheet);width:240px;max-height:264px;box-shadow:var(--gp-shadow-pop);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.csel-list[data-inline]{margin-top:6px;position:static}.csel-opt{border-radius:var(--gp-r-s);text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 10px;display:flex}.csel-opt[aria-selected=true]{background:var(--gp-m-100)}.csel-name{font:700 14.5px/1 var(--gp-f-body);color:var(--gp-ink)}.csel-cat{font:550 12px/1 var(--gp-f-body);color:var(--gp-ink-3);margin-left:auto}.csel-note{text-align:center;font:500 13px/1.3 var(--gp-f-body);color:var(--gp-ink-3);padding:12px 8px}.csel-create{box-shadow:0 -1px 0 var(--gp-line);border-radius:0 0 var(--gp-r-s) var(--gp-r-s);font:650 13.5px/1.2 var(--gp-f-body);color:var(--gp-m-700);margin-top:4px}.csel-create:hover{background:var(--gp-m-100)}.csel-sec{font:700 10px/1 var(--gp-f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--gp-ink-3);padding:8px 8px 5px}.csel-chips{flex-wrap:wrap;gap:4px;padding:0 6px 8px;display:flex}.csel-chip{border-radius:var(--gp-r-xs);background:var(--gp-well);height:28px;font:650 13px/1 var(--gp-f-body);color:var(--gp-ink);cursor:pointer;transition:background-color var(--gp-d-state) var(--gp-ease-state);align-items:center;padding:0 10px;display:inline-flex}.csel-chip:hover{background:var(--gp-s2)}.csel-chip[data-now]{background:var(--gp-m-100);color:var(--gp-m-700)}.csel-row{border-radius:var(--gp-r-s);align-items:center;gap:2px;padding-left:6px;display:flex}.csel-row[data-hi]{background:var(--gp-m-100)}.csel-row .csel-opt{flex:1;min-width:0;padding-left:6px}.csel-row .csel-opt[aria-selected=true]{background:0 0}.csel-play{border-radius:var(--gp-r-pill);background:var(--gp-card);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--gp-edge);color:var(--gp-m-500);cursor:pointer;flex:none;place-items:center;display:grid}.csel-play svg{fill:currentColor;width:9px;height:9px;margin-left:1px}.csel-row[data-hi] .csel-play{background:var(--gp-m-500);box-shadow:none;color:var(--gp-m-on)}.csel-nm{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.csel-nm .csel-cat{margin-left:0}.csel-shape{flex:none;place-items:center;width:44px;display:grid}}