@layer components{@layer button{[data-slot=button]{justify-content:center;align-items:center;gap:var(--echo-spacing-200);border-radius:var(--echo-radius-sm);font-size:var(--echo-text-350);font-weight:var(--echo-font-medium);white-space:nowrap;cursor:pointer;border:1px solid #0000;transition:background-color .18s,color .18s,border-color .18s,opacity .18s,box-shadow .2s,transform .2s;display:inline-flex}[data-slot=button]:not(:disabled):not([data-variant=link]):hover{box-shadow:var(--echo-shadow-md);transform:translateY(-.5px)}[data-slot=button]:not(:disabled):not([data-variant=link]):active{box-shadow:var(--echo-shadow-xs);transform:translateY(0)scale(.992)}[data-slot=button]:disabled{pointer-events:none;opacity:.5}[data-slot=button]:focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-slot=button] [data-icon]{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}[data-slot=button][data-size=default]{min-height:2.5rem;padding:var(--echo-spacing-200) var(--echo-spacing-400)}[data-slot=button][data-size=sm]{min-height:2.25rem;padding:var(--echo-spacing-50) var(--echo-spacing-300)}[data-slot=button][data-size=lg]{min-height:2.75rem;padding:var(--echo-spacing-300) var(--echo-spacing-600)}[data-slot=button][data-size=icon]{width:2.5rem;height:2.5rem;padding:0}[data-slot=button][data-variant=default]{border-color:color-mix(in srgb, var(--primary) 58%, transparent);background-color:color-mix(in srgb, var(--primary) 92%, transparent);color:var(--primary-foreground);box-shadow:0 8px 16px -10px color-mix(in srgb, var(--primary) 65%, transparent)}[data-slot=button][data-variant=default]:hover{background-color:color-mix(in srgb, var(--primary) 84%, transparent)}[data-slot=button][data-variant=destructive]{background-color:var(--destructive);color:#fff}[data-slot=button][data-variant=destructive]:hover{background-color:color-mix(in srgb, var(--destructive) 90%, black)}[data-slot=button][data-variant=outline]{border-color:var(--input);background-color:color-mix(in srgb, var(--background) 90%, var(--muted));color:var(--foreground)}[data-slot=button][data-variant=outline]:hover{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=button][data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground);border-color:color-mix(in srgb, var(--secondary) 65%, var(--border))}[data-slot=button][data-variant=secondary]:hover{background-color:color-mix(in srgb, var(--secondary) 86%, var(--accent))}[data-slot=button][data-variant=ghost]{color:var(--foreground);background-color:#0000}[data-slot=button][data-variant=ghost]:hover{background-color:var(--accent);color:var(--accent-foreground)}[data-slot=button][data-variant=link]{color:var(--primary);text-underline-offset:var(--echo-spacing-25);background:0 0;border:none;padding:0;text-decoration:underline;transition:color .15s,text-underline-offset .15s}[data-slot=button][data-variant=link]:hover{color:color-mix(in srgb, var(--primary) 82%, var(--foreground));text-underline-offset:.32rem}}}
@layer components{@layer input{[data-slot=input]{width:100%;min-height:2.45rem;padding:.475rem var(--echo-spacing-300);border:1px solid var(--input);border-radius:var(--echo-radius-sm);background-color:color-mix(in srgb, var(--background) 92%, var(--muted));color:var(--foreground);font-size:var(--echo-text-350);transition:border-color .15s,box-shadow .15s,background-color .15s}[data-slot=input]::placeholder{color:var(--muted-foreground)}[data-slot=input]:not(:disabled):hover{border-color:color-mix(in srgb, var(--ring) 45%, var(--input))}[data-slot=input]:focus-visible{outline:var(--echo-focus-ring);outline-offset:var(--echo-focus-ring-offset)}[data-slot=input]:disabled{cursor:not-allowed;opacity:.5}[data-slot=input][type=number]{appearance:auto;padding-inline-end:calc(var(--echo-spacing-3-00) + var(--echo-spacing-100))}[data-slot=input][type=number]::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}[data-slot=input][type=number]::-webkit-inner-spin-button{-webkit-appearance:auto;margin:0}[data-slot=input][data-size=compact]{min-height:2.25rem;padding-block:var(--echo-spacing-50)}}}
@layer components{@layer label{[data-slot=label]{font-size:var(--echo-text-350);font-weight:var(--echo-font-medium);line-height:var(--echo-leading-snug);color:var(--foreground)}[data-slot=label][data-size=xs]{font-size:var(--echo-text-300)}[data-slot=label][data-tone=muted]{color:var(--muted-foreground)}[data-slot=label][data-clickable]{cursor:pointer}[data-slot=label][data-disabled]{cursor:not-allowed;opacity:.7}[data-slot=checkbox][data-disabled]+[data-slot=label]{cursor:not-allowed;opacity:.7}}}