.gradient-field-popover{max-width:446px}.gradient-field-popover .vue-gpickr,.gradient-field-popover .vue-gpickr .vc-sketch{background:transparent;box-shadow:none}.gradient-field-popover .vue-gpickr .vc-sketch-color-wrap{overflow:hidden}:is(.dark .gradient-field-popover .vue-gpickr .vc-input__label),:is(.dark .gradient-field-popover .vue-gpickr .vue-gpickr-slider-container .label),:is(.dark .gradient-field-popover .vue-gpickr .vue-gpickr-input-container .label){color:#fff}:is(.dark .gradient-field-popover .vue-gpickr .vc-input__input),:is(.dark .gradient-field-popover .vue-gpickr .vue-gpickr-input-container input[type=text]){background-color:rgb(36 38 40 / var(--tw-bg-opacity));color:#fff;box-shadow:inset 0 0 0 1px #191919}.copy-btn{cursor:pointer;padding:.5rem;width:40px;height:100%;display:flex;justify-content:center;align-items:center}.cssText{display:flex;width:100%;position:relative}:is(.dark .cssText){border-color:#000}.presets{display:flex;flex-wrap:wrap;column-gap:.38rem;row-gap:.38rem;padding:.5rem 1rem 1rem}.preset{border-radius:.25rem;overflow:hidden;width:32px;height:32px;cursor:pointer;border-top-width:1px;border-left-width:1px;border-right-width:1px;border-bottom-width:1px;border-color:#646464}:is(.dark .preset){border-color:#c8c8c8}.pt-4{padding-top:1rem}