.colorBox[data-v-573b3468]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:100%;min-width:0;height:2.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-width:1px;border-color:#00000073;border-radius:.75rem;align-items:center;gap:.5rem;padding-left:.375rem;padding-right:.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.colorBox[data-v-573b3468]:focus-within{--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-color:#0000000d;border-color:#000000a6}.colorBox[data-v-573b3468]:hover{border-color:#0000008c}.colorBox[data-v-573b3468]:is(.dark *){background-color:#ffffff0a;border-color:#ffffff59}.colorBox[data-v-573b3468]:focus-within:is(.dark *){--tw-ring-color:#ffffff1a;border-color:#ffffff4d}.colorBox[data-v-573b3468]:hover:is(.dark *){border-color:#fff3}.colorBox__swatch[data-v-573b3468]{border-width:1px;border-color:#00000026;border-radius:.5rem;flex-shrink:0;width:1.5rem;height:1.5rem}.colorBox__swatch[data-v-573b3468]:is(.dark *){border-color:#fff3}.colorBox__value[data-v-573b3468]{cursor:pointer;text-align:left;--tw-text-opacity:1;min-width:0;height:100%;color:rgb(11 18 32/var(--tw-text-opacity,1));outline-offset:2px;background-color:#0000;outline:2px solid #0000;flex:1;align-items:center;font-size:.875rem;line-height:1.25rem;display:flex;overflow:hidden}.colorBox__value[data-v-573b3468]:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.colorBox__ph[data-v-573b3468]{color:#0000008c}.colorBox__ph[data-v-573b3468]:is(.dark *){color:#ffffff8c}.colorBox__btn[data-v-573b3468]{--tw-text-opacity:1;width:1.75rem;height:1.75rem;color:rgb(71 85 105/var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.colorBox__btn[data-v-573b3468]:hover{background-color:#0000000f}.colorBox__btn[data-v-573b3468]:active,.colorPick__close[data-v-573b3468]:active{--tw-scale-x:.96;--tw-scale-y:.96;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.colorBox__btn[data-v-573b3468]:is(.dark *){color:#ffffffb3}.colorBox__btn[data-v-573b3468]:hover:is(.dark *){background-color:#ffffff1a}.colorBox__btn--on[data-v-573b3468]{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));background-color:#00000014}.colorBox__btn--on[data-v-573b3468]:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#ffffff1f}.colorPick__close[data-v-573b3468]{--tw-text-opacity:1;width:1.75rem;height:1.75rem;color:rgb(71 85 105/var(--tw-text-opacity,1));border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.colorPick__close[data-v-573b3468]:hover{background-color:#0000000f}.colorPick__close[data-v-573b3468]:is(.dark *){color:#ffffffb3}.colorPick__close[data-v-573b3468]:hover:is(.dark *){background-color:#ffffff1a}.colorPick__body[data-v-573b3468]{gap:.5rem;display:flex}.colorPick__sv[data-v-573b3468]{cursor:crosshair;touch-action:none;border-width:1px;border-color:#00000026;border-radius:.75rem;flex:1;height:10rem;position:relative;overflow:hidden}.colorPick__sv[data-v-573b3468]:is(.dark *){border-color:#fff3}.colorPick__sv[data-v-573b3468]:after,.colorPick__sv[data-v-573b3468]:before{content:"";position:absolute;inset:0}.colorPick__sv[data-v-573b3468]:before{background:linear-gradient(90deg,#fff,#fff0)}.colorPick__sv[data-v-573b3468]:after{background:linear-gradient(#0000,#000)}.colorPick__uchwyt[data-v-573b3468]{pointer-events:none;--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:.875rem;height:.875rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);z-index:1;border-width:2px;border-radius:9999px;position:absolute;transform:translate(-50%,-50%)}.colorPick__hue[data-v-573b3468]{cursor:pointer;touch-action:none;background:linear-gradient(red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-width:1px;border-color:#00000026;border-radius:.75rem;flex-shrink:0;width:1rem;height:10rem;position:relative}.colorPick__hue[data-v-573b3468]:is(.dark *){border-color:#fff3}.colorPick__uchwytHue[data-v-573b3468]{pointer-events:none;--tw-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);width:.875rem;height:.875rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:9999px;position:absolute;left:50%;transform:translate(-50%,-50%)}.colorPick__preview[data-v-573b3468]{border-width:1px;border-color:#00000026;border-radius:.75rem;flex-shrink:0;width:2.25rem;height:2.25rem}.colorPick__preview[data-v-573b3468]:is(.dark *){border-color:#fff3}.colorPick__hex[data-v-573b3468]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;min-width:0;height:2.25rem;color:rgb(11 18 32/var(--tw-text-opacity,1));outline-offset:2px;border-width:1px;border-color:#00000073;border-radius:.75rem;outline:2px solid #0000;flex:1;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.colorPick__hex[data-v-573b3468]::placeholder{color:#0000008c;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.colorPick__hex[data-v-573b3468]:focus{--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-color:#0000000d;border-color:#000000a6}.colorPick__hex[data-v-573b3468]:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#ffffff0a;border-color:#ffffff59}.colorPick__hex[data-v-573b3468]:is(.dark *)::-moz-placeholder{color:#ffffff8c}.colorPick__hex[data-v-573b3468]:is(.dark *)::placeholder{color:#ffffff8c}.colorPick__hex[data-v-573b3468]:focus:is(.dark *){--tw-ring-color:#ffffff1a;border-color:#ffffff4d}.colorPick__swatch[data-v-573b3468]{border-width:1px;border-color:#00000026;border-radius:.5rem;width:1.75rem;height:1.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.colorPick__swatch[data-v-573b3468]:hover{--tw-scale-x:1.08;--tw-scale-y:1.08}.colorPick__swatch[data-v-573b3468]:active,.colorPick__swatch[data-v-573b3468]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.colorPick__swatch[data-v-573b3468]:active{--tw-scale-x:.96;--tw-scale-y:.96}.colorPick__swatch[data-v-573b3468]:is(.dark *){border-color:#fff3}.colorPick__swatch--on[data-v-573b3468]{--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-color:#00000073;--tw-ring-offset-width:1px;--tw-ring-offset-color:#fff}.colorPick__swatch--on[data-v-573b3468]:is(.dark *){--tw-ring-color:#fff9;--tw-ring-offset-color:#101217}.fade-enter-active[data-v-573b3468],.fade-leave-active[data-v-573b3468]{transition:opacity .16s}.fade-enter-from[data-v-573b3468],.fade-leave-to[data-v-573b3468]{opacity:0}.pop-enter-active[data-v-573b3468]{transition:transform .16s,opacity .16s}.pop-leave-active[data-v-573b3468]{transition:transform .12s,opacity .12s}.pop-enter-from[data-v-573b3468],.pop-leave-to[data-v-573b3468]{opacity:0;transform:translateY(6px)scale(.98)}