.color-set[data-v-89bfec9c]{display:flex;height:18px}.color-button[data-v-89bfec9c]{background-color:var(--color);border:none;color:#fcfcfc;cursor:pointer;height:100%;outline:none;padding:0;width:100%}.color-button[data-v-89bfec9c]:hover{outline:1px solid #fff;transform:scale(1.15,1.6)}.color-button[data-v-89bfec9c]:first-child{border-bottom-left-radius:9px;border-top-left-radius:9px}.color-button[data-v-89bfec9c]:last-child{border-bottom-right-radius:9px;border-top-right-radius:9px}.color-button .icon[data-v-89bfec9c]{height:7px;width:7px}.color-button:hover .icon[data-v-89bfec9c]{transform:scaleX(1.4)}.color-button:not(.active) .icon[data-v-89bfec9c]{display:none}@media (max-width:823.98px){.color-set[data-v-89bfec9c]{gap:10px;height:32px}.color-button[data-v-89bfec9c]{border-radius:0!important}.color-button[data-v-89bfec9c]:hover,.color-button:hover .icon[data-v-89bfec9c]{outline:0!important;transform:none!important}}