.colorpicker-col[data-v-ab2fbe07]{height:var(--form-element-height,55px);position:relative;display:inline-flex;width:100%;flex-shrink:1;align-items:center}.colorpicker-col[data-v-ab2fbe07] .color-picker-input{height:var(--form-element-height,55px)}.colorpicker-col .colorpicker[data-v-ab2fbe07]{position:absolute;right:0;margin-right:1.25rem;aspect-ratio:1/1;overflow:clip;border-radius:9999px}@media(min-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 rgba(0,0,0,.5)}.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:hsla(0,0%,100%,.1);--colorPickerInputTitleBg:hsla(0,0%,100%,.05)}.colorpicker-tool[data-v-ab2fbe07]{--colorPickerInputTextBg:hsla(0,0%,100%,.1);--colorPickerInputTitleBg:rgba(0,0,0,5%)}.v-popper__popper:has(.colorpicker-tool) .v-popper__arrow-container{display:none}