.color-palette[data-v-30fda781]{gap:.5rem}.color-swatch[data-v-30fda781]{width:36px;height:36px;border-radius:5px;//border:2px solid rgba(0,0,0,.08);position:relative;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s ease,box-shadow .12s ease;outline:none}.color-swatch[data-v-30fda781]:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.12)}.color-swatch[data-v-30fda781]:focus{box-shadow:0 0 0 3px hsla(0,0%,100%,.12),0 0 0 6px rgba(0,0,0,.12);outline:none}.color-swatch.selected[data-v-30fda781]{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.12),0 10px 18px rgba(0,0,0,.18);//border-color:rgba(0,0,0,.16)}.color-swatch .check[data-v-30fda781]{color:#fff;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.45);font-size:18px;line-height:1;pointer-events:none}