.palette-colors-editor[data-v-795e6e52]{display:flex;gap:14px;padding:13px}.slot[data-v-795e6e52]{box-sizing:border-box;font-size:0;padding:26px 0;position:relative}.label[data-v-795e6e52]{bottom:0;font-size:13px;font-weight:400;left:50%;letter-spacing:.25px;position:absolute;transform:translate(-50%) scale(0);transition-delay:.1s;transition-duration:.2s;transition-property:transform;will-change:transform}.slot:not(.selected) .with-label:hover+.label[data-v-795e6e52]{transform:translate(-50%)}.slot[data-v-795e6e52]:not(.empty):before{border:3px solid #d9dbe9;border-radius:50%;box-sizing:border-box;content:"";height:58px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition-delay:.1s;transition-duration:.2s;transition-property:transform;width:58px;will-change:transform}.slot[data-v-795e6e52]:not(.empty):hover:before{transform:translate(-50%,-50%)}.slot[data-v-795e6e52]:after{border:1px solid #000;bottom:0;box-sizing:border-box;content:"";height:0;left:50%;position:absolute;transform:translate(-50%);transition-delay:.1s;transition-duration:.2s;transition-property:width,visibility;visibility:hidden;width:0;will-change:width,visibility}.slot.selected[data-v-795e6e52]:after{visibility:visible;width:100%}.delete-button[data-v-795e6e52]{align-items:center;background-color:#a0a3bd;border:2px solid #fff;border-radius:50%;box-sizing:content-box;color:#fcfcfc;cursor:pointer;display:flex;height:18px;justify-content:center;left:50%;outline:none;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition-delay:.1s;transition-duration:.2s;transition-property:transform;width:18px;will-change:transform}.slot:not(.empty):hover .delete-button[data-v-795e6e52]{transform:translate(-50%,calc(-50% - 34px))}.slot:not(.empty):hover .delete-button[data-v-795e6e52]:hover{background-color:#262338;transform:translate(-50%,calc(-50% - 34px)) scale(1.44)}.delete-button .icon[data-v-795e6e52]{height:10px;transform:rotate(45deg);width:10px}.edit-button[data-v-795e6e52]{border:none;padding:0;position:relative}.add-button[data-v-795e6e52],.edit-button[data-v-795e6e52]{background-color:transparent;cursor:pointer;height:42px;outline:none;width:42px}.add-button[data-v-795e6e52]{align-items:center;border:3px solid #a0a3bd;border-radius:50%;box-sizing:border-box;color:#a0a3bd;display:flex;justify-content:center}.add-button[data-v-795e6e52]:hover{background-color:#262338;border:none;color:#fcfcfc}.add-button .icon[data-v-795e6e52]{height:14px;width:14px}.shuffle-button[data-v-795e6e52]{align-items:center;background-color:transparent;border:none;box-sizing:border-box;color:#262338;cursor:pointer;display:flex;height:42px;justify-content:center;outline:none;touch-action:manipulation;width:42px}.shuffle-button .icon[data-v-795e6e52]{height:auto;width:100%}@media (max-width:1048.98px){.palette-colors-editor[data-v-795e6e52]{gap:21px;justify-content:center;padding:9px 20px;width:100%}.slot[data-v-795e6e52]{gap:16px;padding:12px 0}.slot[data-v-795e6e52] .palette-color:after{box-shadow:22px 27px 50px var(--color)}.delete-button[data-v-795e6e52],.label[data-v-795e6e52],.slot[data-v-795e6e52]:before{display:none}.add-button[data-v-795e6e52],.edit-button[data-v-795e6e52],.shuffle-button[data-v-795e6e52]{height:38px;width:38px}}