.common-simple-attribute[data-v-784c9d82]{display:flex;flex-direction:column;max-width:fit-content}.common-simple-attribute__header[data-v-784c9d82]{display:flex;align-items:center;gap:4px;margin-bottom:6px}.common-simple-attribute__label[data-v-784c9d82]{display:flex;flex-wrap:wrap;gap:4px;cursor:default;margin-bottom:6px;font-size:13px;font-weight:400;line-height:150%}.common-simple-attribute__label-name[data-v-784c9d82]{color:var(--color-neutral-900)}.common-simple-attribute__options[data-v-784c9d82]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:4px;border:1px solid var(--color-surface-300)}.common-simple-attribute__option[data-v-784c9d82]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:0;border-radius:2px;background:transparent;cursor:pointer;font-size:12px;font-weight:400;line-height:normal;color:var(--color-primary-900);border:1px solid transparent;transition:background-color .15s,border-color .15s,color .15s}.common-simple-attribute__option--selected[data-v-784c9d82]{background:var(--color-primary-900);color:var(--color-neutral-50)}.common-simple-attribute__option--unavailable[data-v-784c9d82]{color:var(--color-neutral-500)}.common-simple-attribute__option[data-v-784c9d82]:disabled{cursor:default}@media(hover:hover)and (pointer:fine){.common-simple-attribute__option[data-v-784c9d82]:not(.common-simple-attribute__option--selected):not(:disabled):hover{border-color:var(--color-surface-400);background:var(--color-surface-200)}}