.attr-swatch-color[data-v-22edf742]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border-radius:.5rem;cursor:pointer;transition:border-color .2s}.attr-swatch-image-wrap[data-v-22edf742]{position:relative;display:inline-block;border-radius:.5rem;border:1px solid var(--el-border-color);transition:border-color .2s}.attr-swatch-image-wrap--selected[data-v-22edf742]{border-color:var(--el-color-primary)}.attr-swatch-icon[data-v-22edf742]{position:absolute;right:2px;bottom:2px;width:1rem;height:1rem;color:var(--el-text-color-secondary);opacity:.8}.attr-swatch-dot[data-v-22edf742]{position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:50%}.attr-swatch-dot--white[data-v-22edf742]{background:#fff;box-shadow:0 0 0 1px #00000026}[data-v-22edf742] .attr-swatch-image>span{height:100%}