.shades-warp[data-v-479f4604]{position:absolute;top:0;width:100%;height:100%}.shades-warp .shades[data-v-479f4604]{display:flex;flex-direction:column;height:100%}.shades-warp .shades .shade[data-v-479f4604]{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-grow:1}.shades-warp .shades .shade :hover .color-hex[data-v-479f4604]{visibility:visible}.shades-warp .shades .shade .color[data-v-479f4604]{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-479f4604]{visibility:visible}.shades-warp .shades .shade .color .color-hex[data-v-479f4604]{visibility:hidden;display:flex;cursor:pointer;align-items:center}.color-item[data-v-aa992541]{position:relative;height:100%;text-align:center;color:var(--text-color-white);width:var(--01d7284e);transition:transform .2s ease-in-out,left .2s ease-in-out,width .2s ease-in-out}.color-item .color[data-v-aa992541]{padding-top:20px}.color-item .color .hex[data-v-aa992541]{cursor:pointer;font-weight:500;font-size:22px}.color-item .color .name[data-v-aa992541]{opacity:.6}.color-item .color-actions[data-v-aa992541]{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-aa992541]{cursor:pointer;width:24px;height:24px;margin:16px auto}.color-item .color-actions .move[data-v-aa992541]{cursor:grab}.color-item-dark[data-v-aa992541],.color-item-dark .color-actions[data-v-aa992541]{color:#000}.chrome-color-picker[data-v-aa992541]{padding:0;box-shadow:none}.chrome-color-picker[data-v-aa992541] .vc-chrome-saturation-wrap{border-radius:4px}.gradient-text[data-v-a13c8ca8]{width:100%;padding:18px 6px;text-align:center}.gradient-text .text[data-v-a13c8ca8]{-webkit-background-clip:text;background-clip:text;font-size:30px;background-image:var(--754d0f98);-webkit-text-fill-color:transparent}.gradient-text .cache-input[data-v-a13c8ca8]{margin:9px auto;width:60%}.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}.colors-palette[data-v-061859d5]{position:relative;width:100%;height:600px;overflow:hidden;border-bottom-left-radius:12px;border-bottom-right-radius:12px;background-color:var(--text-color-white);padding:0 12px 12px}.colors-palette .dashboard[data-v-061859d5]{position:relative;width:100%;height:100%;overflow:hidden}.colors-palette .dashboard .menu[data-v-061859d5]{height:56px;display:flex;align-items:center;box-shadow:#00000014 0 1px}.colors-palette .dashboard .menu .nav[data-v-061859d5]{display:inline-flex;align-items:center;gap:8px}.colors-palette .dashboard .menu .nav>span[data-v-061859d5]{cursor:pointer;width:24px;height:24px}.colors-palette .dashboard .back-in-enter-active[data-v-061859d5],.colors-palette .dashboard .back-in-leave-active[data-v-061859d5]{transition:height .5s ease}.colors-palette .dashboard .back-in-enter-from[data-v-061859d5],.colors-palette .dashboard .back-in-leave-to[data-v-061859d5]{height:0}.colors-palette .dashboard .generator-colors[data-v-061859d5]{width:100%;height:100%}.colors-palette .dashboard .generator-colors .drag-color-group[data-v-061859d5]{height:100%;display:flex;flex-direction:row;justify-content:space-between}