.cli-snippet[data-v-660cf0fb]{align-items:center;background:transparent;border:1px solid color-mix(in srgb,var(--foreground,currentColor) 20%,transparent);border-radius:8px;cursor:pointer;display:flex;gap:12px;height:44px;justify-content:space-between;max-width:470px;padding:9px 24px;position:relative;transition:border-color .2s ease-out;width:100%}.cli-snippet[data-v-660cf0fb]:before{background:radial-gradient(circle 80px at var(--mouse-x,50%) var(--mouse-y,50%),var(--primary),transparent 100%);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;padding:1px;pointer-events:none;position:absolute}.cli-snippet[data-v-660cf0fb]:hover{border-color:color-mix(in srgb,var(--foreground,currentColor) 40%,transparent)}@media(prefers-reduced-motion:no-preference){.cli-snippet[data-v-660cf0fb]:before{transition:opacity .3s ease-out}.cli-snippet[data-v-660cf0fb]:hover:before{opacity:1}}.cli-snippet[data-v-660cf0fb]:active{border-color:color-mix(in srgb,var(--foreground,currentColor) 60%,transparent)}.command[data-v-660cf0fb]{align-items:center;cursor:text;display:flex;flex:1;font-family:var(--family-monospace);font-weight:500;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-user-select:text;-moz-user-select:text;user-select:text;-ms-overflow-style:none}.command[data-v-660cf0fb]::-webkit-scrollbar{display:none}.command.x-small[data-v-660cf0fb]{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.command.small[data-v-660cf0fb]{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.command.medium[data-v-660cf0fb]{font-size:var(--font-size-md);line-height:var(--line-height-md)}.command.large[data-v-660cf0fb]{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.prefix[data-v-660cf0fb]{color:color-mix(in srgb,var(--foreground,currentColor) 45%,transparent);flex-shrink:0}.command-text[data-v-660cf0fb]{color:color-mix(in srgb,var(--foreground,currentColor) 75%,transparent);white-space:nowrap}.copy-status[data-v-660cf0fb]{align-items:center;color:color-mix(in srgb,var(--foreground,currentColor) 45%,transparent);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--family-body);font-size:var(--font-size-sm);font-weight:500;height:24px;justify-content:center;position:relative;width:24px}.copy-status .base-icon[data-v-660cf0fb]{--base-icon-color:color-mix(in srgb,var(--foreground,currentColor) 45%,transparent);font-size:20px;line-height:20px}.copy-status .copied-text[data-v-660cf0fb]{background:color-mix(in srgb,var(--foreground,currentColor) 10%,transparent);border-radius:4px;color:var(--foreground,currentColor);font-size:var(--font-size-xs);padding:2px 6px;position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);white-space:nowrap;z-index:10}@media(max-width:480px){.cli-snippet[data-v-660cf0fb]{gap:8px;height:44px;padding:9px 16px}.command[data-v-660cf0fb]{font-size:var(--font-size-sm)}.copy-status[data-v-660cf0fb]{height:20px;width:20px}.copy-status .base-icon[data-v-660cf0fb]{font-size:18px;line-height:18px}.copy-status .copied-text[data-v-660cf0fb]{font-size:var(--font-size-xs)}}.input-container[data-v-fa0c60fa]{align-items:center;display:flex;position:relative}.input-container .append-icon-wrapper[data-v-fa0c60fa],.input-container .prepend-icon-wrapper[data-v-fa0c60fa]{align-items:center;display:flex;inset-block:0;padding:var(--space-2);position:absolute}.input-container .append-icon-wrapper[data-v-fa0c60fa]{inset-inline-end:0}.input-container .prepend-icon-wrapper[data-v-fa0c60fa]{inset-inline-start:0}.input-container input[data-v-fa0c60fa]{border:1px solid var(--gray-200);border-radius:var(--rounded-lg);inline-size:100%;height:var(--space-12);padding:var(--space-3);transition:var(--duration-150) var(--ease-out);width:100%}.input-container input[data-v-fa0c60fa]::-moz-placeholder{color:var(--gray-400)}.input-container input[data-v-fa0c60fa]::placeholder{color:var(--gray-400)}.input-container input.invalid[data-v-fa0c60fa]{border-color:var(--danger)}.input-container input[data-v-fa0c60fa]:hover{border-color:var(--gray-400);transition:none}.input-container input[data-v-fa0c60fa]:focus{border-color:var(--primary);box-shadow:0 0 var(--space-1) 0 var(--primary-100);outline:none}.input-container input.has-prepend-icon[data-v-fa0c60fa]{padding-left:var(--space-10)}.input-container input.has-append-icon[data-v-fa0c60fa]{padding-right:var(--space-10)}.input-container .icon[data-v-fa0c60fa]{color:var(--gray-400);flex-shrink:0;height:var(--space-6);width:var(--space-6)}.input-container .prepend-icon[data-v-fa0c60fa]{left:var(--space-3)}.input-container .append-icon[data-v-fa0c60fa]{right:var(--space-3)}.input-container .clear-icon[data-v-fa0c60fa]{cursor:pointer}.input-container .clear-icon[data-v-fa0c60fa]:hover{color:var(--gray-600)}.theme-dark .input-container input[data-v-fa0c60fa]{background-color:var(--gray-800);border:0;color:var(--foreground)}.theme-dark .input-container input[data-v-fa0c60fa]::-moz-placeholder{color:var(--gray-500)}.theme-dark .input-container input[data-v-fa0c60fa]::placeholder{color:var(--gray-500)}.theme-dark .input-container .icon[data-v-fa0c60fa]{color:var(--gray-500)}.theme-dark .input-container .clear-icon[data-v-fa0c60fa]:hover{color:var(--gray-300)}