.color-picker-wrap[data-v-7f0f123e]{width:100%}.color-picker[data-v-7f0f123e]{background:transparent;box-shadow:none;padding:0;width:100%}@media(min-width:768px){.color-picker-wrap[data-v-7f0f123e]{margin:0 auto;width:60%}}[data-v-7f0f123e] .vc-sketch{background:transparent!important;box-shadow:none!important;padding:0!important;width:100%!important}[data-v-7f0f123e] .vc-sketch-saturation-wrap{border-radius:12px 12px 0 0;overflow:hidden;padding-bottom:50%!important;width:100%!important}[data-v-7f0f123e] .vc-sketch-controls{display:flex;flex-wrap:wrap;padding:12px 0!important;width:100%!important}[data-v-7f0f123e] .vc-sketch-sliders{width:100%!important}[data-v-7f0f123e] .vc-sketch-hue-wrap{border-radius:6px;margin-bottom:10px;overflow:hidden;width:100%!important}[data-v-7f0f123e] .vc-sketch-alpha-wrap,[data-v-7f0f123e] .vc-sketch-color-wrap,[data-v-7f0f123e] .vc-sketch-field{display:none!important}[data-v-7f0f123e] .vc-sketch-presets{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:12px;padding-top:12px;width:100%!important}[data-v-7f0f123e] .vc-sketch-presets-color{border-radius:6px!important;box-shadow:0 0 0 1px #0000000f!important;height:0!important;margin:2px!important;padding-bottom:calc(10% - 4px)!important;transition:transform .15s ease!important;width:calc(10% - 4px)!important}[data-v-7f0f123e] .vc-sketch-presets-color:hover{transform:scale(1.15)!important}.hex-entry[data-v-7f0f123e]{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.hex-entry-toggle[data-v-7f0f123e]{font-size:.75rem;font-weight:500;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hex-entry-toggle[data-v-7f0f123e]:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.hex-entry-field[data-v-7f0f123e]{align-items:center;display:flex;gap:.5rem;max-width:20rem;width:100%}.hex-input[data-v-7f0f123e]{border-radius:.5rem;border-width:1px;flex:1 1 0%;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hex-input[data-v-7f0f123e]::-moz-placeholder{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hex-input[data-v-7f0f123e]::placeholder{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.hex-input[data-v-7f0f123e]:focus{--tw-border-opacity:1;border-color:rgb(129 131 248/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(224 225 255/var(--tw-ring-opacity))}.hex-apply-btn[data-v-7f0f123e]{border-radius:.5rem;border-width:1px;flex-shrink:0;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-size:.75rem;font-weight:500;line-height:1rem;padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hex-apply-btn[data-v-7f0f123e]:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hex-error[data-v-7f0f123e]{font-size:11px;--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity))}.sr-only[data-v-7f0f123e]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}