:host{display:block;min-width:0}.ecc-cms-card{background:#fff;border:1px solid #dce2dc;border-radius:14px;box-sizing:border-box;color:#17221d;display:block;font-family:inherit;padding:12px;text-decoration:none;transition:border-color .15s}.ecc-cms-card:hover{border-color:#7b61b8}.ecc-cms-card:focus-visible{outline:2px solid #7b61b8;outline-offset:3px}.ecc-cms-swatches{border-radius:8px;display:flex;height:110px;overflow:hidden}.ecc-cms-swatches span{flex:1}.ecc-cms-label{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px 2px 4px}.ecc-cms-label h3{font:600 14px/1.4 system-ui,sans-serif;margin:0}.ecc-cms-label>span{font-size:18px}@media(prefers-reduced-motion:reduce){.ecc-cms-card{transition:none}}