.vacp-color-picker{display:grid;max-width:var(--vacp-width-color-space,300px);padding:var(--vacp-spacing,6px);grid-gap:var(--vacp-spacing,6px);background-color:var(--vacp-color-background,#fff);color:var(--vacp-color-text,currentColor);font-family:var(--vacp-font-family,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif);font-size:var(--vacp-font-size,.8em);grid-template-columns:1fr min-content}.vacp-color-picker,.vacp-color-picker *,.vacp-color-picker :after,.vacp-color-picker :before{box-sizing:border-box}.vacp-color-picker button::-moz-focus-inner{border:none;padding:0}.vacp-color-picker :focus{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-color-space{aspect-ratio:1/.6;grid-column:1/-1;overflow:hidden}.vacp-color-space-thumb{--vacp-thumb-size:calc(var(--vacp-spacing, 6px)*4);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);height:var(--vacp-thumb-size);margin-bottom:calc(var(--vacp-thumb-size)*-1/2);margin-left:calc(var(--vacp-thumb-size)*-1/2);transform:rotate(0);width:var(--vacp-thumb-size)}.vacp-color-space-thumb:focus{box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000),0 0 0 calc(var(--vacp-width-border, 1px) + 2px) var(--vacp-color-focus,#19f);outline-color:transparent}.vacp-range-input-label{--vacp-slider-track-height:calc(var(--vacp-spacing, 6px)*3);--vacp-slider-thumb-size:calc(var(--vacp-spacing, 6px)*4 - var(--vacp-width-border, 1px)*2);display:block}.vacp-range-input-group{display:flex;flex-direction:column;justify-content:center}.vacp-range-input-group>:not(:first-child){margin-top:var(--vacp-spacing,6px)}.vacp-range-input,.vacp-range-input::-webkit-slider-thumb{-webkit-appearance:none}.vacp-range-input{background:none;border:none;display:block;height:var(--vacp-slider-track-height);margin-bottom:calc(var(--vacp-spacing, 6px)/2 + 1px);margin-left:0;margin-right:0;margin-top:calc(var(--vacp-spacing, 6px)/2 + 1px);padding:0;width:100%}.vacp-range-input:focus{outline:none}.vacp-range-input::-moz-focus-outer{border:none}.vacp-range-input--alpha{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee);background-position:0 0,var(--vacp-spacing,6px) var(--vacp-spacing,6px);background-size:calc(var(--vacp-spacing, 6px)*2) calc(var(--vacp-spacing, 6px)*2)}.vacp-range-input::-moz-range-track{border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000);box-sizing:border-box;height:var(--vacp-slider-track-height);width:100%}.vacp-range-input::-webkit-slider-runnable-track{border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000);box-sizing:border-box;height:var(--vacp-slider-track-height);width:100%}.vacp-range-input::-ms-track{border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000);box-sizing:border-box;height:var(--vacp-slider-track-height);width:100%}.vacp-range-input:focus::-moz-range-track{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-range-input:focus::-webkit-slider-runnable-track{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-range-input:focus::-ms-track{outline:2px solid var(--vacp-color-focus,#19f)}.vacp-range-input--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--vacp-color))}.vacp-range-input--hue::-moz-range-track{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-webkit-slider-runnable-track{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input--hue::-ms-track{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.vacp-range-input::-moz-range-thumb{background-color:transparent;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);box-sizing:border-box;height:var(--vacp-slider-thumb-size);isolation:isolate;width:var(--vacp-slider-thumb-size)}.vacp-range-input::-webkit-slider-thumb{background-color:transparent;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);box-sizing:border-box;height:var(--vacp-slider-thumb-size);isolation:isolate;margin-top:calc(var(--vacp-spacing, 6px)*-1/2);width:var(--vacp-slider-thumb-size)}.vacp-range-input::-ms-thumb{background-color:transparent;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 var(--vacp-width-border,1px) var(--vacp-color-border,#000);box-sizing:border-box;height:var(--vacp-slider-thumb-size);isolation:isolate;margin-top:calc(var(--vacp-spacing, 6px)*-1/2);width:var(--vacp-slider-thumb-size)}.vacp-copy-button{align-items:center;align-self:center;background-color:var(--vacp-color-background-input,#fff);border:var(--vacp-width-border,1px) solid transparent;border-radius:50%;color:var(--vacp-color-text-input,currentColor);display:flex;height:calc(var(--vacp-spacing, 6px)*6);justify-content:center;justify-self:center;overflow:hidden;position:relative;width:calc(var(--vacp-spacing, 6px)*6)}.vacp-copy-button:focus{border-color:var(--vacp-color-border,#000);box-shadow:0 0 0 2px var(--vacp-color-focus,#19f);outline:none}.vacp-copy-button:enabled:hover{background-color:#0002}.vacp-color-inputs{align-items:center;display:flex;grid-column:1/-1}.vacp-color-inputs>:not(:first-child){margin-left:var(--vacp-spacing,6px)}.vacp-color-input-group{-moz-column-gap:var(--vacp-spacing,6px);column-gap:var(--vacp-spacing,6px);display:grid;flex-grow:1;grid-auto-flow:column}.vacp-color-input-label{text-align:center}.vacp-color-input{border:var(--vacp-width-border,1px) solid var(--vacp-color-border,#000);margin:0;margin-top:calc(var(--vacp-spacing, 6px)/2);text-align:center;width:100%}.vacp-color-input,.vacp-format-switch-button{background-color:var(--vacp-color-background-input,#fff);color:inherit;color:var(--vacp-color-text-input,currentColor);font:inherit;padding:var(--vacp-spacing,6px)}.vacp-format-switch-button{align-items:center;border:var(--vacp-width-border,1px) solid transparent;border-radius:50%;display:flex;justify-content:center;margin:0}.vacp-format-switch-button:focus{border-color:var(--vacp-color-border,#000)}.vacp-format-switch-button:enabled:hover{background-color:#0002}.vacp-visually-hidden{overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;padding:0;white-space:nowrap;width:1px}.vacp-color-picker{background-color:transparent;border-radius:var(--radius)}[data-radix-popper-content-wrapper]{z-index:99999!important}.vacp-color-input,.vacp-color-space,.vacp-range-input{border-radius:.25rem;border-style:none}.vacp-color-input:focus{outline-width:0}.vacp-color-input{background-color:hsla(var(--secondary));border-style:none}.vacp-copy-button{display:none}.vacp-range-input::-webkit-slider-runnable-track{border-radius:.25rem;border-style:none}.vacp-range-input:focus::-webkit-slider-runnable-track{outline-width:0}.vacp-range-input::-webkit-slider-thumb{cursor:pointer;margin-top:-2px}