.pcp-root{--pcp-color-border:0 0% 10%;--pcp-color-input:0 0% 10%;--pcp-color-ring:0 0% 20%;--pcp-color-background:0 0% 100%;--pcp-color-foreground:222.2 84% 4.9%;--pcp-color-primary:222.2 47.4% 11.2%;--pcp-color-primary-foreground:210 40% 98%;--pcp-color-secondary:210 40% 96%;--pcp-color-secondary-foreground:222.2 84% 4.9%;--pcp-color-destructive:0 84.2% 60.2%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-muted:0 0% 80%;--pcp-color-muted-foreground:215.4 16.3% 46.9%;--pcp-color-accent:210 40% 96%;--pcp-color-accent-foreground:222.2 84% 4.9%;--pcp-color-popover:0 0% 100%;--pcp-color-popover-foreground:222.2 84% 4.9%;--pcp-color-card:0 0% 100%;--pcp-color-card-foreground:222.2 84% 4.9%;--pcp-radius:.5rem;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html.dark .pcp-root,.pcp-root[data-theme=dark]{--pcp-color-border:217.2 32.6% 17.5%;--pcp-color-input:217.2 32.6% 17.5%;--pcp-color-ring:212.7 26.8% 83.9%;--pcp-color-background:222.2 84% 4.9%;--pcp-color-foreground:210 40% 98%;--pcp-color-primary:210 40% 98%;--pcp-color-primary-foreground:222.2 47.4% 11.2%;--pcp-color-secondary:217.2 32.6% 17.5%;--pcp-color-secondary-foreground:210 40% 98%;--pcp-color-destructive:0 62.8% 30.6%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-muted:217.2 32.6% 17.5%;--pcp-color-muted-foreground:215 20.2% 65.1%;--pcp-color-accent:217.2 32.6% 17.5%;--pcp-color-accent-foreground:210 40% 98%;--pcp-color-popover:222.2 84% 4.9%;--pcp-color-popover-foreground:210 40% 98%;--pcp-color-card:222.2 84% 4.9%;--pcp-color-card-foreground:210 40% 98%}.pcp-root *{box-sizing:border-box}[data-pcp-root]{--pcp-color-border:0 0% 10%;--pcp-color-input:0 0% 10%;--pcp-color-ring:0 0% 20%;--pcp-color-background:0 0% 100%;--pcp-color-foreground:222.2 84% 4.9%;--pcp-color-primary:222.2 47.4% 11.2%;--pcp-color-primary-foreground:210 40% 98%;--pcp-color-secondary:210 40% 96%;--pcp-color-secondary-foreground:222.2 84% 4.9%;--pcp-color-destructive:0 84.2% 60.2%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-warning:360 83% 50%;--pcp-color-warning-foreground:210 40% 98%;--pcp-color-muted:0 0% 80%;--pcp-color-muted-foreground:215.4 16.3% 46.9%;--pcp-color-accent:210 40% 96%;--pcp-color-accent-foreground:222.2 84% 4.9%;--pcp-color-popover:0 0% 100%;--pcp-color-popover-foreground:222.2 84% 4.9%;--pcp-color-card:0 0% 100%;--pcp-color-card-foreground:222.2 84% 4.9%;--pcp-radius:.5rem;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}[data-pcp-root][data-theme=dark]{--pcp-color-border:217.2 32.6% 17.5%;--pcp-color-input:217.2 32.6% 17.5%;--pcp-color-ring:212.7 26.8% 83.9%;--pcp-color-background:222.2 84% 4.9%;--pcp-color-foreground:210 40% 98%;--pcp-color-primary:210 40% 98%;--pcp-color-primary-foreground:222.2 47.4% 11.2%;--pcp-color-secondary:217.2 32.6% 17.5%;--pcp-color-secondary-foreground:210 40% 98%;--pcp-color-destructive:0 62.8% 30.6%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-muted:217.2 32.6% 17.5%;--pcp-color-muted-foreground:215 20.2% 65.1%;--pcp-color-accent:217.2 32.6% 17.5%;--pcp-color-accent-foreground:210 40% 98%;--pcp-color-popover:222.2 84% 4.9%;--pcp-color-popover-foreground:210 40% 98%;--pcp-color-card:222.2 84% 4.9%;--pcp-color-card-foreground:210 40% 98%}@media (prefers-color-scheme:dark){.pcp-root,[data-pcp-root]{--pcp-color-border:217.2 32.6% 17.5%;--pcp-color-input:217.2 32.6% 17.5%;--pcp-color-ring:212.7 26.8% 83.9%;--pcp-color-background:222.2 84% 4.9%;--pcp-color-foreground:210 40% 98%;--pcp-color-primary:210 40% 98%;--pcp-color-primary-foreground:222.2 47.4% 11.2%;--pcp-color-secondary:217.2 32.6% 17.5%;--pcp-color-secondary-foreground:210 40% 98%;--pcp-color-destructive:0 62.8% 30.6%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-muted:217.2 32.6% 17.5%;--pcp-color-muted-foreground:215 20.2% 65.1%;--pcp-color-accent:217.2 32.6% 17.5%;--pcp-color-accent-foreground:210 40% 98%;--pcp-color-popover:222.2 84% 4.9%;--pcp-color-popover-foreground:210 40% 98%;--pcp-color-card:222.2 84% 4.9%;--pcp-color-card-foreground:210 40% 98%}html.light .pcp-root,html.light [data-pcp-root],.pcp-root[data-theme=light],[data-pcp-root][data-theme=light]{--pcp-color-border:0 0% 10%;--pcp-color-input:0 0% 10%;--pcp-color-ring:0 0% 20%;--pcp-color-background:0 0% 100%;--pcp-color-foreground:222.2 84% 4.9%;--pcp-color-primary:222.2 47.4% 11.2%;--pcp-color-primary-foreground:210 40% 98%;--pcp-color-secondary:210 40% 96%;--pcp-color-secondary-foreground:222.2 84% 4.9%;--pcp-color-destructive:0 84.2% 60.2%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-warning:360 83% 50%;--pcp-color-warning-foreground:210 40% 98%;--pcp-color-muted:0 0% 80%;--pcp-color-muted-foreground:215.4 16.3% 46.9%;--pcp-color-accent:210 40% 96%;--pcp-color-accent-foreground:222.2 84% 4.9%;--pcp-color-popover:0 0% 100%;--pcp-color-popover-foreground:222.2 84% 4.9%;--pcp-color-card:0 0% 100%;--pcp-color-card-foreground:222.2 84% 4.9%}}@media (prefers-color-scheme:light){html.dark .pcp-root,html.dark [data-pcp-root],.pcp-root[data-theme=dark],[data-pcp-root][data-theme=dark]{--pcp-color-border:217.2 32.6% 17.5%;--pcp-color-input:217.2 32.6% 17.5%;--pcp-color-ring:212.7 26.8% 83.9%;--pcp-color-background:222.2 84% 4.9%;--pcp-color-foreground:210 40% 98%;--pcp-color-primary:210 40% 98%;--pcp-color-primary-foreground:222.2 47.4% 11.2%;--pcp-color-secondary:217.2 32.6% 17.5%;--pcp-color-secondary-foreground:210 40% 98%;--pcp-color-destructive:0 62.8% 30.6%;--pcp-color-destructive-foreground:210 40% 98%;--pcp-color-muted:217.2 32.6% 17.5%;--pcp-color-muted-foreground:215 20.2% 65.1%;--pcp-color-accent:217.2 32.6% 17.5%;--pcp-color-accent-foreground:210 40% 98%;--pcp-color-popover:222.2 84% 4.9%;--pcp-color-popover-foreground:210 40% 98%;--pcp-color-card:222.2 84% 4.9%;--pcp-color-card-foreground:210 40% 98%}}[data-pcp-root] *{box-sizing:border-box}@media (prefers-contrast:high){[data-pcp-root]{--pcp-color-ring:0 0% 0%;--pcp-color-border:0 0% 0%;--pcp-color-foreground:0 0% 0%;--pcp-color-background:0 0% 100%}[data-pcp-root][data-theme=dark]{--pcp-color-ring:0 0% 100%;--pcp-color-border:0 0% 100%;--pcp-color-foreground:0 0% 100%;--pcp-color-background:0 0% 0%}.pcp-slider__thumb:focus-visible{outline-offset:2px!important;outline:3px solid #000!important;box-shadow:0 0 0 3px #fff,0 0 0 6px #000!important}[data-theme=dark] .pcp-slider__thumb:focus-visible{outline-offset:2px!important;outline:3px solid #fff!important;box-shadow:0 0 0 3px #000,0 0 0 6px #fff!important}.pcp-button:focus-visible{outline-offset:2px!important;outline:3px solid #000!important}[data-theme=dark] .pcp-button:focus-visible{outline-offset:2px!important;outline:3px solid #fff!important}.pcp-circles__circle:focus-visible{outline-offset:2px!important;outline:3px solid #000!important}[data-theme=dark] .pcp-circles__circle:focus-visible{outline-offset:2px!important;outline:3px solid #fff!important}.pcp-color-picker__preset:focus-visible{outline-offset:2px!important;outline:3px solid #000!important}[data-theme=dark] .pcp-color-picker__preset:focus-visible{outline-offset:2px!important;outline:3px solid #fff!important}}@media (prefers-reduced-motion:reduce){[data-pcp-root] *,[data-pcp-root] :before,[data-pcp-root] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pcp-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pcp-focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-border{border:1px solid hsl(var(--pcp-color-border))}.pcp-border-radius{border-radius:10px}.pcp-focus-trap{position:relative}.pcp-focus-trap:focus-within{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:-2px}.pcp-live-region{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.pcp-button{white-space:nowrap;cursor:pointer;border:none;border-radius:.5rem;outline:none;justify-content:center;align-items:center;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.pcp-button:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px hsl(var(--pcp-color-ring)),0 0 0 4px hsl(var(--pcp-color-background));border:0}.pcp-button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.pcp-button__content{align-items:center;gap:.5rem;display:flex}.pcp-button--variant-default{background-color:hsl(var(--pcp-color-primary));color:hsl(var(--pcp-color-primary-foreground));box-shadow:0 1px 3px rgba(0,0,0,.1)}.pcp-button--variant-default:hover:not(:disabled){background-color:hsl(var(--pcp-color-primary)/.9);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.pcp-button--variant-outline{border:1px solid hsl(var(--pcp-color-border));background-color:hsl(var(--pcp-color-accent));color:hsl(var(--pcp-color-foreground));box-shadow:0 1px 3px rgba(0,0,0,.1)}.pcp-button--variant-outline:hover:not(:disabled){background-color:hsl(var(--pcp-color-accent)/.8);color:hsl(var(--pcp-color-accent-foreground));box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.pcp-button--variant-secondary{background-color:hsl(var(--pcp-color-secondary));color:hsl(var(--pcp-color-secondary-foreground));box-shadow:0 1px 3px rgba(0,0,0,.1)}.pcp-button--variant-secondary:hover:not(:disabled){background-color:hsl(var(--pcp-color-secondary)/.8);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.pcp-button--variant-ghost{color:hsl(var(--pcp-color-foreground));background-color:transparent}.pcp-button--variant-ghost:hover:not(:disabled){background-color:hsl(var(--pcp-color-accent));color:hsl(var(--pcp-color-accent-foreground))}.pcp-button--size-sm{border-radius:.375rem;height:2.25rem;padding:0 .75rem}.pcp-button--size-md{height:2.5rem;padding:.5rem 1rem}.pcp-button--size-lg{border-radius:.375rem;height:2.75rem;padding:.5rem 2rem}.pcp-button--size-icon{width:2.5rem;height:2.5rem;padding:0}.pcp-button--color-picker{background-color:hsl(var(--pcp-color-background));color:hsl(var(--pcp-color-foreground));border:2px solid #e5e7eb;border-radius:.5rem;transition:all .2s;position:relative}[data-theme=dark] .pcp-button--color-picker,.dark .pcp-button--color-picker{background-color:hsl(var(--pcp-color-accent));color:hsl(var(--pcp-color-accent-foreground));border-color:rgba(255,255,255,.5)}.pcp-button--color-picker:hover:not(:disabled){border-color:#d1d5db;transform:scale(1.05)}.pcp-button--color-picker:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-button--color-picker:disabled{opacity:.5;cursor:not-allowed}.pcp-button--color-picker:disabled:hover{transform:none}.pcp-button--color-picker.pcp-button--size-sm{width:2rem;height:2rem;padding:0}.pcp-button--color-picker.pcp-button--size-md{width:2.5rem;height:2.5rem;padding:0}.pcp-button--color-picker.pcp-button--size-lg{width:3rem;height:3rem;padding:0}.pcp-button--color-picker.pcp-button__content{width:auto;min-width:-moz-fit-content;min-width:fit-content;height:auto;min-height:2.5rem;padding:.5rem .75rem}.pcp-button--color-picker.pcp-button__content.pcp-button--size-sm{min-height:2rem;padding:.375rem .5rem}.pcp-button--color-picker.pcp-button__content.pcp-button--size-lg{min-height:3rem;padding:.75rem 1rem}.pcp-dialog__overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(255,255,255,.5);transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.dark .pcp-dialog__overlay{background-color:rgba(0,0,0,.5)}.pcp-dialog__content{z-index:50;border:1px solid hsl(var(--pcp-color-border));background-color:hsl(var(--pcp-color-background));border-radius:.5rem;gap:1rem;width:100%;max-width:32rem;padding:1.5rem;transition:all .2s;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%)translateY(-50%);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media (max-width:639px){.pcp-dialog__content--responsive{border:none;border-radius:0;flex-direction:column;gap:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;transform:none}}@media (min-width:640px){.pcp-dialog__content{border-radius:.5rem}}.pcp-dialog__header{text-align:center}@media (min-width:640px){.pcp-dialog__header{text-align:left}}.pcp-dialog__title{letter-spacing:-.025em;color:hsl(var(--pcp-color-foreground));font-size:1.125rem;font-weight:600;line-height:2}@media (min-width:640px){.pcp-dialog__title{line-height:1}}.pcp-dialog__description{color:hsl(var(--pcp-color-muted-foreground));font-size:.875rem}.pcp-dialog__footer{flex-direction:column-reverse;gap:.5rem;display:flex}@media (min-width:640px){.pcp-dialog__footer{flex-direction:row;justify-content:flex-end;gap:.5rem}}.pcp-dialog__close{opacity:.7;cursor:pointer;color:hsl(var(--pcp-color-foreground));z-index:10;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:opacity .2s;position:absolute;top:1rem;right:1rem}.pcp-dialog__close:hover{opacity:1}.pcp-dialog__close:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-dialog__close:disabled{pointer-events:none}@media (max-width:639px){.pcp-dialog__content--responsive .pcp-dialog__close{background:hsl(var(--pcp-color-background));border:1px solid hsl(var(--pcp-color-border));border-radius:.375rem;padding:.5rem;top:.75rem;right:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}}.pcp-dialog--state-open .pcp-dialog__overlay{animation:.2s ease-out pcp-fade-in}.pcp-dialog--state-closed .pcp-dialog__overlay{animation:.2s ease-in pcp-fade-out}.pcp-dialog--state-open .pcp-dialog__content{animation:.2s ease-out pcp-dialog-content-show}.pcp-dialog--state-closed .pcp-dialog__content{animation:.2s ease-in pcp-dialog-content-hide}@keyframes pcp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pcp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes pcp-dialog-content-show{0%{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}}@keyframes pcp-dialog-content-hide{0%{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}}.pcp-dialog__header-section{flex-direction:column;gap:1rem;display:flex}@media (max-width:639px){.pcp-dialog__content--responsive .pcp-dialog__header-section{border-bottom:1px solid hsl(var(--pcp-color-border));flex-shrink:0;margin-bottom:1rem;padding-bottom:1rem}.pcp-color-picker__controls--scrollable{flex:1;min-height:0;margin-right:-.25rem;padding-right:.25rem;overflow-x:hidden;overflow-y:auto}.pcp-color-picker__controls--scrollable::-webkit-scrollbar{width:6px}.pcp-color-picker__controls--scrollable::-webkit-scrollbar-track{background:hsl(var(--pcp-color-muted)/.1);border-radius:3px}.pcp-color-picker__controls--scrollable::-webkit-scrollbar-thumb{background:hsl(var(--pcp-color-muted-foreground)/.3);border-radius:3px}.pcp-color-picker__controls--scrollable::-webkit-scrollbar-thumb:hover{background:hsl(var(--pcp-color-muted-foreground)/.5)}.pcp-dialog__content--responsive .pcp-color-picker__preview-container{flex-direction:row;align-items:center;gap:1rem}.pcp-dialog__content--responsive .pcp-color-picker__preview{flex-shrink:0;width:3rem!important;height:3rem!important}.pcp-dialog__content--responsive .pcp-color-picker__info{flex:1;min-width:0}.pcp-dialog__content--responsive .pcp-color-picker__badge{font-size:.875rem}.pcp-dialog__content--responsive .pcp-color-picker__value{opacity:.8;font-size:.8125rem}}.pcp-color-picker__preview-container{align-items:center;gap:1rem;display:flex}.pcp-color-picker__preview{border:2px solid hsl(var(--pcp-color-border));border-radius:.5rem;position:relative}.pcp-color-picker__preview-inner{border-radius:.3rem;width:100%;height:100%;position:absolute;top:0;left:0}.pcp-color-picker__info{flex-direction:column;gap:.25rem;width:-moz-fit-content;width:fit-content;display:flex}.pcp-color-picker__warning{background-color:hsl(var(--pcp-color-warning)/.8);color:hsl(var(--pcp-color-warning-foreground));border-radius:.3rem;padding:.5rem;font-size:.75rem;font-weight:500}.pcp-color-picker__label{color:hsl(var(--pcp-color-foreground));font-size:.875rem;font-weight:500}.pcp-color-picker__value{color:hsl(var(--pcp-color-muted-foreground));font-size:.875rem}.pcp-color-picker__controls,.pcp-color-picker__sliders{flex-direction:column;gap:1rem;display:flex}.pcp-color-picker__slider-group{flex-direction:column;gap:.5rem;display:flex}.pcp-color-picker__presets{grid-template-columns:repeat(8,minmax(0,1fr));gap:.5rem;display:grid}.pcp-color-picker__preset{border:1px solid hsl(var(--pcp-color-border));cursor:pointer;border-radius:.25rem;outline:none;width:2rem;height:2rem;transition:all .2s}.pcp-color-picker__preset:hover{transform:scale(1.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.pcp-color-picker__preset:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-color-picker__preset--selected{border-color:hsl(var(--pcp-color-primary));box-shadow:0 0 0 2px hsl(var(--pcp-color-primary)/.2);transform:scale(1.05)}.pcp-color-picker__preset--disabled{opacity:.5;cursor:not-allowed}.pcp-color-picker__preset--disabled:hover{box-shadow:none;transform:none}.pcp-color-picker__actions{justify-content:space-between;align-items:center;display:flex}.pcp-color-picker__separator{background-color:hsl(var(--pcp-color-muted));height:1px;margin:.5rem 0}.pcp-color-picker__badge{background-color:hsl(var(--pcp-color-secondary));width:-moz-fit-content;width:fit-content;color:hsl(var(--pcp-color-secondary-foreground));border:1px solid transparent;border-radius:1rem;align-items:center;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;font-weight:700;line-height:1rem;transition:colors .2s;display:inline-flex}.pcp-color-picker__hex-section{align-items:center;gap:.5rem;display:flex}.pcp-color-picker__copy-button{border-radius:.375rem;height:auto;min-height:0;padding:.25rem;transition:all .2s}.pcp-color-picker__copy-button:hover:not(:disabled){background-color:hsl(var(--pcp-color-muted)/.8)}.pcp-color-picker__copy-button:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-color-picker__copy-button:disabled{opacity:.6;cursor:wait}.pcp-copy-button__icon{width:.875rem;height:.875rem;color:hsl(var(--pcp-color-muted-foreground));transition:color .2s}.pcp-color-picker__copy-button:hover:not(:disabled) .pcp-copy-button__icon{color:hsl(var(--pcp-color-foreground))}.pcp-copy-button__icon--success{color:#3c3}@media (max-width:639px){.pcp-color-picker__hex-section{align-items:center;gap:.5rem;display:flex}.pcp-color-picker__copy-button{min-width:2rem;min-height:2rem;padding:.5rem}.pcp-copy-button__icon{width:1rem;height:1rem}}.pcp-circles{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.pcp-circles__circle{cursor:pointer;background:0 0;border:2px solid transparent;border-radius:50%;outline:none;flex-shrink:0;padding:0;transition:all .2s}.pcp-circles__circle--selected{border-color:#000;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}[data-theme=dark] .pcp-circles__circle--selected,.dark .pcp-circles__circle--selected{border-color:#fff;box-shadow:0 4px 6px -1px rgba(255,255,255,.1)}.pcp-circles__circle:hover:not(:disabled){border-color:rgba(0,0,0,.5);transform:scale(1.1)}[data-theme=dark] .pcp-circles__circle:hover:not(:disabled),.dark .pcp-circles__circle:hover:not(:disabled){border-color:rgba(255,255,255,.5)}.pcp-circles__circle:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px;box-shadow:0 0 0 2px hsl(var(--pcp-color-ring)),0 0 0 4px hsl(var(--pcp-color-background));border:0}[data-theme=dark] .pcp-circles__circle:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.dark .pcp-circles__circle:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-circles__more-button{cursor:pointer;color:#6b7280;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}[data-theme=dark] .pcp-circles__more-button,.dark .pcp-circles__more-button{color:#fff;background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.pcp-circles__more-button:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af;transform:scale(1.1)}[data-theme=dark] .pcp-circles__more-button:hover:not(:disabled),.dark .pcp-circles__more-button:hover:not(:disabled){background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.pcp-circles__more-button:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px;box-shadow:0 0 0 2px hsl(var(--pcp-color-ring)),0 0 0 4px hsl(var(--pcp-color-background))}[data-theme=dark] .pcp-circles__more-button:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.dark .pcp-circles__more-button:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-circles__circle--disabled{opacity:.5;cursor:not-allowed}.pcp-circles__circle--disabled:hover{border-color:transparent;transform:none}.pcp-circles__more-button--disabled{opacity:.5;cursor:not-allowed}.pcp-circles__more-button--disabled:hover{background-color:#f9fafb;border-color:#d1d5db;transform:none}[data-theme=dark] .pcp-circles__more-button--disabled:hover,.dark .pcp-circles__more-button--disabled:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.pcp-circles--disabled{opacity:.5;pointer-events:none}.pcp-circles--size-sm .pcp-circles__circle,.pcp-circles--size-sm .pcp-circles__more-button{width:2rem;height:2rem}.pcp-circles--size-md .pcp-circles__circle,.pcp-circles--size-md .pcp-circles__more-button{width:2.5rem;height:2.5rem}.pcp-circles--size-lg .pcp-circles__circle,.pcp-circles--size-lg .pcp-circles__more-button{width:3rem;height:3rem}.pcp-circles--size-sm .pcp-circles__more-button svg,.pcp-circles--size-md .pcp-circles__more-button svg{width:1rem;height:1rem}.pcp-circles--size-lg .pcp-circles__more-button svg{width:1.25rem;height:1.25rem}.pcp-slider{border-radius:calc(var(--pcp-radius)*.5);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;width:100%;height:.5rem;display:flex;position:relative;overflow:visible}.pcp-slider__track{background-color:transparent;border-radius:.5rem;flex-grow:1;width:100%;height:.5rem;position:relative;overflow:visible}.pcp-slider__range{background-color:hsl(var(--pcp-color-primary)/.8);border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;height:.5rem;position:absolute;top:0;left:0}.pcp-slider__thumb{border:1px solid hsl(var(--pcp-color-primary));background-color:hsl(var(--pcp-color-background));border-radius:50%;width:1.2rem;height:1.2rem;transition:box-shadow .2s,transform .2s;display:block}.pcp-slider__thumb:hover{cursor:grab;box-shadow:0 0 0 4px rgba(0,0,0,.25)}.pcp-slider__thumb:focus-visible{cursor:grab;box-shadow:0 0 0 4px rgba(0,0,0,.25)}.pcp-slider__thumb:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px;cursor:grabbing}.pcp-slider__thumb:disabled{pointer-events:none;opacity:.5}.pcp-slider--hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcp-slider--saturation .pcp-slider__track{background:linear-gradient(to right,hsl(var(--pcp-current-hue,0),0%,50%),hsl(var(--pcp-current-hue,0),100%,50%))}.pcp-slider--lightness .pcp-slider__track{background:linear-gradient(to right,hsl(var(--pcp-current-hue,0),var(--pcp-current-saturation,50%),0%),hsl(var(--pcp-current-hue,0),var(--pcp-current-saturation,50%),50%),hsl(var(--pcp-current-hue,0),var(--pcp-current-saturation,50%),100%))}.pcp-slider--alpha .pcp-slider__track{background-image:linear-gradient(to right,transparent,var(--pcp-current-color,#fff));background-position:0 0;background-size:100% 100%}.pcp-slider--disabled{opacity:.5;cursor:not-allowed}.pcp-slider--disabled .pcp-slider__thumb{cursor:not-allowed;pointer-events:none}.pcp-slider--vertical{flex-direction:column;width:.375rem;height:11rem}.pcp-slider--vertical .pcp-slider__track{width:.375rem;height:100%}[data-orientation=horizontal].pcp-slider .pcp-slider__track{width:100%;height:.5rem}[data-orientation=vertical].pcp-slider{flex-direction:column;width:.5rem;min-height:11rem}[data-orientation=vertical].pcp-slider .pcp-slider__track{width:.5rem;height:100%}.pcp-label{color:hsl(var(--pcp-color-foreground));-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;font-weight:500;line-height:1}.pcp-label:has(.pcp-peer:disabled){cursor:not-allowed;opacity:.7}.pcp-peer:disabled~.pcp-label{cursor:not-allowed;opacity:.7}.pcp-separator{background-color:hsl(var(--pcp-color-border));flex-shrink:0}.pcp-separator--horizontal{width:100%;height:1px}.pcp-separator--vertical{width:1px;height:100%}.pcp-color-bar{border-radius:calc(var(--pcp-radius)*.5);border:1px solid hsl(var(--pcp-color-border));outline:none;width:100%;height:.5rem;position:relative;overflow:visible;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.pcp-color-bar__slider{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0!important}.pcp-color-bar__track{border-radius:calc(var(--pcp-radius)*.5);box-shadow:none!important;background:0 0!important;border:none!important}.pcp-color-bar__range{display:none}.pcp-color-bar__thumb--slider{border:1px solid hsl(var(--pcp-color-primary));background-color:hsl(var(--pcp-color-background));cursor:move;border-radius:.2rem;width:.8rem;height:1.2rem;transition:box-shadow .2s,transform .2s;display:block;box-shadow:0 1px 2px rgba(0,0,0,.1)}.pcp-color-bar__thumb--slider:hover{cursor:grab;transform:scale(1.05);box-shadow:0 0 0 4px rgba(0,0,0,.25)}.pcp-color-bar__thumb--slider:focus-visible{cursor:grab;transform:scale(1.05);box-shadow:0 0 0 4px rgba(0,0,0,.25)}.pcp-color-bar__thumb--slider:active{cursor:grabbing;box-shadow:0 0 0 4px rgba(0,0,0,.25)}.pcp-color-bar__thumb--slider:focus-visible{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px}.pcp-color-bar:focus-within .pcp-color-bar__thumb--slider{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px;box-shadow:0 0 0 4px rgba(0,0,0,.15),0 0 0 2px #fff}.pcp-color-bar__indicator,.pcp-color-bar__thumb,.pcp-color-bar__thumb--interactive{display:none}.pcp-color-area{border-radius:calc(var(--pcp-radius)*1);border:1px solid hsl(var(--pcp-color-border));cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;width:100%;height:12rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.pcp-color-area:focus-visible .pcp-color-area__cursor{outline:2px solid hsl(var(--pcp-color-ring));outline-offset:2px;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}.pcp-color-area__cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;transition:transform .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2)}.pcp-color-area--dragging{cursor:grabbing}.pcp-color-area--dragging .pcp-color-area__cursor{transform:translate(-50%,-50%)scale(1.1)}.pcp-random{flex-shrink:0;width:auto;position:relative}.pcp-random__label{margin-left:.5rem}.pcp-random--disabled{opacity:.5;cursor:not-allowed}.pcp-random__icon{width:1rem;height:1rem}.pcp-hidden{display:none}.pcp-opacity-0{opacity:0}.pcp-opacity-100{opacity:1}.pcp-pointer-events-none{pointer-events:none}.pcp-cursor-pointer{cursor:pointer}.pcp-cursor-not-allowed{cursor:not-allowed}.pcp-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcp-touch-none{touch-action:none}