.background-gradient[data-v-2f9773f2]{width:100%;height:100%;text-align:center;background:var(--4993a2a0)}.background-gradient:hover .color-name[data-v-2f9773f2]{visibility:visible}.background-gradient .color-name[data-v-2f9773f2]{padding-top:20px;color:#fff9;visibility:hidden}.shades-warp[data-v-62709a59]{position:absolute;top:0;width:100%;height:100%}.shades-warp .shades[data-v-62709a59]{display:flex;flex-direction:column;height:100%}.shades-warp .shades .shade[data-v-62709a59]{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-grow:1}.shades-warp .shades .shade :hover .color-hex[data-v-62709a59]{visibility:visible}.shades-warp .shades .shade .color[data-v-62709a59]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.shades-warp .shades .shade .color:hover .color-hex[data-v-62709a59]{visibility:visible}.shades-warp .shades .shade .color .color-hex[data-v-62709a59]{visibility:hidden;display:flex;cursor:pointer;align-items:center}.color-item[data-v-32686e8c]{position:relative;height:100%;text-align:center;color:var(--text-color-white);width:var(--f4ad90d8);transition:transform .2s ease-in-out,left .2s ease-in-out,width .2s ease-in-out}.color-item .color[data-v-32686e8c]{padding-top:20px}.color-item .color .hex[data-v-32686e8c]{cursor:pointer;font-size:22px;font-weight:500}@media (max-width: 479.9px){.color-item .color .hex[data-v-32686e8c]{font-size:14px}}.color-item .color .name[data-v-32686e8c]{opacity:.6}.color-item .color-actions[data-v-32686e8c]{margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color-white)}.color-item .color-actions .operation[data-v-32686e8c]{cursor:pointer;width:24px;height:24px;margin:16px auto}.color-item .color-actions .move[data-v-32686e8c]{cursor:grab}.color-item-dark[data-v-32686e8c],.color-item-dark .color-actions[data-v-32686e8c]{color:#000}.chrome-color-picker[data-v-32686e8c]{padding:0;box-shadow:none}.chrome-color-picker[data-v-32686e8c] .vc-chrome-saturation-wrap{border-radius:4px}.gradient-text[data-v-eaf0f278]{width:100%;padding:18px 6px;text-align:center}.gradient-text .text[data-v-eaf0f278]{-webkit-background-clip:text;background-clip:text;font-size:30px;background-image:var(--0fba0aee);-webkit-text-fill-color:transparent}.gradient-text .cache-input[data-v-eaf0f278]{margin:9px auto;width:60%}.colors-palette[data-v-2cc7867e]{position:relative;height:600px;width:100%;overflow:hidden;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:var(--text-color-white);padding:0 12px 12px}@media (max-width: 479.9px){.colors-palette[data-v-2cc7867e]{height:100%}}.colors-palette .dashboard[data-v-2cc7867e]{position:relative;width:100%;height:100%;overflow:hidden}.colors-palette .dashboard .menu[data-v-2cc7867e]{height:56px;display:flex;align-items:center;box-shadow:#00000014 0 1px}.colors-palette .dashboard .menu .nav[data-v-2cc7867e]{display:inline-flex;align-items:center;gap:8px}.colors-palette .dashboard .menu .nav>span[data-v-2cc7867e]{cursor:pointer;width:24px;height:24px}.colors-palette .dashboard .back-in-enter-active[data-v-2cc7867e],.colors-palette .dashboard .back-in-leave-active[data-v-2cc7867e]{transition:height .5s ease}.colors-palette .dashboard .back-in-enter-from[data-v-2cc7867e],.colors-palette .dashboard .back-in-leave-to[data-v-2cc7867e]{height:0}.colors-palette .dashboard .generator-colors[data-v-2cc7867e]{width:100%;height:100%}.colors-palette .dashboard .generator-colors .drag-color-group[data-v-2cc7867e]{height:100%;display:flex;flex-direction:row;justify-content:space-between}