.rse.kit-cp{display:contents}.rse .kit-cp-face{justify-content:flex-start;min-height:var(--ui-space-40)}.rse .input.pick.kit-cp-face{font-weight:var(--ui-weight-400)}.rse .kit-cp-face>svg{margin-left:auto;color:var(--ui-ink-3);flex:none}.rse .kit-cp-face[data-compact]{min-height:var(--ui-space-34);padding-top:var(--ui-space-6);padding-bottom:var(--ui-space-6);font-size:var(--ui-text-13)}.rse .kit-cp-face[data-face=swatch]{width:var(--ui-space-34);min-height:var(--ui-space-34);height:var(--ui-space-34);padding:0;justify-content:center;flex:none}.rse .kit-cp-face[data-prompt] .kit-cp-words{color:var(--ui-ink-3)}.rse .kit-cp-face[data-invalid]{border-color:var(--ui-danger)}.rse .kit-cp-face[aria-disabled=true]{background:var(--ui-surface-soft);color:var(--ui-ink-3);cursor:not-allowed}.rse .kit-cp-face[aria-disabled=true] .kit-cp-sw{opacity:var(--ui-opacity-60)}.rse .kit-cp-words{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}body:has(.rse) .kit-cp-sw{flex:none;display:block;width:var(--ui-space-20);height:var(--ui-space-20);border-radius:var(--ui-radius-6);background:var(--ui-surface-soft);box-shadow:var(--ui-ring-inset-1-line)}body:has(.rse) .kit-cp-panel{display:grid;gap:var(--ui-space-12)}body:has(.rse) .kit-cp-group{margin:0 0 var(--ui-space-6);color:var(--ui-ink-3);font-size:var(--ui-text-12);font-weight:var(--ui-weight-600)}body:has(.rse) .kit-cp-swatches{display:flex;flex-wrap:wrap;gap:var(--ui-space-8)}body:has(.rse) .kit-cp-swatch{position:relative;display:grid;place-items:center;width:var(--ui-space-40);height:var(--ui-space-40);padding:0;border:0;border-radius:var(--ui-radius-10);background:none;cursor:pointer}body:has(.rse) .kit-cp-swatch .kit-cp-sw{width:var(--ui-space-32);height:var(--ui-space-32);border-radius:var(--ui-radius-8)}body:has(.rse) .kit-cp-swatch:focus-visible,body:has(.rse) .kit-cp-swatch:hover{background:var(--ui-surface-alt-3);outline:0}body:has(.rse) .kit-cp-swatch:focus-visible{box-shadow:var(--ui-ring-inset-1-line)}body:has(.rse) .kit-cp-check{position:absolute;top:var(--ui-space-2);right:var(--ui-space-2);display:grid;place-items:center;width:var(--ui-space-16);height:var(--ui-space-16);border-radius:var(--ui-radius-99);background:var(--ui-accent);color:var(--ui-surface-panel);animation:rse-cr-check var(--kit-dur-tick-in) var(--kit-ease-out)}body:has(.rse) .kit-cp-check>svg{width:var(--ui-space-10);height:var(--ui-space-10);stroke-width:3.5}body:has(.rse) .kit-cp-area{min-height:var(--ui-space-120)}body:has(.rse) .kit-cp-area-bone{display:block;height:calc(var(--ui-space-120) + var(--ui-space-40));border-radius:var(--ui-radius-10);background:var(--ui-surface-soft);animation:rse-kit-pulse var(--ui-duration-1100) var(--ui-ease-in-out-keyword) infinite}body:has(.rse) .kit-cp-hexbox{position:relative;display:flex;align-items:center}body:has(.rse) .kit-cp-hexbox>.kit-cp-sw{position:absolute;left:var(--ui-space-10);pointer-events:none}body:has(.rse) .kit-cp-panel .input.kit-cp-hex{padding-left:var(--ui-space-40);font-variant-numeric:tabular-nums;text-transform:uppercase}body:has(.rse) .kit-cp-line{margin:0;color:var(--ui-ink-3);font-size:var(--ui-text-13);line-height:var(--ui-leading-1_5)}@media (prefers-reduced-motion:reduce){body:has(.rse) .kit-cp-area-bone,body:has(.rse) .kit-cp-check{animation:none}}@media (max-width:639px){body:has(.rse) .kit-cp-swatch{width:var(--ui-space-44);height:var(--ui-space-44)}}