.color-swatch[data-v-fce95a31]{box-sizing:border-box;vertical-align:middle;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.color-swatch--default[data-v-fce95a31]{width:20px;height:20px}.color-swatch--small[data-v-fce95a31]{width:16px;height:16px}.color-swatch--placeholder[data-v-fce95a31]{color:var(--fg-subtle,#888);cursor:default;background-color:#0000;justify-content:center;align-items:center;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.color-swatch--small.color-swatch--placeholder[data-v-fce95a31]{font-size:9px}.color-swatch__checker[data-v-fce95a31]{opacity:.5;clip-path:polygon(0 0,100% 0,100% 100%);--checker-tone:var(--stroke-default,#ccc);background-image:linear-gradient(45deg,var(--checker-tone) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-tone) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-tone) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-tone) 75%);background-position:0 0,0 2px,2px -2px,-2px 0;background-size:4px 4px;position:absolute;inset:0}