.dd{--dd-field: var(--color-field);--dd-field-hi: color-mix(in srgb, var(--ink) 3.5%, var(--color-field));--dd-band: var(--color-well-musty);--dd-row: var(--color-well);--dd-hole: var(--color-bg);--dd-ink: var(--ink);--dd-faint: var(--color-faint);--dd-act: var(--color-amber);--dd-r: var(--radius-control);position:relative;display:flex;flex-direction:column;min-width:0}.dd-field{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:40px;margin:0;padding:0 12px;border:0;border-radius:var(--dd-r);background:var(--dd-field);box-shadow:none;color:var(--dd-ink);font:inherit;font-size:var(--fs-body);font-weight:600;text-align:left;cursor:pointer;outline:none;transition:background-color var(--dur-state) ease}.dd-field .dd-value{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dd-field .dd-value.is-placeholder{color:var(--dd-faint)}.dd-field .dd-chev{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-state) ease}.dd-field:hover{background-color:var(--dd-field-hi)}.dd-field:focus-visible{outline:none;box-shadow:none}.dd-field.is-open:focus,.dd-filter:focus-within{outline:none;background:var(--color-field-focus);box-shadow:var(--field-edge)}.dd-field.is-open{border-radius:var(--dd-r) var(--dd-r) 0 0}.dd-field.is-open .dd-chev{transform:rotate(180deg);color:var(--dd-act)}.dd-panel{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:0 0 var(--dd-r) var(--dd-r);background:var(--dd-hole)}.dd-panel[hidden],.dd-band[hidden],.dd-filter[hidden]{display:none}.dd-band{position:relative;z-index:1;display:flex;align-items:center;min-height:32px;padding:0 12px;background:none;box-shadow:none;color:var(--dd-ink);font-size:var(--fs-xs);font-weight:600}.dd-filter{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;background:var(--dd-hole)}.dd-glass{flex:none;width:14px;height:14px;fill:none;stroke:var(--dd-faint);stroke-width:2.2;stroke-linecap:round}.dd-search{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:transparent;color:var(--dd-ink);font:inherit;font-size:var(--fs-body);outline:none;box-shadow:none}.dd-search::placeholder{color:var(--dd-faint)}.dd-list{display:flex;flex-direction:column;gap:2px;max-height:280px;margin:0;padding:2px 0 0;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:var(--dd-hole);outline:none;scrollbar-width:thin}.dd-opt{flex:none;display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;background:var(--dd-row);color:var(--dd-ink);font-size:var(--fs-body);font-weight:600;cursor:pointer}.dd-opt-label{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.3}.dd-opt-meta{flex:none;font-size:var(--fs-xs);color:var(--dd-faint)}.dd-check{flex:none;width:16px;height:16px;fill:none;stroke:var(--dd-act);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}.dd-opt.is-active{background:#1f2214;box-shadow:none}.dd-opt.is-chosen{color:var(--dd-act);font-weight:600;background:#1f2214}.dd-opt.is-chosen.is-active{background:color-mix(in srgb,#fff 9%,var(--dd-row))}.dd-opt.is-chosen .dd-opt-meta{color:var(--dd-act)}.dd-opt.is-chosen .dd-check{visibility:visible}.dd-group{flex:none;margin-bottom:-2px;padding:10px 12px 4px;background:var(--dd-row);color:var(--dd-faint);font-size:var(--fs-xs);font-weight:600}.dd-none{flex:none;padding:12px;background:var(--dd-row);color:var(--dd-faint);font-size:var(--fs-body)}.dd-panel.has-more:after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;background:linear-gradient(to bottom,transparent,rgb(0 0 0 / .5));pointer-events:none}