[data-layout=sinppets] [data-scope=color-picker][data-part=root]{margin-top:0rem!important}[data-layout=sinppets] [data-scope=color-picker][data-part=control]{display:flex;align-items:center;gap:.75rem;margin-top:0rem!important}[data-layout=sinppets] [data-scope=color-picker][data-part=trigger]{display:flex;align-items:center;justify-content:center;position:relative;width:4rem;height:4rem;border-width:1px;border-color:hsl(var(--border));outline:2px solid transparent;outline-offset:2px;border-radius:calc(var(--radius) - 2px);overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-layout=sinppets] [data-scope=color-picker][data-part=transparency-grid]{inset:0;position:absolute;background-color:transparent!important;background-image:none!important}[data-layout=sinppets] [data-scope=color-picker][data-part=swatch]{position:absolute;inset:0;width:100%;height:100%;background-color:var(--color);margin-top:0!important}[data-layout=sinppets] [data-scope=color-picker][data-part=channel-input]{&::file-selector-button{border-width:0px;background-color:transparent;font-size:.875rem;line-height:1.25rem;font-weight:500}&::placeholder{--un-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--un-text-opacity))}&:focus-visible{outline:2px solid transparent;outline-offset:2px;--un-ring-width: 2px;--un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity: 1;--un-ring-color: hsl(var(--ring) / var(--un-ring-opacity)) ;--un-ring-offset-width: 2px}display:flex;height:2rem;width:8rem;border-radius:calc(var(--radius) - 2px);--un-text-opacity: 1 !important;color:hsl(var(--primary) / var(--un-text-opacity))!important;border-width:1px;--un-border-opacity: 1;border-color:hsl(var(--input) / var(--un-border-opacity));--un-bg-opacity: 1;background-color:hsl(var(--background) / var(--un-bg-opacity));padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;--un-ring-offset-opacity: 1;--un-ring-offset-color: hsl(var(--background) / var(--un-ring-offset-opacity)) }[data-layout=sinppets][data-scope=color-picker][data-part=positioner]{position:fixed;margin-top:.5rem;z-index:180!important}[data-layout=sinppets] [data-scope=color-picker][data-part=content]{border-radius:calc(var(--radius) - 2px);border-width:1px;--un-border-opacity: 1;border-color:hsl(var(--input) / var(--un-border-opacity));--un-bg-opacity: 1;background-color:hsl(var(--popover) / var(--un-bg-opacity));padding:.75rem;--un-text-opacity: 1;color:hsl(var(--popover-foreground) / var(--un-text-opacity));--un-shadow: var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)), var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);outline:2px solid transparent;outline-offset:2px}[data-layout=sinppets] [data-scope=color-picker][data-part=area]{position:relative;width:12rem;height:8rem;margin-bottom:.75rem}[data-layout=sinppets] [data-scope=color-picker][data-part=area-background]{position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);width:100%;height:100%}[data-layout=sinppets] [data-scope=color-picker][data-part=area-thumb]{&:focus-visible{outline:2px solid transparent;outline-offset:2px;--un-ring-width: 2px;--un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity: 1;--un-ring-color: hsl(var(--ring) / var(--un-ring-opacity)) ;--un-ring-offset-width: 2px}position:absolute;width:.75rem;height:.75rem;--un-translate-x: -.375rem;--un-translate-y: -.375rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));border-width:2px;--un-border-opacity: 1;border-color:rgb(255 255 255 / var(--un-border-opacity));border-radius:9999px;--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);cursor:pointer;--un-ring-offset-opacity: 1;--un-ring-offset-color: hsl(var(--background) / var(--un-ring-offset-opacity)) ;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-layout=sinppets] [data-scope=color-picker][data-part=channel-slider]{position:relative;height:1rem}[data-layout=sinppets] [data-scope=color-picker][data-part=channel-slider][data-channel=hue]{margin-bottom:.75rem}[data-layout=sinppets] [data-scope=color-picker][data-part=channel-slider-track]{position:absolute;inset:0;border-radius:calc(var(--radius) - 2px);height:100%}[data-layout=sinppets] [data-scope=color-picker][data-part=channel-slider-thumb]{&:focus-visible{outline:2px solid transparent;outline-offset:2px;--un-ring-width: 2px;--un-ring-offset-shadow: var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow: var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity: 1;--un-ring-color: hsl(var(--ring) / var(--un-ring-opacity)) ;--un-ring-offset-width: 2px}.dark &{--un-border-opacity: 1;border-color:rgb(246 246 246 / var(--un-border-opacity))}position:absolute;width:.5rem;height:1rem;border-width:1px;--un-border-opacity: 1;border-color:rgb(34 34 34 / var(--un-border-opacity));--un-translate-x: -.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-bg-opacity: 1;background-color:hsl(var(--background) / var(--un-bg-opacity));border-radius:calc(var(--radius) - 4px);--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);cursor:pointer;--un-ring-offset-opacity: 1;--un-ring-offset-color: hsl(var(--background) / var(--un-ring-offset-opacity)) ;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-layout=sinppets] [data-scope=color-picker][data-part=transparency-grid]{position:absolute;inset:0;border-radius:calc(var(--radius) - 2px)}