[data-swatches-type] .ct-swatch-container{display:flex;justify-content:center;position:relative;appearance:none;background:rgba(0,0,0,0);cursor:pointer;border-radius:var(--swatch-border-radius)}[data-swatches-type] .ct-swatch-container .ct-swatch{position:relative;cursor:pointer;overflow:clip;height:var(--swatch-size,30px);border-radius:inherit}[data-swatches-type] .ct-swatch-container .ct-swatch-content{display:flex;align-items:center;justify-content:center;height:100%}[data-swatches-type] .ct-swatch-container:hover{background:rgba(0,0,0,0)}[data-swatches-shape=round]{--swatch-border-radius:200px}[data-swatches-shape=square]{--swatch-border-radius:3px}[data-swatches-type=button] .ct-swatch{min-width:var(--swatch-size);padding:2px calc(var(--swatch-size) / 3.5);font-size:calc(var(--swatch-size) / 2.5);font-weight:600;line-height:1;color:var(--swatch-button-text-color,var(--theme-text-color));background:var(--swatch-button-background-color);border:2px solid var(--swatch-button-border-color,var(--theme-border-color));transition:color .12s cubic-bezier(.455,.03,.515,.955),background .12s cubic-bezier(.455,.03,.515,.955),border-color .12s cubic-bezier(.455,.03,.515,.955)}:is([data-swatches-type=color],[data-swatches-type=image],[data-swatches-type=mixed]) .ct-swatch{width:var(--swatch-size,30px);padding:2px;border:2px solid var(--swatch-border-color,var(--theme-border-color));transition:border-color .12s cubic-bezier(.455,.03,.515,.955)}:is([data-swatches-type=color],[data-swatches-type=image],[data-swatches-type=mixed]) .ct-swatch-content{aspect-ratio:1/1;border-radius:inherit}