[data-layout=sinppets] [data-scope=signature][data-part=root]{>:not([hidden])~:not([hidden]){--un-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse))}width:100%;min-width:28rem}[data-layout=sinppets] [data-scope=signature][data-part=label]{font-size:.875rem;line-height:1.25rem;font-weight:500;line-height:1;--un-text-opacity: 1;color:hsl(var(--primary) / var(--un-text-opacity))}[data-layout=sinppets] [data-scope=signature][data-part=control]{&:focus-within{--un-ring-width: 1px;--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)) }position:relative;width:100%;height:12rem;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(--background) / var(--un-bg-opacity));padding:.75rem;--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)}[data-layout=sinppets] [data-scope=signature][data-part=segment]{height:100%;width:100%;border-radius:calc(var(--radius) - 4px)}[data-layout=sinppets] [data-scope=signature][data-part=segment-path]{--un-stroke-opacity: 1;stroke:hsl(var(--foreground) / var(--un-stroke-opacity))}[data-layout=sinppets] [data-scope=signature][data-part=clear-trigger]{&:disabled{pointer-events:none;opacity:.5}&:focus-visible{outline:2px solid transparent;outline-offset:2px;--un-ring-width: 1px;--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)) }&:hover{--un-bg-opacity: 1;background-color:hsl(var(--accent) / var(--un-bg-opacity));--un-text-opacity: 1;color:hsl(var(--accent-foreground) / var(--un-text-opacity))}& span:first-child{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.23rem' height='1.23rem' display='inline-block' vertical-align='text-bottom' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1.23rem;height:1.23rem;display:inline-block;vertical-align:text-bottom;height:1rem;width:1rem;--un-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--un-text-opacity))}& span:last-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}position:absolute;right:.5rem;top:.5rem;margin-top:0!important;display:inline-flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 4px);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));font-size:.875rem;line-height:1.25rem;--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)}[data-layout=sinppets] [data-scope=signature][data-part=guide]{position:absolute;bottom:.75rem;left:50%;--un-translate-x: -50%;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));font-size:.75rem;line-height:1rem;--un-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--un-text-opacity));margin-top:0!important}
