.color-blocks[data-v-4c6cfc37]{color:#858585;display:inline-flex;flex-wrap:wrap;line-height:20px;opacity:1;transition:opacity .3s;white-space:pre-wrap}.color-blocks span[data-v-4c6cfc37]{display:flex;margin:4px 8px 4px 0;position:relative}.color-blocks span b[data-v-4c6cfc37]{border:1px solid rgba(0,0,0,.16);border-radius:2px;box-sizing:border-box;height:24px;width:24px}.color-blocks span em[data-v-4c6cfc37]{background-color:#000;border-radius:2px;bottom:100%;color:#fff;display:none;font-size:12px;left:50%;line-height:20px;margin-bottom:4px;padding:0 8px;pointer-events:none;position:absolute;transform:translate(-50%);white-space:nowrap}.color-blocks span em[data-v-4c6cfc37]:before{border-color:#000 transparent transparent;border-style:solid;border-width:3px 3px 0;content:"";left:50%;margin-left:-3px;position:absolute;top:100%}.color-blocks span i[data-v-4c6cfc37]{align-items:center;color:#fff;display:flex;display:none;font-size:16px;height:100%;justify-content:center;left:0;position:absolute;text-shadow:0 0 3px rgba(0,0,0,.6);top:0;width:100%}.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]{height:16px;width:16px}@media screen and (max-width:640px){.color-blocks[data-v-4c6cfc37]{min-width:66px}}