.color-field[data-v-c89827d5]{border-width:0;flex-direction:column;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}.color-field__label[data-v-c89827d5]{--tw-text-opacity:1;color:rgb(99 99 102/var(--tw-text-opacity));margin-bottom:.25rem;padding:0;font-size:.75rem;line-height:1rem}.color-field__label--hidden[data-v-c89827d5]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.color-field__row[data-v-c89827d5]{align-items:center;gap:.375rem;min-width:0;display:flex}.color-field__chip[data-v-c89827d5]{--tw-border-opacity:1;border-width:1px;border-color:rgb(99 99 102/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-image:conic-gradient(#d1d5db 25%,#fff 0 50%,#d1d5db 0 75%,#fff 0);background-size:10px 10px;border-radius:.25rem;width:1.25rem;height:1.25rem;display:block;overflow:hidden}.color-field__paint[data-v-c89827d5]{width:100%;height:100%;display:block}.color-field__chip--none[data-v-c89827d5]{position:relative}.color-field__chip--none[data-v-c89827d5]:before{--tw-content:"";content:var(--tw-content);background-image:linear-gradient(to top right,#0000 calc(50% - 1px),#b23231 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.color-field__custom[data-v-c89827d5]{cursor:pointer;--tw-text-opacity:1;color:rgb(99 99 102/var(--tw-text-opacity));align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;display:flex}.color-field__alpha-row[data-v-c89827d5]{flex-direction:column;gap:.25rem;display:flex}.color-field__alpha-reason[data-v-c89827d5]{--tw-text-opacity:1;color:rgb(99 99 102/var(--tw-text-opacity));margin:0;font-size:.75rem;line-height:1rem}.color-field__picker[data-v-c89827d5]{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(99 99 102/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;width:1.75rem;height:1.75rem;padding:.125rem}.color-field__picker[data-v-c89827d5]:focus{outline-offset:2px;outline:2px solid #0000}.color-field__picker[data-v-c89827d5]:focus-visible{--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(51 65 85/var(--tw-ring-opacity))}.color-field__hex[data-v-c89827d5]{border-width:1px;border-color:rgba(var(--colors-slate-200));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);min-width:0;height:1.75rem;color:rgba(var(--colors-slate-900));border-radius:.375rem;flex:1;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.color-field__hex[data-v-c89827d5]::placeholder{color:rgba(var(--colors-slate-500))}.color-field__hex[data-v-c89827d5]:focus{outline-offset:2px;outline:2px solid #0000}.color-field__hex[data-v-c89827d5]:focus-visible{--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(51 65 85/var(--tw-ring-opacity))}.color-field__none-tip[data-v-c89827d5]{flex-shrink:0}@media (hover:none){.color-field__none-tip[data-v-c89827d5]:after,.color-field__none-tip[data-v-c89827d5]:before{content:var(--tw-content);display:none}}.color-field__none[data-v-c89827d5]{--tw-text-opacity:1;width:1.75rem;height:1.75rem;color:rgb(99 99 102/var(--tw-text-opacity));background-color:#0000;border-width:0;border-radius:.375rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.color-field__none[data-v-c89827d5]:hover{--tw-bg-opacity:1;background-color:rgb(242 242 247/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(28 28 30/var(--tw-text-opacity))}.color-field__none[data-v-c89827d5]:focus{outline-offset:2px;outline:2px solid #0000}.color-field__none[data-v-c89827d5]:focus-visible{--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(51 65 85/var(--tw-ring-opacity))}.color-field__none[aria-disabled=true][data-v-c89827d5]{cursor:not-allowed}.color-field__none--pressed[data-v-c89827d5]{--tw-bg-opacity:1;background-color:rgb(242 242 247/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(28 28 30/var(--tw-text-opacity));--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(1px + 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-inset:inset;--tw-ring-opacity:1;--tw-ring-color:rgb(28 28 30/var(--tw-ring-opacity))}.color-field__note[data-v-c89827d5]{color:rgb(99 99 102/var(--tw-text-opacity))}.color-field__note[data-v-c89827d5],.color-field__refusal[data-v-c89827d5]{--tw-text-opacity:1;margin:0;font-size:.75rem;line-height:1rem}.color-field__refusal[data-v-c89827d5]{--tw-bg-opacity:1;background-color:rgb(251 234 232/var(--tw-bg-opacity));color:rgb(180 35 24/var(--tw-text-opacity));border-radius:.375rem;padding:.25rem .5rem}