.colors[data-v-f4a7e406]{display:flex;gap:4px;--container_size:22px;--image_size:18px;--active_border_color:#bfbfbf;max-width:100%;overflow:hidden;overflow-x:auto;scrollbar-color:#acacac;scrollbar-width:thin}.colors[data-v-f4a7e406]::-webkit-scrollbar{background-color:transparent;height:6px;width:6px}.colors[data-v-f4a7e406]::-webkit-scrollbar-thumb{background:#acacac;border-radius:3px}.colors.large[data-v-f4a7e406]{--container_size:50px;--image_size:36px;--active_border_color:var(--theme_color);flex-wrap:wrap}.colors.card[data-v-f4a7e406]{display:grid;gap:8px;grid-template-columns:auto;grid-template-rows:1fr 1fr;padding-bottom:10px;padding-top:8px}.colors.card .color-container[data-v-f4a7e406]{border-color:#ccc;border-radius:4px;height:auto;overflow:hidden;width:100%}.colors.card .color-container.selected[data-v-f4a7e406]{border-color:var(--theme_color);box-shadow:0 0 8px 0 var(--theme_color)}.colors.card .color-container>div[data-v-f4a7e406]{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.colors.card .color-container>div img[data-v-f4a7e406]{height:62px;margin:5px 0;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;width:62px}.color-container[data-v-f4a7e406]{align-items:center;border:1px solid transparent;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:var(--container_size);justify-content:center;transition:border-color .25s;width:var(--container_size)}.color-container.selected[data-v-f4a7e406]{border-color:var(--theme_color)}.color-image[data-v-f4a7e406]{border-radius:50%;height:var(--image_size);width:var(--image_size)}.color-info[data-v-f4a7e406]{font-size:16px;margin-top:20px}.color-info .label[data-v-f4a7e406]{color:#aaa}.color-info .color-link[data-v-f4a7e406]{font-weight:700;margin-left:8px}.color-info a.color-link[data-v-f4a7e406]{text-decoration:underline}.color-info a.color-link[data-v-f4a7e406]:active,.color-info a.color-link[data-v-f4a7e406]:hover{color:var(--theme_color)}