.ct-variation-swatches{display:flex;flex-wrap:wrap;gap:var(--swatches-gap,10px)}.ct-swatch-container{display:flex;justify-content:center;position:relative;border-radius:var(--swatch-border-radius)}.ct-swatch-container .ct-swatch{position:relative;cursor:pointer;overflow:clip;border-radius:inherit;height:var(--swatch-size,30px)}.ct-swatch-container.ct-hidden{display:none}.ct-swatch-container.ct-out-of-stock .ct-swatch{opacity:.4}.ct-swatch-container .ct-tooltip{transform:translate3d(0px,calc(-100% - 7px),0px)}.ct-swatch-container .ct-tooltip[data-tooltip-type=image]{height:auto;padding:7px}.ct-swatch-container .ct-tooltip .ct-media-container{width:80px}.ct-swatch-container:hover .ct-tooltip{opacity:1;visibility:visible;transform:translate3d(0px,calc(-100% - 12px),0px)}[data-swatches-type=button] .ct-swatch{display:flex;align-items:center;justify-content:center;min-width:var(--swatch-size);padding:0 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);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)}[data-swatches-type=color] .ct-swatch,[data-swatches-type=image] .ct-swatch,[data-swatches-type=mixed] .ct-swatch{padding:2px;width:var(--swatch-size,30px);background-clip:content-box;border:2px solid var(--swatch-border-color,var(--theme-border-color));transition:border-color .12s cubic-bezier(.455,.03,.515,.955)}.ct-variation-swatches:not([data-swatches-type=select]) select{display:none}.ct-inline-variations form.variations_form table.variations tr{flex-direction:row}.ct-inline-variations form.variations_form table.variations tr th{padding-top:.25em;width:30%}.ct-inline-variations form.variations_form table.variations tr td{width:70%}.ct-card-variation-swatches .variations{display:flex;flex-direction:column;gap:10px}.ct-card-variation-swatches .ct-variation-swatches{justify-content:var(--horizontal-alignment)}