.colors[data-v-4dc06670]{align-self:center;display:flex;gap:8px}.colors__title[data-v-4dc06670]{align-content:center;display:flex;font-size:15px;font-weight:500;gap:4px;line-height:20px;margin-bottom:16px;position:relative}@media only screen and (max-width:767px){.colors__title[data-v-4dc06670]{margin-bottom:8px}}.colors__list[data-v-4dc06670]{display:flex;flex-wrap:wrap;gap:10px}.colors__name[data-v-4dc06670]{align-items:flex-end;display:flex;gap:4px}.colors__name p[data-v-4dc06670]{opacity:.6}.colors__name span[data-v-4dc06670]{font-weight:500}.colors--transform .color-item[data-v-4dc06670]{align-items:center;display:flex}.colors--transform .color-item[data-v-4dc06670]:not(:first-of-type){margin-left:-18px}.colors--column[data-v-4dc06670]{flex-direction:column;gap:18px}.colors.is-active .color-item[data-v-4dc06670]{cursor:pointer}.colors__tooltip[data-v-4dc06670]{background-color:#121317;border-radius:10px;bottom:24px;color:#fff;padding:14px 20px;position:absolute;width:-moz-max-content;width:max-content}.color-item[data-v-4dc06670]{border-radius:50%;transition:border-color .3s ease}.color-item__inner[data-v-4dc06670]{border-radius:50%;height:28px;position:relative;width:28px}@media only screen and (max-width:1023px){.color-item__inner[data-v-4dc06670]{height:20px;width:20px}}.color-item__inner[data-v-4dc06670]:before{border:2px solid #121317;border-radius:50%;content:"";display:block;height:30px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:30px;z-index:1}@media only screen and (max-width:1023px){.color-item__inner[data-v-4dc06670]:before{border-width:2px;height:22px;width:22px;z-index:1}}.color-item--sm .color-item__inner[data-v-4dc06670]{height:18px;width:18px}.color-item.is-active .color-item__inner[data-v-4dc06670]:before{opacity:1}.color-item--white .color-item__inner[data-v-4dc06670]:after{border:3px solid #bbb;border-radius:50%;content:"";height:27px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:27px}@media only screen and (max-width:1023px){.color-item--white .color-item__inner[data-v-4dc06670]:after{border-width:2px;height:18px;width:18px}}
