.color-swatch-list[data-v-20e00e17]{--swatch-height:4rem;--swatch-width:auto;border-radius:var(--border-radius-md);display:grid;grid-template-columns:repeat(var(--slot-count),1fr);overflow:clip}.color-swatch[data-v-20e00e17]{position:relative;z-index:1}.color-swatch[data-v-20e00e17]:last-child{animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-out;transform-origin:0 50%;transition:border-radius .2s ease;z-index:0}.-in .color-swatch[data-v-20e00e17]:last-child{animation-name:swatch-in-20e00e17}.-out .color-swatch[data-v-20e00e17]:last-child{animation-name:swatch-out-20e00e17}.-out .color-swatch[data-v-20e00e17]:nth-last-child(2),.color-swatch[data-v-20e00e17]:last-child{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}@keyframes swatch-in-20e00e17{0%{transform:scaleX(.5)}50%{transform:scaleX(1.1)}80%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes swatch-out-20e00e17{0%{opacity:1;transform:scaleX(1) translate(-50%)}50%{transform:scaleX(.4) translate(-50%)}80%{transform:scaleX(.2) translate(-50%)}to{opacity:0;transform:scaleX(0) translate(-50%)}}