@property --selectable-grid-cell{syntax:"<length>";inherits:true;initial-value:0}@property --selectable-grid-gap{syntax:"<length>";inherits:true;initial-value:0}@layer components{._root_dcnje_43{gap:var(--selectable-grid-stack-gap,8px);min-width:0;inline-size:var(--selectable-grid-width,fit-content);flex-direction:column;max-inline-size:100%;display:flex}:where(._root_dcnje_43){--selectable-grid-cell:var(--control-md-height);--selectable-grid-gap:var(--control-md-gap)}._root_dcnje_43[data-size=sm]{--selectable-grid-cell:var(--control-sm-height)}._root_dcnje_43[data-size=md]{--selectable-grid-cell:var(--control-md-height)}._root_dcnje_43[data-size=lg]{--selectable-grid-cell:var(--control-lg-height)}._searchRow_dcnje_140{align-items:center;gap:var(--selectable-grid-gap);flex-direction:row;display:flex}._searchInput_dcnje_147{flex:1;min-width:0}._rows_dcnje_73{gap:var(--selectable-grid-gap);flex-direction:column;display:flex;overflow-x:clip}._row_dcnje_73{gap:var(--selectable-grid-gap);flex-direction:row;display:flex}._rowVirtual_dcnje_198{padding-block-end:var(--selectable-grid-gap)}._rowsCropped_dcnje_162{max-block-size:calc(var(--selectable-grid-visible-rows) * var(--selectable-grid-cell) + (var(--selectable-grid-visible-rows) - 1) * var(--selectable-grid-gap));overflow-y:auto}._rowsReserved_dcnje_82{min-width:calc(var(--selectable-grid-columns) * var(--selectable-grid-cell) + (var(--selectable-grid-columns) - 1) * var(--selectable-grid-gap))}._swatch_1ml9c_12{--color-grid-ring-width:2px;--color-grid-ring-radius:var(--radius-ds26-md);--color-grid-chip-inset:4px;--color-grid-chip-radius:var(--radius-ds26-xs);--color-grid-chip-border:color-mix(in srgb, var(--color-ds26-invert-solid-bg) 24%, transparent);--color-grid-state-duration:.2s;--color-grid-state-ease:cubic-bezier(.77, 0, .175, 1);--color-grid-tick-switch:clamp(0, (.1791 - .2126 * r - .7152 * g - .0722 * b) * 100000, 1);--color-grid-tick-ink:color(from var(--color-grid-chip-color) srgb-linear var(--color-grid-tick-switch) var(--color-grid-tick-switch) var(--color-grid-tick-switch) / 1);width:var(--selectable-grid-cell);height:var(--selectable-grid-cell);cursor:pointer;border-radius:var(--color-grid-ring-radius);box-shadow:inset 0 0 0 var(--color-grid-ring-width) transparent;transition:box-shadow var(--color-grid-state-duration) var(--color-grid-state-ease);background:0 0;border:none;padding:0;position:relative}._swatch_1ml9c_12:focus-visible{outline:2px solid var(--color-ds26-focus-ring);outline-offset:2px}._chip_1ml9c_98{border-radius:var(--color-grid-ring-radius);border:.5px solid var(--color-grid-chip-border);background:var(--color-grid-chip-color);transition:inset var(--color-grid-state-duration) var(--color-grid-state-ease), border-radius var(--color-grid-state-duration) var(--color-grid-state-ease), box-shadow var(--color-grid-state-duration) var(--color-grid-state-ease);position:absolute;inset:0}._swatch_1ml9c_12:hover ._chip_1ml9c_98{box-shadow:inset 0 0 0 var(--selectable-grid-cell) color-mix(in srgb, var(--color-grid-tick-ink) 24%, transparent)}._swatch_1ml9c_12:active ._chip_1ml9c_98{inset:var(--color-grid-chip-inset);border-radius:var(--color-grid-chip-radius)}._swatch_1ml9c_12:active{box-shadow:inset 0 0 0 var(--color-grid-ring-width) var(--color-ds26-border-overlay-24)}._tick_1ml9c_64{pointer-events:none;color:var(--color-grid-tick-ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._tick_1ml9c_64>svg{stroke-width:3px;width:55%;height:55%}}@media (prefers-reduced-motion:reduce){@layer components{._swatch_1ml9c_12,._chip_1ml9c_98{transition:none}}}