.rk-variant-swatch{background-color:var(--rk-color-bg-light);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rk-color-text) 18%, transparent);background-repeat:no-repeat;border-radius:50%;flex-shrink:0;display:inline-block}.rk-variant-swatch--sm{width:14px;height:14px}.rk-variant-swatch--lg{width:32px;height:32px}.rk-variant-swatch--empty{box-shadow:inset 0 0 0 1px var(--rk-color-border-strong);background-color:#0000}.rk-variants__row{flex-wrap:wrap}.rk-variants__row .rk-services__row-main{flex:1 1 0}.rk-variants__swatches{flex:0 0 30px;align-items:center;gap:2px;display:inline-flex}.rk-variants__row-name.rk-services__row-name{flex:0 1 var(--rk-variant-name-w,auto);text-overflow:ellipsis;white-space:nowrap;max-width:50%;overflow:hidden}.rk-variants__row-values{min-width:0;color:var(--rk-color-text-body);overflow-wrap:anywhere;flex:auto;font-size:13px;font-weight:500;line-height:1.3}.rk-variants__row-values:before{color:var(--rk-color-text-muted);content:"·";margin-right:8px}.rk-variants__row.is-invalid .rk-services__row-main{box-shadow:inset 3px 0 0 var(--rk-color-danger)}.rk-variants__row-error.MuiFormHelperText-root{flex:0 0 100%;margin:0;padding:0 14px 10px}.rk-variant-editor{flex-direction:column;gap:16px;display:flex}.rk-variant-editor__label{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.rk-variant-editor__note{color:var(--rk-color-text-muted);text-transform:none;font-size:12px;font-weight:400}.rk-variant-editor__title{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:inline-flex}.rk-variant-editor__title-count{color:var(--rk-color-text-muted);font-size:12px;font-weight:500}@media (max-width:575.98px){.rk-variants__row .rk-services__row-main{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"swatch name chevron""swatch values chevron"}.rk-variants__swatches{grid-area:swatch}.rk-variants__row-name.rk-services__row-name{grid-area:name;max-width:none}.rk-variants__row-values{grid-area:values;font-size:12px}.rk-variants__row-values:before{content:none}.rk-variants__list--plain .rk-variants__row .rk-services__row-main{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name chevron""values chevron"}}