.ideata-ccs{width:100%}.ideata-ccs__image-wrap{position:relative;overflow:hidden;margin-inline:auto}.ideata-ccs__image{display:block;width:100%;height:100%;object-fit:contain;opacity:1;transform:scale(1);transition:opacity var(--ideata-ccs-duration,350ms) ease,transform var(--ideata-ccs-duration,350ms) ease}.ideata-ccs.is-changing .ideata-ccs__image{opacity:0;transform:scale(.985)}.ideata-ccs__controls{display:flex;flex-direction:column;align-items:center}.ideata-ccs__label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:inherit;gap:.45em;text-align:inherit}.ideata-ccs__name{font-size:18px;font-weight:600;line-height:1.3}.ideata-ccs__code{font-size:13px;line-height:1.3}.ideata-ccs__swatches{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.ideata-ccs__swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:4px;border:1px solid #d8d8d8;border-radius:50%;background:transparent;cursor:pointer;outline:0;transition:border-color .2s ease,transform .2s ease}.ideata-ccs__swatch span{display:block;width:100%;height:100%;border-radius:50%;background:var(--ideata-swatch-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ideata-ccs__swatch:hover{transform:scale(1.06)}.ideata-ccs__swatch[aria-checked=true]{border-color:#111;outline:1px solid currentColor;outline-offset:3px}.ideata-ccs__swatch:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media (prefers-reduced-motion:reduce){.ideata-ccs__image,.ideata-ccs__swatch{transition:none!important}}