.colorpicker-col[data-v-ab2fbe07]{height:var(--form-element-height,55px);flex-shrink:1;align-items:center;width:100%;display:inline-flex;position:relative}.colorpicker-col[data-v-ab2fbe07] .color-picker-input{height:var(--form-element-height,55px)}.colorpicker-col .colorpicker[data-v-ab2fbe07]{aspect-ratio:1;border-radius:9999px;margin-right:1.25rem;position:absolute;right:0;overflow:clip}@media (width>=878px){.colorpicker-col .colorpicker[data-v-ab2fbe07]{margin-right:.625rem}}.colorpicker-col .colorpicker[data-v-ab2fbe07]{width:calc(var(--form-element-height,55px)/2.25);height:calc(var(--form-element-height,55px)/2.25);border:1px solid #00000080}.colorpicker-col .colorpicker[data-v-ab2fbe07]:hover{cursor:pointer}.colorpicker-col .colorpicker button[data-v-ab2fbe07]{width:100%;height:100%}.colorpicker:not(:focus-within) .colorpicker-tool[data-v-ab2fbe07]{display:none}.colorpicker-tool[data-v-ab2fbe07]{width:230px;padding:1rem}.colorpicker-tool[data-v-ab2fbe07]:is(.dark *){--colorPickerBg:#2a2b30;--colorPickerInputText:#fff;--colorPickerInputTextBg:#ffffff1a;--colorPickerInputTitleBg:#ffffff0d}.colorpicker-tool[data-v-ab2fbe07]{--colorPickerInputTextBg:#ffffff1a;--colorPickerInputTitleBg:#0000000d}.v-popper__popper:has(.colorpicker-tool) .v-popper__arrow-container{display:none}