.color-blocks[data-v-4c6cfc37]{color:#858585;white-space:pre-wrap;opacity:1;flex-wrap:wrap;line-height:20px;transition:opacity .3s;display:inline-flex}.color-blocks span[data-v-4c6cfc37]{margin:4px 8px 4px 0;display:flex;position:relative}.color-blocks span b[data-v-4c6cfc37]{box-sizing:border-box;border:1px solid #00000029;border-radius:2px;width:24px;height:24px}.color-blocks span em[data-v-4c6cfc37]{white-space:nowrap;color:#fff;pointer-events:none;background-color:#000;border-radius:2px;margin-bottom:4px;padding:0 8px;font-size:12px;line-height:20px;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.color-blocks span em[data-v-4c6cfc37]:before{content:"";border:3px solid #0000;border-top-color:#000;border-bottom-width:0;margin-left:-3px;position:absolute;top:100%;left:50%}.color-blocks span i[data-v-4c6cfc37]{color:#fff;text-shadow:0 0 3px #0009;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;display:none;position:absolute;top:0;left:0}.color-blocks span:hover em[data-v-4c6cfc37]{display:block}.color-blocks span[active=true] b[data-v-4c6cfc37]{border-color:#ff5c00}.color-blocks span[active=true] i[data-v-4c6cfc37]{color:#ff5c00;display:flex}.color-blocks[optional=true]>span[data-v-4c6cfc37]{cursor:pointer}.color-blocks[size=mini] span[data-v-4c6cfc37]{margin:2px 4px 2px 0}.color-blocks[size=mini] span>b[data-v-4c6cfc37]{width:16px;height:16px}@media screen and (width<=640px){.color-blocks[data-v-4c6cfc37]{min-width:66px}}