.colorpicker-col[data-v-ab2fbe07]{align-items:center;display:inline-flex;flex-shrink:1;height:var(--form-element-height,55px);position:relative;width:100%}.colorpicker-col[data-v-ab2fbe07] .color-picker-input{height:var(--form-element-height,55px)}.colorpicker-col .colorpicker[data-v-ab2fbe07]{aspect-ratio:1/1;border-radius:9999px;margin-right:1.25rem;overflow:clip;position:absolute;right:0}@media(min-width:878px){.colorpicker-col .colorpicker[data-v-ab2fbe07]{margin-right:.625rem}}.colorpicker-col .colorpicker[data-v-ab2fbe07]{border:1px solid rgba(0,0,0,.5);height:calc(var(--form-element-height, 55px)/2.25);width:calc(var(--form-element-height, 55px)/2.25)}.colorpicker-col .colorpicker[data-v-ab2fbe07]:hover{cursor:pointer}.colorpicker-col .colorpicker button[data-v-ab2fbe07]{height:100%;width:100%}.colorpicker:not(:focus-within) .colorpicker-tool[data-v-ab2fbe07]{display:none}.colorpicker-tool[data-v-ab2fbe07]{padding:1rem;width:230px}.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}